@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-primary:#1b6b3a;--md-on-primary:#fff;--md-primary-container:#a8f2be;--md-on-primary-container:#00210d;--md-secondary:#4f6354;--md-secondary-container:#d2e8d5;--md-background:#f7fbf6;--md-surface:#f7fbf6;--md-surface-container-low:#f0f5ef;--md-surface-container:#e8efe8;--md-surface-container-high:#e1e9e1;--md-surface-bright:#fff;--md-on-surface:#181d19;--md-on-surface-variant:#414942;--md-outline:#717971;--md-outline-variant:#c1c9c1;--md-error:#ba1a1a;--md-on-error:#fff;--md-error-container:#ffdad6;--md-success:#166534;--md-success-container:#b8f2c5;--md-warning:#765a00;--md-warning-container:#ffdf8c;--md-elevation-1:0 1px 2px #1428191a, 0 1px 3px 1px #1428190f;--md-elevation-2:0 2px 6px #1428191f, 0 1px 2px #14281914;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--motion:.18s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{background:var(--md-background);scroll-behavior:smooth;direction:rtl;width:100%;max-width:100%;overflow-x:clip}body{background:var(--md-background);width:100%;min-width:0;max-width:100%;min-height:100dvh;color:var(--md-on-surface);margin:0;font-family:Tajawal,system-ui,sans-serif;font-size:15px;line-height:1.5;overflow-x:clip}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p,strong,small,dd{overflow-wrap:anywhere}h2{margin:var(--space-5) 0 var(--space-3);font-size:18px;line-height:1.35}strong,small{display:block}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}:focus-visible{outline:3px solid color-mix(in srgb, var(--md-primary) 72%, white);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{width:100%;max-width:720px;min-height:100dvh;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-3) calc(92px + env(safe-area-inset-bottom));margin:auto;overflow-x:clip}.auth-shell{width:min(100% - 24px,440px);min-height:100dvh;padding:calc(40px + env(safe-area-inset-top)) 0 calc(40px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;margin:auto;display:flex}.top{z-index:25;width:100%;min-width:0;max-width:100%;min-height:64px;padding:var(--space-2) 0;justify-content:space-between;align-items:center;gap:var(--space-3);background:color-mix(in srgb, var(--md-background) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:sticky;top:0}.top>*{min-width:0;max-width:100%}.top>.row{width:100%;overflow:hidden}.eyebrow{color:var(--md-primary);letter-spacing:.02em;font-size:12px;font-weight:800}.title{margin:2px 0;font-size:clamp(22px,5.5vw,28px);line-height:1.25}.headline{max-width:22ch;margin:var(--space-2) 0;font-size:clamp(22px,5.8vw,28px);line-height:1.3}.brand-mark,.icon{background:var(--md-primary-container);color:var(--md-on-primary-container);flex:none;place-items:center;display:grid}.brand-mark{width:56px;height:56px;margin-bottom:var(--space-5);border-radius:18px}.icon{border-radius:16px;width:48px;height:48px}.brand-icon{color:var(--md-primary)}.card{width:100%;min-width:0;max-width:100%;margin:var(--space-2) 0;border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);background:var(--md-surface-bright);box-shadow:var(--md-elevation-1);padding:14px}.hero{padding:var(--space-5);background:var(--md-primary-container);box-shadow:none;border-color:#0000}.hero .muted{color:var(--md-on-primary-container)}.row{align-items:center;gap:var(--space-3);min-width:0;max-width:100%;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.min-width-0{min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.muted{color:var(--md-on-surface-variant);font-size:13px}.section{margin-top:var(--space-5)}.button,.icon-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;transition:background var(--motion), color var(--motion), opacity var(--motion);border:0;font-weight:700;display:inline-flex}.button{padding:0 var(--space-5);border-radius:999px;font-size:14px}.icon-button{background:var(--md-surface-container);width:48px;color:var(--md-on-surface);border-radius:50%;flex:0 0 48px;padding:0}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.42}.button:not(:disabled):active,.icon-button:not(:disabled):active{background-image:linear-gradient(#00000014,#00000014)}.primary{background-color:var(--md-primary);color:var(--md-on-primary)}.secondary{border:1px solid var(--md-outline);color:var(--md-primary);background-color:#0000}.danger{background:var(--md-error-container);color:#8c0009}.danger-text{color:var(--md-error)!important}.text-button,.text-link{color:var(--md-primary);font-weight:700}.text-button{background:0 0;min-height:48px;padding:0}.full{width:100%}.input-wrap{margin:var(--space-3) 0;gap:6px;font-size:14px;font-weight:700;display:grid}.input,.file-control,select{width:100%;min-height:56px;padding:0 var(--space-4);border:1px solid var(--md-outline);background:var(--md-surface-bright);color:var(--md-on-surface);border-radius:14px;font-size:16px}.input:focus,select:focus{border-color:var(--md-primary);box-shadow:inset 0 0 0 1px var(--md-primary);outline:0}.file-control{height:auto;padding:var(--space-3);margin:var(--space-3) 0}.code-input{margin-bottom:var(--space-3);text-align:center;letter-spacing:.08em;font-weight:800}.compact-select{width:auto;min-width:120px;min-height:48px}.filter-bar{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:1fr;display:grid}.filter-bar .search-field{grid-column:1/-1}.filter-actions{gap:var(--space-2);grid-column:1/-1;min-width:0;display:flex}.filter-actions .button{flex:1}.search-field{min-height:56px;padding:0 var(--space-4);align-items:center;gap:var(--space-2);background:var(--md-surface-container);border-radius:28px;display:flex}.search-field input{width:100%;font:inherit;background:0 0;border:0;outline:0}.segmented{border:1px solid var(--md-outline);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:999px;min-height:44px}.segmented button[aria-pressed=true]{background:var(--md-primary-container);color:var(--md-on-primary-container);font-weight:800}.nav{z-index:40;width:min(100%,720px);padding:6px var(--space-2) calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--md-outline-variant);background:var(--md-surface-container);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -1px 8px #14281912}.nav a{min-width:0;min-height:58px;color:var(--md-on-surface-variant);transition:background var(--motion), color var(--motion);border-radius:0;flex:1;place-items:center;gap:0;font-size:10px;display:grid}.nav a svg{box-sizing:content-box;border-radius:999px;padding:3px 14px}.nav a.active{color:var(--md-on-primary-container);font-weight:800}.nav a.active svg{background:var(--md-primary-container)}.list{padding-block:0;overflow:hidden}.item{min-height:64px;padding:var(--space-2) 0;border-bottom:1px solid var(--md-outline-variant)}.item:last-child{border-bottom:0}.settings-list .item{padding-inline:0}.status{background:var(--md-surface-container-high);min-height:28px;color:var(--md-on-surface-variant);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-ready_to_sign,.status-signed,.status-verified{background:var(--md-success-container);color:#0d5420}.status-processing,.status-pending_signature{background:var(--md-warning-container);color:#594200}.status-verification_failed,.status-revoked,.status-deleted{background:var(--md-error-container);color:#8c0009}.document-card{align-items:center;gap:var(--space-3);min-width:0;min-height:76px;display:flex;overflow:hidden}.document-card .status{text-overflow:ellipsis;max-width:42%;overflow:hidden}.action-grid{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}.hash{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--md-surface-container);direction:ltr;font-size:11px;display:block;overflow:auto}.timeline{border-inline-start:2px solid var(--md-outline-variant);padding-inline-start:var(--space-3)}.metrics{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(2,1fr);display:grid}.metric-card{min-height:96px;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--md-surface-container);align-content:space-between;display:grid}.metric-card span{color:var(--md-on-surface-variant);font-size:13px}.metric-card strong{font-size:26px;line-height:1}.compact-stats{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.plain-list{padding:0;list-style:none}.plain-list li{align-items:center;gap:var(--space-2);min-height:48px;display:flex}.upload{width:100%;min-height:200px;padding:var(--space-5) var(--space-4);border:2px dashed var(--md-primary);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--md-primary-container) 34%, white);color:var(--md-on-surface);text-align:center;place-items:center;display:grid;position:relative}.file-picker-overlay{z-index:2;cursor:pointer;opacity:0;border:0;width:100%;height:100%;position:absolute;inset:0}.is-disabled{opacity:.48;cursor:not-allowed!important}.upload.compact{min-height:150px;padding:var(--space-4)}.upload input{max-width:100%}.camera-action{cursor:pointer;border:1px solid var(--md-outline-variant);background:var(--md-surface-bright);color:inherit;text-align:start;position:relative}progress{width:100%;height:8px;accent-color:var(--md-primary);border:0}.processing-state{gap:var(--space-2);margin-top:var(--space-4);display:grid}.message,.verification-result{padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;border-radius:var(--radius-md);background:var(--md-surface-container)}.message.error,.verification-result.error{background:var(--md-error-container);color:#8c0009}.message.success,.verification-result.success{background:var(--md-success-container);color:#0d5420}.verification-result.warning{background:var(--md-warning-container);color:#594200}.verification-result.info{background:var(--md-primary-container);color:var(--md-on-primary-container)}.verification-result{gap:var(--space-3);display:grid}.verification-result>svg{width:40px;height:40px}.verification-result dl{margin:0}.verification-result dl div{padding:var(--space-2) 0;justify-content:space-between;gap:var(--space-3);border-top:1px solid;display:flex}.verification-result dd{text-align:end;margin:0;font-weight:700}.legal{color:var(--md-on-surface-variant);font-size:13px}.empty-state{padding:40px var(--space-4);text-align:center}.empty-state>svg{color:var(--md-primary)}.asset-card{align-items:center;gap:var(--space-3);min-height:92px;display:flex}.asset-card img{border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);object-fit:contain;background:#fff;width:96px;height:64px}.asset-copy{flex:1;min-width:0}.menu{position:relative}.menu summary{cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu-sheet{z-index:30;inset-inline-end:0;width:190px;padding:var(--space-2);border:1px solid var(--md-outline-variant);border-radius:var(--radius-md);background:var(--md-surface-bright);box-shadow:var(--md-elevation-2);display:grid;position:absolute;top:48px}.menu-sheet button,.menu-upload{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:inherit;text-align:start;background:0 0;border:0}.menu-upload{cursor:pointer;align-items:center;display:flex}.menu-upload input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.menu-upload:focus-within{outline:3px solid color-mix(in srgb, var(--md-primary) 60%, transparent);outline-offset:1px}.editor-shell{background:var(--md-surface-container-high);flex-direction:column;width:100%;min-width:0;max-width:100vw;height:100dvh;min-height:0;display:flex;overflow:hidden}.editor-top{z-index:50;width:100%;min-width:0;max-width:100vw;min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-3) 0;align-items:center;gap:var(--space-2);background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant);flex:none;display:flex;position:sticky;top:0;overflow:hidden}.editor-top small{color:var(--md-on-surface-variant)}.editor-toolbar{width:100%;min-width:0;max-width:100vw;padding:var(--space-2);gap:var(--space-2);background:var(--md-surface-bright);scrollbar-width:thin;flex:none;display:flex;overflow-x:auto}.editor-toolbar button,.element-controls button{min-width:80px;min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--md-surface-container);color:var(--md-on-surface);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.pdf-workspace{width:100%;min-width:0;max-width:100vw;min-height:0;padding:var(--space-3);overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;flex:auto;overflow:auto}.pdf-stage{touch-action:pan-x pan-y;background:#fff;width:max-content;margin:auto;position:relative;box-shadow:0 2px 8px #0000002e}.pdf-stage canvas{display:block}.placed-element{color:#111;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;border:1px dashed #0000;justify-content:center;align-items:center;min-width:30px;min-height:24px;font-size:clamp(10px,3vw,18px);line-height:1.2;display:flex;position:absolute}.placed-element img{object-fit:contain;pointer-events:none;width:100%;height:100%}.placed-element.selected{border:2px solid var(--md-primary);background:#ffffff26}.resize-handle{inset-inline-end:-12px;background:var(--md-primary);touch-action:none;border:3px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;bottom:-12px}.page-controls{width:100%;min-width:0;max-width:100vw;min-height:64px;padding:var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);background:var(--md-surface);flex:none;display:flex;overflow-x:auto}.element-controls{width:100%;min-width:0;max-width:100vw;padding:var(--space-2);gap:var(--space-2);background:var(--md-surface-bright);flex:none;display:flex;overflow-x:auto}.element-controls label{align-items:center;gap:var(--space-2);min-width:160px;display:flex}.editor-actions{z-index:60;width:100%;min-width:0;max-width:100vw;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--md-outline-variant);gap:var(--space-2);background:var(--md-surface);flex:none;grid-template-columns:1fr 1.4fr;display:grid;position:relative}.editor-message{z-index:70;right:var(--space-3);bottom:calc(88px + env(safe-area-inset-bottom));left:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:#fff;text-align:center;background:#173522;position:fixed}.dashboard-upload{min-height:52px;margin-block:var(--space-3);font-size:15px}.folder-create-form{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.folder-link{color:inherit}.folder-link>svg{color:var(--md-on-surface-variant);flex:none}.folder-summary{background:var(--md-surface-container-low)}.loading-icon{animation:.9s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--md-surface-container) 25%, var(--md-surface-container-high) 50%, var(--md-surface-container) 75%);background-size:200% 100%;animation:1.2s linear infinite skeleton}.skeleton-title{width:55%;height:44px;margin:24px 0}.skeleton-card{height:140px;margin:var(--space-3) 0}@keyframes skeleton{to{background-position:-200% 0}}@media (min-width:480px){.action-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .search-field{grid-column:1/-1}}@media (max-width:379px){.folder-create-form{grid-template-columns:1fr}.folder-create-form .button{width:100%}.card{padding-inline:var(--space-3)}.nav a svg{padding-inline:10px}}@media (min-width:700px){.app{padding-inline:var(--space-6)}.metrics{grid-template-columns:repeat(3,1fr)}.filter-bar{grid-template-columns:2fr 1fr 1fr auto}.filter-bar.with-folder{grid-template-columns:2fr 1fr 1fr 1fr auto}.filter-bar .search-field,.filter-actions{grid-column:auto}}@media (min-width:800px){body{background:var(--md-surface-container)}.app,.auth-shell{background:var(--md-background)}.app{box-shadow:0 0 24px #14281914}}@media (orientation:landscape) and (max-height:520px){.pdf-workspace{min-height:0}.editor-toolbar{top:calc(64px + env(safe-area-inset-top));z-index:45;position:sticky}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}