:root{--ink: #0f172a;--ink-soft: #475569;--ink-faint: #94a3b8;--line: #e2e8f0;--line-strong: #cbd5e1;--surface: #ffffff;--surface-sunken: #f8fafc;--surface-raised: #ffffff;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-soft: #eff6ff;--accent-line: #bfdbfe;--ok: #047857;--ok-soft: #ecfdf5;--warn: #b45309;--warn-soft: #fffbeb;--danger: #b91c1c;--danger-soft: #fef2f2;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .16);--font: "Segoe UI", "Helvetica Neue", Arial, "Noto Sans Hebrew", sans-serif;--mono: "SFMono-Regular", "Cascadia Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--surface-sunken);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4{margin:0;font-weight:650;line-height:1.25}p{margin:0;line-height:1.6}button{font-family:inherit;font-size:inherit}a{color:var(--accent)}.page{min-height:100%;display:flex;flex-direction:column}.shell{width:min(880px,100%);margin:0 auto;padding:20px 16px 96px}.center-shell{min-height:100%;display:grid;place-items:center;padding:24px 16px}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:8px}.spacer{flex:1}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.small{font-size:.86rem}.mono{font-family:var(--mono);font-size:.82rem;word-break:break-all}.doc-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.doc-header h1{font-size:1.02rem}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius);padding:12px 20px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;min-height:44px;transition:background .12s ease}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunken)}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:transparent;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink)}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-sm{padding:7px 12px;min-height:34px;font-size:.86rem}.btn-lg{padding:15px 28px;min-height:52px;font-size:1.05rem}.btn-block{width:100%}label{font-weight:600;font-size:.88rem}input[type=text],input[type=password],input[type=number],input[type=url],input[type=search],select,textarea{width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--radius);font-family:inherit;font-size:1rem;background:var(--surface);color:var(--ink)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px}.alert{border-radius:var(--radius);padding:12px 14px;border:1px solid;font-size:.92rem}.alert-error{background:var(--danger-soft);border-color:#fecaca;color:#7f1d1d}.alert-ok{background:var(--ok-soft);border-color:#a7f3d0;color:#065f46}.alert-warn{background:var(--warn-soft);border-color:#fde68a;color:#78350f}.alert-info{background:var(--accent-soft);border-color:var(--accent-line);color:#1e3a8a}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.76rem;font-weight:650;border:1px solid var(--line);background:var(--surface-sunken);color:var(--ink-soft);white-space:nowrap}.badge-ok{background:var(--ok-soft);border-color:#a7f3d0;color:var(--ok)}.badge-warn{background:var(--warn-soft);border-color:#fde68a;color:var(--warn)}.badge-danger{background:var(--danger-soft);border-color:#fecaca;color:var(--danger)}.badge-info{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.pages{display:flex;flex-direction:column;gap:16px;align-items:center}.page-wrap{position:relative;width:100%;max-width:820px;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.page-img{display:block;width:100%;height:auto}.page-skeleton{width:100%;aspect-ratio:595.276 / 841.89;background:linear-gradient(100deg,#f1f5f9 30%,#e2e8f0,#f1f5f9 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.field-box{position:absolute;border:2px dashed var(--accent);background:#1d4ed812;border-radius:4px;cursor:pointer;display:grid;place-items:center;padding:0;color:var(--accent);font-weight:650;font-size:.8rem;transition:background .12s ease;min-height:0}.field-box:hover{background:#1d4ed824}.field-box.signed{border-style:solid;border-color:var(--ok);background:transparent;cursor:default}.field-box.signed img{width:100%;height:100%;object-fit:contain}.field-box:not(.signed){animation:nudge 2.4s ease-in-out infinite}@keyframes nudge{0%,to{box-shadow:0 0 #1d4ed859}50%{box-shadow:0 0 0 7px #1d4ed800}}@media (prefers-reduced-motion: reduce){.field-box:not(.signed){animation:none}.page-skeleton{animation:none}}.action-bar{position:fixed;inset-inline:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 16px #0f172a0f}.action-bar-inner{width:min(880px,100%);margin:0 auto;display:flex;align-items:center;gap:12px}.sheet{position:fixed;inset:0;z-index:100;background:#0f172a8c;display:flex;align-items:flex-end;justify-content:center}.sheet-panel{background:var(--surface);width:100%;max-width:720px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom));box-shadow:var(--shadow-lg)}@media (min-width: 720px){.sheet{align-items:center}.sheet-panel{border-radius:var(--radius-lg)}}.pad-frame{position:relative;border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-sunken);overflow:hidden}.pad-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.pad-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--ink-faint);font-size:.95rem}.pad-baseline{position:absolute;inset-inline:8%;bottom:24%;height:1px;background:var(--line-strong);pointer-events:none}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--surface)}th,td{padding:10px 12px;text-align:start;border-bottom:1px solid var(--line)}th{background:var(--surface-sunken);font-weight:650;white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface-sunken)}.admin-nav{background:var(--surface);border-bottom:1px solid var(--line);padding:0 16px;display:flex;align-items:center;gap:4px;overflow-x:auto}.admin-nav a{padding:14px;color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:.92rem;border-bottom:2px solid transparent;white-space:nowrap}.admin-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-shell{width:min(1240px,100%);margin:0 auto;padding:20px 16px 60px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat .value{font-size:1.6rem;font-weight:700;line-height:1.1}.stat .label{font-size:.82rem;color:var(--ink-soft);margin-top:4px}.designer-canvas{position:relative;user-select:none;touch-action:none;cursor:crosshair;max-width:820px;margin-inline:auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.designer-canvas img{display:block;width:100%;height:auto;pointer-events:none}.designer-rect{position:absolute;border:2px solid var(--accent);background:#1d4ed81f;border-radius:3px}.designer-rect.selected{border-color:var(--warn);background:#b4530924}.designer-rect .handle{position:absolute;width:14px;height:14px;background:var(--surface);border:2px solid var(--accent);border-radius:3px}.designer-rect.selected .handle{border-color:var(--warn)}.handle-br{inset-inline-end:-7px;bottom:-7px;cursor:nwse-resize}.designer-label{position:absolute;top:-22px;inset-inline-start:0;font-size:.72rem;font-weight:650;background:var(--accent);color:#fff;padding:1px 6px;border-radius:4px;white-space:nowrap}.designer-rect.selected .designer-label{background:var(--warn)}.hidden{display:none}.grow{flex:1}.wrap-anywhere{overflow-wrap:anywhere}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}