
:root{--bg:#f4f6f8;--cd:#fff;--tx:#1b1f24;--mu:#5b6671;--bd:#d6dce2;--ac:#0f6b5c;--ax:#fff;--er:#b3261e;--ok:#17703a;--hl:#e3f1ee;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#13171a;--cd:#1c2125;--tx:#e8ebee;--mu:#9aa5af;--bd:#333c44;--ac:#4fc3ad;--ax:#08201b;--er:#ff8a80;--ok:#6fd195;--hl:#173a34}}
:root[data-theme="dark"]{--bg:#13171a;--cd:#1c2125;--tx:#e8ebee;--mu:#9aa5af;--bd:#333c44;--ac:#4fc3ad;--ax:#08201b;--er:#ff8a80;--ok:#6fd195;--hl:#173a34}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.9 Vazirmatn,Tahoma,"Segoe UI",sans-serif}
.app{max-width:820px;margin:0 auto;padding:12px}h1{font-size:1.25rem;margin:.4em 0}h3{font-size:1.05rem;margin:1em 0 .3em}
nav{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 14px}nav button{flex:1;min-width:90px;background:var(--cd);color:var(--mu);border:1px solid var(--bd);border-radius:8px;padding:6px;font:inherit;font-size:.85rem}nav button.on{background:var(--ac);color:var(--ax);border-color:var(--ac)}
.step{display:none}.step.on{display:block}.card{background:var(--cd);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;margin:0 0 12px}
label{display:block;font-size:.85rem;color:var(--mu);margin-top:8px}input[type=text],input[type=tel],input[type=email]{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx)}
button.b{font:inherit;background:var(--ac);color:var(--ax);border:0;border-radius:10px;padding:10px 18px;margin:6px 6px 6px 0}button.b.s{background:var(--cd);color:var(--tx);border:1px solid var(--bd)}button:disabled{opacity:.5}
.er{color:var(--er);font-size:.9rem;padding-right:20px}.ok{color:var(--ok)}.mu{color:var(--mu);font-size:.85rem}
.doc{background:var(--cd);border:1px solid var(--bd);border-radius:12px;padding:6px 16px;margin-bottom:12px;text-align:justify}.doc h1{text-align:center}.doc p{margin:.4em 0}
.f{background:var(--hl);border-radius:4px;padding:0 3px}.f.on{font-weight:700;color:var(--ac)}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--bd);padding:4px 8px;text-align:center}
canvas{width:100%;height:150px;border:1px dashed var(--mu);border-radius:8px;touch-action:none;background:#fff}.simg{max-width:260px;background:#fff;border:1px solid var(--bd);border-radius:8px}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;margin:8px 0}.hash{direction:ltr;word-break:break-all;font:12px/1.5 monospace}#pr{display:none}
@media print{.noprint{display:none!important}#pr{display:block!important;color:#000;background:#fff}#pr .doc{border:0}body{background:#fff}}
select{width:100%;font:inherit;padding:8px;margin:6px 0;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx)}input{margin:4px 0}input[type=text],input[type=tel],input[type=email],input:not([type]){width:100%;font:inherit;padding:8px 10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx)}a.b{display:inline-block;text-decoration:none}.chk input{width:auto}