:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f7f7f4;--surface-raised:#fff;--ink:#121210;--mute:#5f5f59;--line:#d8d8d2;--line-strong:#b8b8b0;--red:#d0021b;--brand:#d0021b;--ok:#1a7340;--ok-soft:#e6f5ec;--bad:#b00020;--bad-soft:#fdecec;--warn:#8a6a00;--warn-soft:#fff6e0;--well:#1a1a18;--sheet:#fff;--center-wash:#efefea;--hint:#9a9a92;--toggle-track:#ebebe6;--toggle-thumb:#fff;--shadow-soft:0 8px 28px #1212101a;--scrim:#1212106b;--theme-meta:#f7f7f4;--font:system-ui, -apple-system, "Segoe UI", "Segoe UI Arabic", "Noto Sans Arabic", Tahoma, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--hud-h:36px;--btn-h:46px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--pad:0px;--gap:8px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#141412;--surface-raised:#1c1c19;--ink:#f2f2ee;--mute:#a8a89f;--line:#2c2c28;--line-strong:#3f3f39;--red:#e11d32;--brand:#e11d32;--ok:#4cbf7a;--ok-soft:#163323;--bad:#f07171;--bad-soft:#3a1818;--warn:#d4b14a;--warn-soft:#332b12;--well:#0b0b0a;--sheet:#1c1c19;--center-wash:#10100e;--hint:#7a7a72;--toggle-track:#0f0f0d;--toggle-thumb:#2a2a26;--shadow-soft:0 10px 32px #00000073;--scrim:#0000009e;--theme-meta:#141412}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;letter-spacing:-.014em;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){body.theme-animate{transition:background-color .2s,color .2s}}button{font:inherit;color:inherit;cursor:pointer;appearance:none;touch-action:manipulation;background:0 0;border:0}img{max-width:100%;height:auto}canvas.pdf-page{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;max-width:100%}.app-shell{z-index:1;background:var(--surface);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-shell.review-mode{background:var(--well);height:100dvh;max-height:100dvh;overflow:hidden}.page{z-index:2;flex:1;width:100%;min-width:0;min-height:0;margin:0 auto;padding:0;position:relative}.page.review-layout{padding:0;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;gap:0;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.doc-frame{background:var(--well);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative}.doc-hud{z-index:5;height:var(--hud-h);padding-block:0;padding-inline:10px;padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right));color:#fff;pointer-events:none;background:linear-gradient(#0a0a0af0,#0a0a0a80 75%,#0000);justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.doc-hud>*{pointer-events:auto}.doc-hud .brand-logo{object-fit:contain;object-position:left center;flex-shrink:0;width:auto;max-width:78px;height:14px;display:block}[dir=rtl] .doc-hud .brand-logo{object-position:right center}.doc-hud .plate{font-family:var(--mono);letter-spacing:.06em;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;flex-shrink:1;align-items:center;gap:5px;min-width:0;max-width:min(148px,42vw);padding:3px 7px;font-size:11px;display:inline-flex;overflow:hidden}.doc-hud .plate-label{font-family:var(--font);letter-spacing:0;opacity:.85;flex-shrink:0;font-size:10px;font-weight:600}.doc-hud .plate-code{text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate;overflow:hidden}.doc-hud .info-btn{color:#fff;background:#00000040;border:1px solid #ffffff40;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.doc-hud .info-btn:disabled{opacity:.35}.doc-hud .hud-actions{flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}.theme-btn{border:1px solid var(--line-strong);background:var(--surface-raised);width:28px;height:28px;color:var(--ink);flex-shrink:0;place-items:center;transition:background-color .15s,border-color .15s,color .15s,opacity .12s;display:grid}.theme-btn svg{display:block}.theme-btn:active{opacity:.75}.theme-btn-hud{color:#fff;background:#00000047;border-color:#ffffff47}.theme-btn-hud:active{background:#ffffff24}.theme-btn-floating{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));z-index:40;border-color:var(--line-strong);background:var(--surface-raised);width:36px;height:36px;color:var(--ink);box-shadow:var(--shadow-soft);position:fixed}[dir=rtl] .theme-btn-floating{right:auto;left:calc(12px + var(--safe-left))}.pdf-ltr{contain:layout style;direction:ltr;unicode-bidi:isolate;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.theme-toggle{--theme-pad:2px;padding:var(--theme-pad);border:1px solid var(--line-strong);background:var(--toggle-track);isolation:isolate;flex-shrink:0;grid-template-columns:1fr 1fr;display:inline-grid;position:relative}.theme-toggle-thumb{top:var(--theme-pad);bottom:var(--theme-pad);left:var(--theme-pad);width:calc(50% - var(--theme-pad));background:var(--toggle-thumb);border:1px solid var(--line);z-index:0;pointer-events:none;transition:transform .18s;position:absolute;box-shadow:0 1px 2px #00000014}.theme-toggle[data-active=dark] .theme-toggle-thumb{transform:translate(100%)}.theme-toggle button{z-index:1;letter-spacing:.04em;text-transform:uppercase;min-height:28px;color:var(--mute);background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:700;transition:color .15s;display:inline-flex;position:relative}.theme-toggle button.active{color:var(--ink)}.theme-toggle button svg{flex-shrink:0;display:block}.theme-toggle-inline{width:100%;margin-top:4px}.theme-toggle-inline button{min-height:40px;font-size:12px}.locale-toggle{--locale-pad:2px;padding:var(--locale-pad);border:1px solid var(--line-strong);background:var(--toggle-track);isolation:isolate;flex-shrink:0;grid-template-columns:1fr 1fr;display:inline-grid;position:relative}.locale-toggle-thumb{top:var(--locale-pad);bottom:var(--locale-pad);left:var(--locale-pad);width:calc(50% - var(--locale-pad));background:var(--toggle-thumb);border:1px solid var(--line);z-index:0;pointer-events:none;transition:transform .18s;position:absolute}.locale-toggle[data-active=ar] .locale-toggle-thumb{transform:translate(100%)}.locale-toggle button{z-index:1;letter-spacing:.04em;min-width:32px;min-height:28px;color:var(--mute);background:0 0;padding:0 8px;font-size:11px;font-weight:700;position:relative}.locale-toggle button.active{color:var(--ink)}.locale-toggle-floating{top:calc(12px + var(--safe-top));right:calc(56px + var(--safe-right));z-index:40;box-shadow:var(--shadow-soft);position:fixed}[dir=rtl] .locale-toggle-floating{right:auto;left:calc(56px + var(--safe-left))}.pdf-stage{background:var(--well);min-width:0;min-height:0;box-shadow:none;border:none;border-radius:0;flex-direction:column;flex:1 1 0;display:flex;position:relative;overflow:hidden}.pdf-toolbar{color:#ffffffb3;font-family:var(--mono);background:#1c1c1c;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.pdf-toolbar button{color:#fff;background:#ffffff14;border:1px solid #fff3;min-width:36px;min-height:30px;padding:0 10px;font-size:.8rem;font-weight:600}.pdf-toolbar button:disabled{opacity:.35;cursor:not-allowed}.pdf-scroll{overscroll-behavior:contain;touch-action:pan-y;min-width:0;min-height:0;padding:calc(var(--hud-h) + 6px) 8px 56px;background:var(--well);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;flex:1 1 0;overflow:hidden auto}.pdf-scroll::-webkit-scrollbar{width:4px}.pdf-scroll::-webkit-scrollbar-track{background:0 0}.pdf-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:4px}.pdf-page{background:#fff;border-radius:0;width:100%;max-width:100%;height:auto;margin:0 auto 10px;display:block;box-shadow:0 4px 16px #00000059}.pdf-page:last-child{margin-bottom:0}.pdf-skeleton{padding:calc(var(--hud-h) + 12px) 16px 24px;z-index:3;background:#1414148c;place-items:center;display:grid;position:absolute;inset:0}.pdf-skeleton-card{aspect-ratio:1/1.32;background:linear-gradient(110deg,#ffffff0a 20%,#ffffff1f 50%,#ffffff0a 80%) 0 0/200% 100%;border:1px solid #ffffff1f;width:min(280px,88%);animation:1.3s ease-in-out infinite shimmer}.pdf-error{text-align:center;color:#ffb4b4;margin:0;padding:12px;font-size:.9rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.dock{background:var(--surface-raised);border-top:1px solid var(--line);z-index:8;padding-left:var(--safe-left);padding-right:var(--safe-right);flex:none}.dock.signing{border-top:3px solid var(--ink)}.dock-meta{color:var(--mute);justify-content:space-between;align-items:center;gap:8px;min-height:22px;padding:7px 12px 0;font-size:11px;display:flex}.dock-meta b{color:var(--ink);font-weight:600}.dock-meta .sep{opacity:.35;margin:0 4px}.dock-meta .meta-status,.dock-meta .meta-pages{font-family:var(--mono);direction:ltr;unicode-bidi:isolate;flex-shrink:0;font-size:10px}.dock.signing .dock-meta{display:none}.dock-actions{grid-template-columns:1.45fr 1fr;gap:8px;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 14px;display:grid}.sign-panel{max-width:520px;margin:0 auto;padding:12px 12px 0;display:none}.dock.signing .sign-panel{display:block}.sign-panel h3{letter-spacing:-.02em;margin:0 0 4px;font-size:15px;font-weight:700}.sign-panel p{color:var(--mute);margin:0 0 10px;font-size:12px;line-height:1.4}.error-toast{border-top:1px solid var(--line);background:var(--bad-soft);text-align:center;word-break:break-word;flex-shrink:0;padding:10px 12px}.error-toast p{color:var(--bad);margin:0 0 8px;font-size:.88rem}.error-toast .btn{width:auto;max-width:100%;min-height:40px;margin:0 auto;padding:8px 16px}.btn{min-height:var(--btn-h);width:100%;font-family:var(--font);letter-spacing:-.01em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:650;transition:opacity .12s;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:not(:disabled):active{opacity:.88}.btn-approve{color:#fff;background:var(--red)}.btn-reject{color:var(--ink);background:var(--surface-raised);border:1px solid var(--ink)}.btn-reject-solid{color:#fff;background:var(--bad)}.btn-primary,.btn-ink{color:var(--surface);background:var(--ink)}.btn-ghost{color:var(--ink);background:var(--surface-raised);border:1px solid var(--line)}.sig-pad{margin-bottom:0;position:relative}.sig-canvas-wrap{touch-action:none;border:1px solid var(--ink);background:#fff;position:relative;overflow:hidden}.sig-canvas-wrap canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:clamp(120px,22vh,160px);display:block}.sig-clear{top:8px;z-index:2;color:#0a0a0a;background:#ffffffeb;border:1px solid #d2d2cc;width:auto;min-width:0;min-height:28px;padding:0 10px;font-size:11px;font-weight:600;position:absolute;inset-inline-end:8px}.sig-clear:disabled{opacity:.35}.center-state{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));text-align:left;z-index:2;background:radial-gradient(120% 80% at 50% 0%, var(--surface-raised) 0%, transparent 62%), var(--center-wash);flex:1;place-items:center;display:grid;position:relative}.center-card{width:min(360px,100%);padding:8px 4px}.center-card .brand-logo{object-fit:contain;width:auto;max-width:132px;height:24px;margin:0 0 16px;display:block}.center-card .rule{background:var(--ink);width:36px;height:3px;margin:0 0 12px}.center-card.success .rule{background:var(--ok)}.center-card.rejected .rule{background:var(--bad)}.center-card.expired .rule{background:var(--warn)}.center-card .status-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:500}.center-card.success .status-tag{color:var(--ok)}.center-card.rejected .status-tag{color:var(--bad)}.center-card.expired .status-tag{color:var(--warn)}.center-card h2{font-family:var(--font);letter-spacing:-.04em;color:var(--ink);margin:0 0 8px;font-size:clamp(1.6rem,6vw,1.9rem);font-style:normal;font-weight:700;line-height:1.1}.center-card p{color:var(--mute);max-width:32ch;margin:0;font-size:.92rem;line-height:1.5}.center-card .hint{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hint);margin-top:22px;font-size:.68rem}.center-actions{justify-items:stretch;gap:10px;max-width:260px;margin-top:20px;display:grid}.center-actions .btn{width:100%;min-height:46px}.center-error{color:var(--bad);margin:0;font-size:.82rem;line-height:1.4}.spinner{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:28px;height:28px;margin:0 0 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:80;background:var(--scrim);place-items:end center;padding:0;display:grid;position:fixed;inset:0}.modal-sheet{width:100%;max-width:100%;padding:16px 16px calc(16px + var(--safe-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--sheet);border-top:3px solid var(--ink);border-radius:0;max-height:min(90dvh,90vh,900px);overflow:auto}.modal-sheet h3{font-family:var(--font);letter-spacing:-.02em;margin:0 0 10px;font-size:1.05rem;font-style:normal;font-weight:700}.modal-sheet p{color:var(--mute);margin:0 0 14px;font-size:.86rem;line-height:1.45}.modal-sheet dl{gap:10px;margin:0 0 16px;display:grid}.modal-sheet dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 2px;font-size:9px}.modal-sheet dd{margin:0;font-size:14px;font-weight:600}.modal-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:4px;display:grid}.boot-screen{z-index:1;min-height:100dvh;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(16px + var(--safe-left));background:radial-gradient(120% 80% at 50% 0%, var(--surface-raised) 0%, transparent 62%), var(--center-wash);place-items:center;display:grid;position:relative}.boot-card{text-align:left;width:min(320px,100%);padding:8px 4px}.boot-card .brand-logo{object-fit:contain;width:auto;max-width:120px;height:22px;margin:0 0 18px;display:block}.boot-track{background:var(--line);width:100%;height:2px;margin:0 0 18px;overflow:hidden}.boot-bar{background:var(--ink);width:35%;height:100%;animation:1s linear infinite boot-slide}.boot-screen.is-submit .boot-bar{background:var(--ok)}.boot-title{font-family:var(--font);letter-spacing:-.04em;margin:0 0 6px;font-size:1.45rem;font-style:normal;font-weight:700}.boot-sub{color:var(--mute);margin:0;font-size:.9rem;line-height:1.45}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}#sentry-feedback{--feedback-bottom:calc(92px + var(--safe-bottom));--inset:auto 0 0 auto;--page-margin:16px calc(10px + var(--safe-right)) var(--feedback-bottom) 16px;--top:auto;--bottom:var(--feedback-bottom);--right:calc(10px + var(--safe-right));--left:auto;--z-index:7}[dir=rtl] #sentry-feedback{--inset:auto auto 0 0;--page-margin:16px 16px var(--feedback-bottom) calc(10px + var(--safe-left));--right:auto;--left:calc(10px + var(--safe-left))}@media (width<=380px){.btn{font-size:12px}.dock-actions{grid-template-columns:1.25fr 1fr}}@media (height<=500px) and (orientation:landscape){:root{--btn-h:42px;--hud-h:32px}.sig-canvas-wrap canvas{height:96px}.modal-backdrop{place-items:center}.modal-sheet{max-height:min(94dvh,94vh)}}@media (width>=768px){.modal-backdrop{place-items:center;padding:16px}.modal-sheet{border:1px solid var(--ink);border-top-width:3px;width:min(420px,100%)}.page.review-layout{max-width:720px}}@media (prefers-reduced-motion:reduce){.boot-bar,.pdf-skeleton-card,.spinner{animation:none!important}}