:root{--navy: #1c1b1a;--bg: #f7f5f1;--surface: #ffffff;--muted: #efebe5;--muted-fg: #77716a;--gold: #c89b3c;--gold-deep: #9b7426;--border: #e5e0d8;--success: #1e7e54;--danger: #c0392b;--radius: 14px;--shadow: 0 18px 50px rgba(28, 27, 26, .08);font-family:DM Sans,Noto Naskh Arabic,system-ui,sans-serif;color:var(--navy);background:var(--bg);line-height:1.45}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 500px at 10% -10%,rgba(200,155,60,.18),transparent 55%),radial-gradient(900px 400px at 100% 0%,rgba(28,27,26,.06),transparent 50%),var(--bg)}body,#app{min-height:100dvh}.shell{width:min(920px,calc(100% - 1.5rem));margin:0 auto;padding:1.25rem 0 3rem}.brand{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.brand-mark{display:flex;flex-direction:column;gap:.15rem}.brand-mark strong{font-size:1.35rem;letter-spacing:.08em}.brand-mark span{color:var(--muted-fg);font-size:.92rem}.gold-bar{width:72px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-deep))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card+.card{margin-top:1rem}h1{margin:0 0 .35rem;font-size:clamp(1.35rem,3vw,1.75rem)}.meta{display:grid;gap:.65rem;margin-top:1rem}.meta-row{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;align-items:start}.meta-row dt{margin:0;color:var(--muted-fg);font-size:.85rem}.meta-row dd{margin:0;font-weight:600}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:#1e7e541a;color:var(--success);font-size:.85rem;font-weight:600}.pdf-frame{width:100%;min-height:62vh;border:1px solid var(--border);border-radius:10px;background:var(--muted)}.pdf-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.85rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.25rem}.canvas-wrap{position:relative;border:1px dashed #cfc7ba;border-radius:12px;background:#fff;overflow:hidden;touch-action:none}canvas#signature{display:block;width:100%;height:180px;touch-action:none;cursor:crosshair}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.85rem}.btn{appearance:none;border:0;border-radius:12px;padding:.85rem 1.15rem;font:inherit;font-weight:600;cursor:pointer;min-height:48px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-secondary{background:var(--muted);color:var(--navy)}.btn-link{background:transparent;color:var(--gold-deep);text-decoration:underline;padding-inline:0}.consent{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem;font-size:.95rem}.consent input{width:1.15rem;height:1.15rem;margin-top:.15rem;flex:none}.state-panel{text-align:center;padding:2.5rem 1.25rem}.state-panel .icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;background:#1e7e541f;color:var(--success);font-size:1.75rem}.state-panel.error .icon{background:#c0392b1a;color:var(--danger)}.hint{color:var(--muted-fg);font-size:.92rem}.loading{display:grid;place-items:center;min-height:50vh;color:var(--muted-fg)}@media(max-width:520px){.meta-row{grid-template-columns:1fr}canvas#signature{height:160px}.pdf-frame{min-height:48vh}}