@font-face{font-family:Archivo;src:url(/fonts/archivo-var.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-var-italic.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Archivo Fallback;src:local("Arial");size-adjust:99%;ascent-override:88%;descent-override:22%;line-gap-override:0%}:root{--color-paper: #f5f4ef;--color-surface: #ffffff;--color-grid: #e2e1d8;--color-line: #cbcec5;--color-line-strong: #75808b;--color-ink: #1b2734;--color-ink-muted: #4c5a68;--color-print: #1f4e9e;--color-stamp: #b0342b;--color-panel: #16202b;--color-paper-on-panel: #f5f4ef;--color-muted-on-panel: #9db0c2;--color-link-on-panel: #8fb4ea;--color-stamp-on-panel: #e88c7d;--color-ok: #2e6b4f;--color-warn: #7a5a10;--color-err: #a03227;--font-sans: "Archivo", "Archivo Fallback", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.4375rem;--text-2xl: clamp(1.75rem, 2.4vw, 2.125rem);--text-3xl: clamp(2.25rem, 3.5vw, 3rem);--text-display: clamp(2.5rem, 4.6vw, 4.25rem);--r-1: 3px;--r-2: 6px;--shadow-1: 0 1px 3px rgba(22, 32, 43, .09);--shadow-2: 0 8px 28px rgba(22, 32, 43, .16);--dur-1: .12s;--dur-2: .2s;--dur-3: .45s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Noto Nastaliq Urdu;src:url(/fonts/noto-nastaliq-urdu-subset.v2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}[data-di]{--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.1875rem;--text-lg: 1.375rem;--text-xl: 1.5rem;--text-2xl: 1.75rem;--text-3xl: 1.75rem;--text-display: 1.75rem;--di-tap: 44px;--di-field-h: 52px;--di-btn-h: 52px;--di-row-h: 56px;--di-repeat-h: 64px;--di-bar-h: 56px;--di-gap: 12px;--di-pad-x: 16px;--di-pad-x-lg: 24px;--di-border-w: 1.5px;--di-focus-w: 3px;--font-urdu: "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;--di-ur-size: 1rem;--di-ur-lh: 2;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-text-size-adjust:100%}.di-shell{min-height:100dvh;display:flex;flex-direction:column}.di-main{flex:1;width:100%;max-width:42rem;margin:0 auto;padding:var(--di-gap) var(--di-pad-x) 2rem}@media(min-width:640px){.di-main{padding-inline:var(--di-pad-x-lg)}}.di-bar{height:var(--di-bar-h);display:flex;align-items:center;gap:var(--di-gap);padding-inline:var(--di-pad-x);background:var(--color-surface);border-bottom:var(--di-border-w) solid var(--color-line-strong)}.di-titleblock{margin-top:auto;padding:.75rem var(--di-pad-x) calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-line-strong);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}.di-h1{font-size:var(--text-2xl);font-weight:700;line-height:1.2;margin:0 0 .5rem}.di-h2{font-size:var(--text-lg);font-weight:700;margin:1.5rem 0 .5rem}.di-help{font-size:var(--text-sm);color:var(--color-ink-muted);margin:.25rem 0 0}.di-ur{font-family:var(--font-urdu);font-size:var(--di-ur-size);line-height:var(--di-ur-lh);color:var(--color-ink-muted);text-align:left;min-height:2rem;margin:0}.di-ur-block{font-family:var(--font-urdu);font-size:var(--di-ur-size);line-height:var(--di-ur-lh);color:var(--color-ink);text-align:right;border-right:3px solid var(--color-line-strong);padding:.5rem .75rem .5rem 0;margin:var(--di-gap) 0}.di-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.di-field{display:block;margin-bottom:var(--di-gap)}.di-label{display:block;font-size:var(--text-base);font-weight:600;color:var(--color-ink);margin-bottom:.375rem}.di-input,.di-select,.di-textarea{display:block;width:100%;min-height:var(--di-field-h);padding:.625rem .75rem;font:inherit;font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);border:var(--di-border-w) solid var(--color-line-strong);border-radius:var(--r-1)}.di-input,.di-textarea{direction:ltr;text-align:left}.di-input:focus-visible,.di-select:focus-visible,.di-textarea:focus-visible,.di-btn:focus-visible,.di-row:focus-visible{outline:var(--di-focus-w) solid var(--color-print);outline-offset:2px}.di-input[aria-invalid=true]{border-color:var(--color-err)}.di-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--di-btn-h);min-width:var(--di-tap);padding:.5rem 1.25rem;font:inherit;font-size:var(--text-base);font-weight:600;border-radius:var(--r-1);border:var(--di-border-w) solid transparent;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.di-btn--primary{background:var(--color-ink);color:var(--color-paper)}.di-btn--secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-line-strong)}.di-btn--danger{background:var(--color-surface);color:var(--color-err);border-color:var(--color-stamp)}.di-btn--block{width:100%}.di-btn:disabled{opacity:.5;cursor:not-allowed}.di-btn--repeat{min-height:var(--di-repeat-h)}.di-card{background:var(--color-surface);border:var(--di-border-w) solid var(--color-line-strong);border-radius:var(--r-2);padding:1rem;margin-bottom:var(--di-gap)}.di-row{display:flex;align-items:center;gap:var(--di-gap);min-height:var(--di-row-h);padding:.75rem 1rem;background:var(--color-surface);border:var(--di-border-w) solid var(--color-line-strong);border-radius:var(--r-2);margin-bottom:8px;text-align:left;width:100%}.di-note{padding:.75rem 1rem;border-radius:var(--r-1);border:var(--di-border-w) solid var(--color-line-strong);background:var(--color-surface);margin-bottom:var(--di-gap)}.di-note--ok{border-color:var(--color-ok)}.di-note--warn{border-color:var(--color-warn)}.di-note--err{border-color:var(--color-err)}.di-note__title{font-weight:700;margin:0 0 .25rem}.di-note--ok .di-note__title{color:var(--color-ok)}.di-note--warn .di-note__title{color:var(--color-warn)}.di-note--err .di-note__title{color:var(--color-err)}.di-stamp{display:inline-block;padding:.25rem .75rem;border:2px solid currentColor;border-radius:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-2deg)}.di-stamp--accepted{color:var(--color-ok)}.di-stamp--rejected{color:var(--color-stamp)}.di-stamp--draft{color:var(--color-ink-muted)}.di-stamp--offline{color:var(--color-warn)}.di-progress{height:8px;background:var(--color-grid);border-radius:var(--r-1);overflow:hidden}.di-progress>span{display:block;height:100%;width:100%;background:var(--color-print);transform-origin:left center;transform:scaleX(var(--di-progress, 0));transition:transform var(--dur-2) var(--ease-out)}.di-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){[data-di] *,[data-di] *:before,[data-di] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
