@font-face{font-family:Thmanyah;src:url(/fonts/thmanyahsans-Regular.woff2) format("woff2");font-weight:400}@font-face{font-family:Thmanyah;src:url(/fonts/thmanyahsans-Medium.woff2) format("woff2");font-weight:500}@font-face{font-family:Thmanyah;src:url(/fonts/thmanyahsans-Bold.woff2) format("woff2");font-weight:600 700}@font-face{font-family:Poppins;src:url(/fonts/poppins-400.woff2) format("woff2");font-weight:400}@font-face{font-family:Poppins;src:url(/fonts/poppins-500.woff2) format("woff2");font-weight:500}@font-face{font-family:Poppins;src:url(/fonts/poppins-600.woff2) format("woff2");font-weight:600}:root{--k-paper:#2f6fdd;--k-paper-soft:#e9f0fc;--k-large:#0e9aa7;--k-large-soft:#e3f5f6;--k-stamp:#c9861a;--k-stamp-soft:#fbf1df;--k-other:#66707d;--k-other-soft:#eef0f2;--primary:#5e4766;--primary-hover:#4d3a54;--primary-soft:#f1ecf3;--primary-text:#5e4766;--ring:rgb(94 71 102/25%);--bg:#f6f5f8;--surface:#fff;--surface-2:#faf9fb;--border:#e8e5ec;--border-strong:#d6d1dc;--text:#1d1622;--text-2:#463d4c;--muted:#76707c;--ok:#178a58;--ok-soft:#e6f6ee;--warn:#9a6400;--warn-soft:#fff3db;--danger:#cf3b3b;--danger-soft:#fdecec;--info:#2764d8;--info-soft:#e8f0fe;--font:"Thmanyah","Poppins","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--pill:9999px;--shadow-1:0 1px 3px rgb(29 22 34/6%);--shadow-2:0 10px 30px rgb(29 22 34/10%),0 2px 6px rgb(29 22 34/5%)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:hidden}body{font:15px/1.55 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.num{font-family:"Poppins",var(--font);font-variant-numeric:tabular-nums}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px}.brand img{height:30px}.brand small{font-weight:500;color:var(--muted);font-size:13px;border-inline-start:1px solid var(--border);padding-inline-start:10px}.top .spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:14px}.chip.on{background:var(--primary-soft);border-color:transparent;color:var(--primary-text);font-weight:500}.user{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:600}.live{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-size:13px}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok-solid,#22b573);box-shadow:0 0 0 4px var(--ok-soft)}.toolbar{display:flex;gap:10px;padding:14px 24px 0;flex-wrap:wrap}.tab{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--pill);border:2px solid var(--border);background:var(--surface);color:var(--text-2);font-size:17px;font-weight:600}.tab i{width:12px;height:12px;border-radius:50%;background:var(--kc)}.tab b{min-width:28px;height:24px;padding:0 8px;border-radius:var(--pill);background:var(--surface-2);font-size:13px;display:grid;place-items:center;color:var(--text-2)}.tab:hover{border-color:var(--kc,var(--primary))}.tab.on{background:var(--ks,var(--primary-soft));border-color:var(--kc,var(--primary));color:var(--kc,var(--primary-text))}.tab.on b{background:var(--surface)}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:16px;padding:20px 24px 28px;overflow-x:auto;height:calc(100vh - 135px);align-items:start}.col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;max-height:100%;min-height:200px}.col-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.col-head h2{margin:0;font-size:17px;font-weight:600}.col-head .count{margin-inline-start:auto;min-width:30px;height:26px;padding:0 10px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font-size:13px;color:var(--text-2)}.dot{width:10px;height:10px;border-radius:50%}.list{padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:120px}.list.over{background:var(--primary-soft);border-radius:0 0 var(--r-lg) var(--r-lg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:16px 16px 14px;cursor:grab;touch-action:manipulation;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-2)}.card:active{transform:scale(.99)}.card.urgent{border-color:#f3b4b4;box-shadow:inset 4px 0 0 var(--danger),var(--shadow-1)}.card{border-top:5px solid var(--kc,var(--k-other))}.card .kind{display:inline-block;font-size:12.5px;font-weight:600;color:var(--kc);background:var(--ks);padding:2px 10px;border-radius:var(--pill)}.k-paper{--kc:var(--k-paper);--ks:var(--k-paper-soft)}.k-large{--kc:var(--k-large);--ks:var(--k-large-soft)}.k-stamp{--kc:var(--k-stamp);--ks:var(--k-stamp-soft)}.k-other{--kc:var(--k-other);--ks:var(--k-other-soft)}.mini{border-inline-start:5px solid var(--kc,var(--k-other))}.card h3{margin:2px 0 0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.2px}.card .cust{margin-top:2px;font-size:15px;color:var(--text-2);font-weight:500}.card .qty{display:flex;align-items:baseline;gap:6px;margin:12px 0 8px}.card .qty b{font-size:26px;font-weight:600;line-height:1}.card .qty span{color:var(--muted);font-size:14px}.specs{display:flex;flex-wrap:wrap;gap:6px}.spec{font-size:13px;padding:3px 10px;border-radius:var(--pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.card .foot{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.due{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:4px 10px;border-radius:var(--pill)}.due.late{background:var(--danger-soft);color:var(--danger)}.due.today{background:var(--warn-soft);color:var(--warn)}.due.ok{background:var(--surface-2);color:var(--text-2)}.files{margin-inline-start:auto;display:flex;gap:6px}.ficon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-text);border:0}.ficon svg{width:18px;height:18px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.fbtn{display:flex;align-items:center;gap:8px;min-height:46px;padding:6px 10px;border-radius:12px;border:1px solid var(--border);background:var(--primary-soft);color:var(--primary-text);font-size:14px;font-weight:600;text-align:start}.fbtn svg{width:20px;height:20px;flex:none}.fbtn span{flex:1;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbtn .dlarrow{font-size:18px;line-height:1}.fbtn small{font-size:12px;font-weight:500;opacity:.8}.fbtn:hover{border-color:var(--primary)}.fbtn.none{background:var(--surface-2);color:var(--muted);font-weight:500;cursor:default;border-style:dashed}.next{width:100%;margin-top:12px;height:48px;border-radius:var(--pill);border:0;background:var(--primary);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.next:hover{background:var(--primary-hover)}.next.done{background:var(--ok)}.no{font-size:12px;color:var(--muted);float:left;font-family:Poppins,var(--font)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d162259;display:none;z-index:20}.scrim.show{display:block}.drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(520px,100%);background:var(--surface);z-index:21;box-shadow:var(--shadow-2);transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column}[dir=rtl] .drawer{transform:translate(100%)}.drawer{visibility:hidden}.drawer.show{transform:none;visibility:visible}.drawer.left{inset-inline-start:auto;left:0;right:auto}[dir=rtl] .drawer.left{transform:translate(-100%)}[dir=rtl] .drawer.left.show{transform:none}.d-head{padding:22px 24px 16px;border-bottom:1px solid var(--border)}.d-head .kind{font-size:13px;color:var(--primary-text);font-weight:500}.d-head h2{margin:2px 0 0;font-size:32px;line-height:1.15}.d-head .cust{font-size:17px;color:var(--text-2);margin-top:4px}.d-body{padding:18px 24px;overflow-y:auto;flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px}.field label{display:block;font-size:12.5px;color:var(--muted)}.field div{font-size:17px;font-weight:600}.sec{margin:22px 0 10px;font-size:13px;font-weight:600;color:var(--muted)}.filebtn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:8px;text-align:start}.filebtn .ficon{width:44px;height:44px}.filebtn b{display:block;font-size:16px}.filebtn small{color:var(--muted)}.filebtn .dl{margin-inline-start:auto;height:40px;padding:0 16px;border-radius:var(--pill);background:var(--primary);color:#fff;display:flex;align-items:center;font-weight:500}.note{background:var(--warn-soft);color:#6b4600;border-radius:var(--r-md);padding:12px 14px;font-size:15px}.d-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px}.d-foot .btn.primary{flex:1}.btn{height:52px;padding:0 22px;border-radius:var(--pill);border:1px solid var(--border-strong);background:var(--surface);font-size:16px;font-weight:500}.btn.primary{background:var(--primary);border-color:transparent;color:#fff;font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;z-index:30;background:#1d162273;padding:16px}.modal.show{display:grid}.sheet{width:min(760px,100%);max-height:94vh;overflow:auto;background:var(--surface);border-radius:22px;box-shadow:var(--shadow-2);padding:26px}.sheet h2{margin:0;font-size:26px}.sheet p.sub{margin:4px 0 18px;color:var(--muted);font-size:16px}.mats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.mat{border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:16px;text-align:start;min-height:96px}.mat b{display:block;font-size:18px}.mat small{color:var(--muted);font-size:14px}.mat.sel{border-color:var(--primary);background:var(--primary-soft)}.pad-wrap{display:grid;grid-template-columns:1fr 280px;gap:18px;margin-top:18px;align-items:start}.amount{border:2px solid var(--primary);border-radius:var(--r-lg);padding:14px 18px}.amount label{color:var(--muted);font-size:14px}.amount .val{font-size:44px;font-weight:600;line-height:1.1}.amount .unit{font-size:18px;color:var(--text-2)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pad button{height:62px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);font-size:26px;font-family:Poppins,var(--font);font-weight:500}.pad button:active{background:var(--primary-soft)}.used{margin-top:14px;display:flex;flex-direction:column;gap:8px}.used-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:var(--ok-soft);color:#0f5c3b;font-size:16px}.used-row b{margin-inline-start:auto;font-size:18px}.toast{position:fixed;bottom:24px;inset-inline-start:50%;transform:translate(50%);background:var(--text);color:#fff;padding:14px 22px;border-radius:var(--pill);font-size:15px;display:none;z-index:40}.toast.show{display:block}.legend{font-size:12.5px;color:var(--muted)}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--pill);background:var(--surface);min-width:300px}.search svg{width:18px;height:18px;color:var(--muted);flex:none}.search input{border:0;outline:0;font:inherit;font-size:15px;background:transparent;width:100%;color:var(--text)}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.search.wide{min-width:0;width:100%}.cicon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.cicon svg{width:19px;height:19px}.done-list{gap:6px}.mini{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:start}.mini b{display:block;font-size:15px}.mini small{color:var(--muted);font-size:13px}.mini span:first-child{flex:1}.mini-r{text-align:end;display:flex;flex-direction:column;font-size:13px;color:var(--text-2)}.mini:hover{border-color:var(--primary)}.more{margin-top:4px;height:44px;border-radius:var(--pill);border:1px dashed var(--border-strong);background:transparent;color:var(--primary-text);font-weight:600}.viewer{width:min(1100px,100%);height:min(92vh,1000px);background:var(--surface);border-radius:22px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow:hidden}.v-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.v-head>div{flex:1}.v-head b{font-size:18px}.dlbtn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;flex:none!important}.v-head .btn{display:inline-flex;align-items:center;gap:8px}.v-body{flex:1;background:#2b2530;display:grid;place-items:center;overflow:auto}.v-body iframe{width:100%;height:100%;border:0;background:#fff}.v-body img{max-width:92%;max-height:92%;background:#fff;border-radius:8px}@media (max-width:820px){.search{min-width:0;flex:1 1 100%;order:5}.top{padding:10px 14px;flex-wrap:wrap}.brand small{display:none}.toolbar{padding:10px 14px 0;overflow-x:auto;flex-wrap:nowrap}.tab{flex:none;height:42px;font-size:15px}.board{grid-auto-columns:86%;padding:14px;gap:12px;height:auto;scroll-snap-type:x mandatory}.col{scroll-snap-align:start}.pad-wrap{grid-template-columns:1fr}}@media (min-width:2200px){body{font-size:17px}.card h3{font-size:28px}}.center-page{min-height:100dvh;display:grid;place-items:center;padding:16px}.panel{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-2);padding:28px}.panel h1{margin:12px 0 4px;font-size:26px}.panel p.sub{margin:0 0 20px;color:var(--muted)}.panel img.logo{height:38px}.input{width:100%;height:50px;border:1px solid var(--border-strong);border-radius:14px;padding:0 16px;font:inherit;font-size:16px;background:var(--surface);color:var(--text);margin-bottom:12px}.input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}textarea.input{height:auto;padding:12px 16px;min-height:80px}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--danger);border-color:#f0c4c4}.btn.sm{height:38px;padding:0 14px;font-size:14px}.err{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:14px}.okmsg{background:var(--ok-soft);color:#0f5c3b;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:14px}.linkbtn{background:none;border:0;color:var(--primary-text);font-weight:500;padding:6px 0}.pin-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:8px 0 4px}.pin-user{border:2px solid var(--border);border-radius:16px;background:var(--surface);padding:16px 8px;font-size:17px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:8px}.pin-user:hover,.pin-user.sel{border-color:var(--primary);background:var(--primary-soft)}.pin-dots{display:flex;gap:14px;justify-content:center;margin:14px 0 18px}.pin-dots i{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong)}.pin-dots i.f{background:var(--primary);border-color:var(--primary)}.pad.pin button{height:68px}.menu{position:relative}.menu-pop{position:absolute;inset-inline-end:0;top:44px;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-2);padding:6px;z-index:30}.menu-pop button,.menu-pop a{display:block;width:100%;text-align:start;border:0;background:none;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-size:15px}.menu-pop button:hover,.menu-pop a:hover{background:var(--primary-soft)}.menu-pop hr{border:0;border-top:1px solid var(--border);margin:4px 0}.page{max-width:980px;margin:24px auto;padding:0 16px}.page h1{font-size:28px;margin:0 0 16px}.tbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.tbl th,.tbl td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--border);font-size:15px}.tbl th{color:var(--muted);font-weight:500;background:var(--surface-2)}.tbl tr:last-child td{border-bottom:0}.tag{display:inline-block;padding:2px 10px;border-radius:var(--pill);background:var(--primary-soft);color:var(--primary-text);font-size:12.5px;font-weight:600}.tag.off{background:var(--danger-soft);color:var(--danger)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .full{grid-column:1/-1}.lbl{display:block;font-size:13px;color:var(--muted);margin:0 2px 4px}.bigcode{font-family:Poppins,var(--font);font-size:44px;letter-spacing:6px;text-align:center;font-weight:600;color:var(--primary);margin:10px 0}.empty{color:var(--muted);text-align:center;padding:30px 10px}.skeleton{height:130px;border-radius:16px;background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}.live.off{color:var(--warn)}.live.off:before{background:#e0a02a;box-shadow:0 0 0 4px var(--warn-soft)}.upl{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.chk{display:flex;align-items:center;gap:8px;margin-bottom:12px}.chk input{width:20px;height:20px;accent-color:var(--primary)}:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.card.dragging{opacity:.5}@media (max-width:820px){.form-grid{grid-template-columns:1fr}}.frow>*{min-width:0}.pad,.pin-dots{direction:ltr}.card.fresh{animation:fresh 1.2s ease-in-out 7}@keyframes fresh{0%,to{box-shadow:var(--shadow-1)}50%{box-shadow:0 0 0 4px var(--ring),var(--shadow-2)}}.used-row .linkbtn{margin-inline-start:6px;color:inherit;opacity:.7}