:root{--green-50:#eff6ea;--green-100:#d9ecc9;--green-200:#b7dda0;--green-300:#8fc970;--green-400:#70b36c;--green-500:#46a05a;--green-600:#2e8b57;--green-700:#1e7a46;--green-800:#165c36;--green-900:#0f3d24;--lime-200:#e8ecc0;--lime-300:#d4dc8a;--lime-400:#b9c259;--lime-500:#9ca641;--lime-600:#7c8431;--neutral-0:#fff;--neutral-50:#f7f9f5;--neutral-100:#eff2ec;--neutral-150:#e5e9df;--neutral-200:#d7dcd0;--neutral-300:#c0c7b8;--neutral-400:#97a08c;--neutral-500:#6e7768;--neutral-600:#515a4b;--neutral-700:#3a4235;--neutral-800:#262c22;--neutral-900:#15201a;--red-500:#d14338;--red-600:#bb3328;--red-wash:#fbe9e7;--amber-500:#c77f1a;--amber-700:#9a6311;--amber-800:#7f5210;--amber-wash:#fbf1df;--fg:var(--neutral-900);--fg-muted:var(--neutral-600);--fg-subtle:var(--neutral-400);--fg-primary:var(--green-700);--fg-negative:var(--red-600);--bg:#fff;--bg-alternate:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-tertiary:var(--neutral-150);--bg-inverse:var(--neutral-900);--bg-overlay:#15201a8c;--bg-primary:var(--green-700);--bg-primary-hover:var(--green-800);--bg-primary-wash:var(--green-50);--bg-negative:var(--red-500);--bg-warning:var(--amber-500);--bg-line:var(--neutral-200);--bg-line-heavy:var(--neutral-300);--st-new:#636e80;--st-printed:#1f6fbf;--st-in_progress:#a8500a;--st-technical:#6b4a9e;--st-escalated:#8f6a00;--st-ready_to_ship:#1e7a46;--st-shipped:#165c36;--st-delivered:#0f3d24;--st-cancelled:#bb3328;--stw-new:#f4f5f7;--stw-printed:#eaf3fc;--stw-in_progress:#fdf1e7;--stw-technical:#f1ecfa;--stw-escalated:#fdf8e3;--stw-ready_to_ship:#eaf4e3;--stw-shipped:#e4f0e8;--stw-delivered:#dcebe1;--stw-cancelled:#fbedea;--tkw-on_hold:#fbf3e4;--gradient-leaf:linear-gradient(135deg,#b9c259 0%,#70b36c 52%,#2e8b57 100%);--gradient-hero:linear-gradient(160deg,#f7f9f5 0%,#eaf4e3 60%,#e2f0dc 100%);--font-display:"Plus Jakarta Sans","Tajawal",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-ar:"Tajawal","Plus Jakarta Sans",system-ui,sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--radius-card:16px;--radius-control:10px;--shadow-xs:0 1px 2px #15201a0f;--shadow-card:0 1px 3px #15201a0d,0 10px 28px #15201a0f;--shadow-lg:0 16px 40px #15201a1f,0 4px 10px #15201a0d;--shadow-pop:0 12px 32px #15201a29;--ring-focus:0 0 0 3px var(--green-600);--d-fast:.12s;--d-base:.2s;--ease:cubic-bezier(.2,0,0,1);--wrap-max:1240px;--topbar-bg:#f2f7ee;--topbar-line:#d2e0c8;--topbar-fg:#15201a;--topbar-muted:#5a6b5c;--topbar-chip-bg:#fff;--topbar-chip-fg:#165c36;--topbar-field-line:#cedcc4;--topbar-hover:#165c360f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ar);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.6}@media screen{html{scrollbar-gutter:stable}}.mono{font-family:var(--font-mono);direction:ltr;unicode-bidi:embed;display:inline-block}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}svg{flex-shrink:0}#login{background:var(--gradient-hero);z-index:200;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}#login .box{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-xl);width:100%;max-width:900px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.loginAside{background:linear-gradient(135deg,var(--lime-400),var(--green-400));color:var(--neutral-900);flex-direction:column;gap:16px;padding:24px;display:flex}.loginAside .logo-w{filter:brightness(0);width:150px;max-width:56%;height:auto;display:block}.loginAside .eyebrow{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--neutral-900);font-weight:700}.loginAside .aside-h{font-family:var(--font-display);text-wrap:balance;margin-top:12px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.25}.loginAside .aside-sub{font-size:var(--fs-base);color:var(--neutral-900);max-width:34ch;min-height:3.2em;margin-top:12px;line-height:1.8}.loginAside .aside-foot{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--neutral-900);align-items:center;gap:12px;font-weight:600;display:flex}.loginAside .aside-foot .rule{background:var(--lime-400);border-radius:2px;flex:none;width:26px;height:2px}.loginMain{flex-direction:column;justify-content:center;padding:32px 24px;display:flex}.loginMain>*{width:100%;max-width:330px;margin-inline:auto}.mainhead{text-align:center;margin-bottom:24px}.mainhead .mh-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--fg);font-weight:700}.mainhead .sub{font-size:var(--fs-md);color:var(--fg-muted);margin-top:4px;line-height:1.6}@media (width<=640px){.loginAside{gap:12px;padding:24px}.loginAside .aside-foot{display:none}}@media (width>=820px){#login .box{flex-direction:row;min-height:520px}.loginAside{flex:1.12 1 0;justify-content:space-between;padding:44px 40px}.loginMain{flex:1 1 0;padding:44px 40px}}.userlist{border-top:1px solid var(--bg-line);flex-direction:column;display:flex}.urow{border:none;border-bottom:1px solid var(--bg-line);text-align:right;width:100%;transition:background var(--d-fast) var(--ease);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 12px 6px;display:flex;position:relative}.urow:before{content:"";background:var(--lime-400);opacity:0;width:3px;transition:opacity var(--d-fast) var(--ease);border-radius:3px;position:absolute;top:9px;bottom:9px;right:-4px}.urow:hover{background:var(--bg-primary-wash)}.urow:hover:before,.urow:focus-visible:before{opacity:1}button:focus-visible,a:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.urow:focus-visible{outline:2px solid var(--green-600);outline-offset:2px;border-radius:var(--radius-sm)}.urow .un{font-weight:600;font-size:var(--fs-base);line-height:1.3}.urow .arw{color:var(--bg-line-heavy);flex:none}.pwbox{display:none}.pwbox.on{display:block}.pwbox .who-row{background:var(--bg-primary-wash);border:1px solid var(--green-100);border-radius:var(--radius-control);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.pwbox .who-row .un{font-weight:700;font-size:var(--fs-base)}.pwbox .who-row .ch{color:var(--fg-primary);font-size:var(--fs-sm);background:0 0;padding:2px;font-weight:600;text-decoration:underline}.pwbox label{font-size:var(--fs-sm);color:var(--fg);margin-bottom:6px;font-weight:600;display:block}.pwbox input{border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);width:100%;font-size:var(--fs-lg);font-family:var(--font-mono);background:var(--bg);color:var(--fg);letter-spacing:.34em;text-align:center;padding:12px}.pwbox input::placeholder{color:var(--bg-line-heavy);letter-spacing:.3em}.pwbox input:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.pwbox .go{background:var(--bg-primary);color:#fff;border-radius:var(--radius-control);width:100%;font-size:var(--fs-base);font-weight:700;font-family:var(--font-ar);margin-top:12px;padding:12px}.pwbox .go:hover{background:var(--bg-primary-hover)}.pwbox .go:active{transform:translateY(1px)scale(.99)}.pwbox .go:disabled{background:var(--bg-tertiary);color:var(--fg-subtle)}.pwbox .err{color:var(--fg-negative);font-size:var(--fs-sm);text-align:center;margin-top:8px;font-weight:600;display:none}.pwbox .err.on{display:block}.topbar{background:var(--topbar-bg);color:var(--topbar-fg);border-bottom:1px solid var(--topbar-line);z-index:60;align-items:center;gap:16px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.topbar .brand{direction:ltr;flex:none;align-items:center;gap:8px;display:flex}.topbar .brand img{width:auto;height:34px;display:block}.tabs{flex:1;gap:2px;display:flex;overflow-x:auto}.tabs a{color:var(--topbar-muted);border-radius:var(--radius-control);font-size:var(--fs-md);white-space:nowrap;transition:all var(--d-fast) var(--ease);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.tabs a:not([aria-current]):hover{background:var(--topbar-hover);color:var(--topbar-fg)}.tabs a[aria-current]{background:var(--topbar-chip-bg);color:var(--topbar-chip-fg)}.tabs a:focus-visible{outline-offset:-2px}.tabs .badge{font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--radius-pill);background:var(--lime-400);min-width:18px;color:var(--neutral-900);text-align:center;padding:0 4px;font-weight:700;line-height:16px}.updated{color:var(--fg-muted);font-size:var(--fs-xs)}fieldset.bare{border:0;min-width:0;margin:0;padding:0}.topsearch input{width:220px;min-width:0;height:34px;font-size:var(--fs-md);border:1px solid var(--topbar-field-line);border-radius:var(--radius-control);background:var(--topbar-chip-bg);color:var(--topbar-fg);padding:0 12px}.topsearch input::placeholder{color:var(--topbar-muted)}.topsearch input:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.who{white-space:nowrap;align-items:center;gap:8px;display:flex}.who .nm{font-size:var(--fs-base);color:var(--topbar-fg);align-items:center;gap:6px;font-weight:600;display:inline-flex}.who .role{font-size:var(--fs-xs);border-radius:var(--radius-pill);background:var(--topbar-chip-bg);color:var(--topbar-chip-fg);padding:2px 8px;font-weight:700;line-height:16px}.who a,.who button{border-radius:var(--radius-sm);min-height:32px;color:var(--topbar-muted);font-size:var(--fs-sm);background:0 0;justify-content:center;align-items:center;padding:0 10px;font-weight:600;text-decoration:none;display:inline-flex}.who button{border:1px solid var(--topbar-field-line)}.who a{width:32px;padding:0}.who a:hover,.who button:hover{background:var(--topbar-hover);color:var(--topbar-fg)}.wrap{max-width:var(--wrap-max);margin:0 auto;padding:24px 24px 72px}.screen{display:none}.screen.on{display:block}.h.hsplit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.h h1,.h h2{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700}.h p{color:var(--fg-muted);font-size:var(--fs-base);margin-top:2px}.card{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.pill{font-size:var(--fs-sm);border-radius:var(--radius-pill);background:var(--bg-primary-wash);color:var(--green-700);border:1px solid var(--green-100);padding:3px 12px;font-weight:600;display:inline-block}.pill.new{color:var(--st-new);background:var(--stw-new);border-color:color-mix(in srgb,var(--st-new) 25%,white)}.pill.print,.pill.inspecting{color:var(--st-printed);background:var(--stw-printed);border-color:color-mix(in srgb,var(--st-printed) 25%,white)}.pill.work,.pill.repairing{color:var(--st-in_progress);background:var(--stw-in_progress);border-color:color-mix(in srgb,var(--st-in_progress) 25%,white)}.pill.tech{color:var(--st-technical);background:var(--stw-technical);border-color:color-mix(in srgb,var(--st-technical) 25%,white)}.pill.esc{color:var(--st-escalated);background:var(--stw-escalated);border-color:color-mix(in srgb,var(--st-escalated) 25%,white)}.pill.on_hold{color:var(--st-escalated);background:var(--tkw-on_hold);border-color:color-mix(in srgb,var(--st-escalated) 25%,white)}.pill.ready{color:var(--st-ready_to_ship);background:var(--stw-ready_to_ship);border-color:color-mix(in srgb,var(--st-ready_to_ship) 25%,white)}.pill.delivered{color:var(--st-delivered);background:var(--stw-delivered);border-color:color-mix(in srgb,var(--st-delivered) 25%,white)}.pill.ship,.pill.handed_over{color:var(--st-shipped);background:var(--stw-shipped);border-color:color-mix(in srgb,var(--st-shipped) 25%,white)}.pill.due{color:#5e6524;background:var(--lime-200);border-color:#d7d9c8}.pill.paid{background:var(--green-700);color:#fff;border-color:var(--green-700)}.pill.cancel,.pill.rejected{color:var(--st-cancelled);background:var(--stw-cancelled);border-color:color-mix(in srgb,var(--st-cancelled) 25%,white)}.pill.deliv{background:var(--neutral-100);color:var(--fg);border-color:var(--bg-line)}.pill.ok{color:var(--green-700);background:var(--green-50);border-color:var(--green-100)}.pill.no{color:var(--red-600);background:var(--red-wash);border-color:color-mix(in srgb,var(--red-600) 25%,white)}.pill.none{color:var(--fg-muted);background:var(--neutral-100);border-color:var(--bg-line)}.pill.sm{font-size:var(--fs-xs)}.h1-sm,.h h1.h1-sm,.h h2.h1-sm{font-size:var(--fs-lg)}.muted{color:var(--fg-muted)}.muted-sm{font-size:var(--fs-sm);color:var(--fg-muted)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.btn{background:var(--bg-primary);color:#fff;border-radius:var(--radius-control);min-height:40px;line-height:1.2;font-size:var(--fs-md);transition:all var(--d-fast) var(--ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-primary-hover)}.btn:active{transform:translateY(1px)scale(.99)}.btn.ghost{background:var(--bg);color:var(--green-700);border:1.5px solid var(--bg-line-heavy)}.btn.ghost:hover{background:var(--bg-primary-wash);border-color:var(--green-400)}.btn.amber{background:var(--amber-700)}.btn.amber:hover{background:var(--amber-800)}.btn.sm{min-height:32px;font-size:var(--fs-sm);padding:6px 12px}.btn:disabled{background:var(--bg-tertiary);color:var(--fg-subtle);cursor:not-allowed;transform:none}.btn.ghost:disabled{background:var(--bg-alternate);color:var(--fg-subtle);border-color:var(--bg-line)}.btn.urgent-on{background:var(--bg-negative)}.btn.urgent-on:hover{background:var(--red-600)}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);padding:12px 16px}.kpi .n{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:700;line-height:1.1}.kpi .l{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:2px}.kpi.alert{background:var(--red-wash);border-color:#f2cfcb}.kpi.alert .n{color:var(--red-600)}.kpi.newkpi{background:var(--bg-primary-wash);border-color:var(--green-100)}.kpi.newkpi .n{color:var(--green-700)}.tblwrap{border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-x:auto}.tbl{border-collapse:collapse;background:var(--bg);width:100%}.tbl th{background:var(--bg-alternate);font-size:var(--fs-xs);color:var(--fg-muted);text-align:right;white-space:nowrap;border-bottom:1px solid var(--bg-line);padding:12px 8px;font-weight:700}.tbl td{font-size:var(--fs-sm);border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:12px 8px}.tbl tr:last-child td{border-bottom:none}.tbl .id{font-family:var(--font-mono);color:var(--green-700);font-weight:700}.tbl .nm{font-weight:600}.tbl .muted{color:var(--fg-muted);font-size:var(--fs-xs)}.gm{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--fg-muted);font-size:var(--fs-xs);overflow:hidden}.warn{color:var(--red-600);font-weight:700}.note-flag{background:var(--amber-wash);color:var(--amber-800);border-radius:var(--radius-sm);font-size:var(--fs-xs);border:1px solid #ebd9a6;margin-top:3px;padding:1px 8px;display:inline-block}.newdot{background:var(--green-600);vertical-align:middle;width:8px;height:8px;box-shadow:0 0 0 3px var(--green-100);border-radius:50%;margin-inline-end:6px;display:inline-block}.urg-tag{background:var(--red-wash);color:var(--red-600);border-radius:var(--radius-pill);font-size:var(--fs-xs);border:1px solid #f2cfcb;margin-inline-end:4px;padding:1px 8px;font-weight:700;display:inline-block}.linkish{color:var(--green-700);cursor:pointer;font-weight:600;font-size:var(--fs-sm);background:0 0;text-decoration:underline}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{font-size:var(--fs-md);border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);background:var(--bg);color:var(--fg);padding:8px 12px}.toolbar input:focus,.toolbar select:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.toolbar input{min-width:250px}.toolbar input,.toolbar select,.btoolbar input,.f input,.f select,.toolbar .btn,.btoolbar .btn{min-height:40px}.detail{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}#oRight{margin-bottom:16px}.blk h4{font-size:var(--fs-xs);color:var(--fg-muted);border-bottom:1px solid var(--bg-line);margin-bottom:12px;padding-bottom:8px;font-weight:700}.kv{font-size:var(--fs-md);grid-template-columns:112px 1fr;gap:6px 12px;margin-bottom:16px;display:grid}.kv .k{color:var(--fg-muted)}.kv .v{font-weight:600}.help .blk{margin-bottom:24px}.help p{margin-bottom:8px}.help .kv .v{font-weight:400}.help .blk p{font-size:var(--fs-md)}.dev-card{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);margin-bottom:12px;padding:12px}.dev-card .dh{font-weight:700;font-size:var(--fs-md);justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.dev-card .games-line{font-size:var(--fs-sm);color:var(--fg-muted)}.actions{flex-direction:column;gap:8px;display:flex}.actions .btn{width:100%}.next{background:var(--bg-primary-wash);border:1px solid var(--green-200);border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.next h5{font-size:var(--fs-xs);color:var(--green-800);margin-bottom:8px;font-weight:700}.next .btn{width:100%;text-decoration:none}.agroup{margin-bottom:16px}.agroup:last-child{margin-bottom:0}.agroup h5{font-size:var(--fs-xs);color:var(--fg-muted);margin-bottom:8px;font-weight:700}.hist{font-size:var(--fs-sm);max-height:300px;overflow-y:auto}.hist .e{border-bottom:1px solid var(--neutral-100);gap:8px;padding:8px 0;display:flex}.hist .e:last-child{border:none}.hist .t{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);white-space:nowrap}.hist .w{color:var(--fg-muted)}.form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.f{flex-direction:column;gap:4px;display:flex}.f.wide{grid-column:1/-1}.f label{font-size:var(--fs-sm);color:var(--fg);font-weight:600}.f input,.f select,.f textarea{border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);font-size:var(--fs-md);background:var(--bg);color:var(--fg);padding:8px 12px}.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.f .err{font-size:var(--fs-xs);color:var(--fg-negative);font-weight:600;display:none}.f.bad input,.f.bad select,.f.bad textarea{border-color:var(--red-500);background:var(--red-wash)}.f.bad .err{display:block}.devrow{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);align-items:end;gap:8px;margin-bottom:8px;padding:12px;display:grid}.devrow .rm{background:var(--red-wash);color:var(--red-600);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid #f2cfcb;height:40px;padding:8px 12px;font-weight:600}dialog.modal{background:var(--bg);border-radius:var(--radius-xl);width:calc(100% - 40px);max-width:660px;max-height:90vh;box-shadow:var(--shadow-pop);border:none;margin:auto;padding:0;inset:0;overflow:hidden}dialog.modal::backdrop{background:var(--bg-overlay)}.modal-body{max-height:90vh;padding:24px;overflow:hidden auto}.modal h3{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700}.modal .sub{font-size:var(--fs-md);color:var(--fg-muted);margin:3px 0 16px}.modal .foot{gap:8px;margin-top:16px;display:flex}.statopts{gap:8px;display:grid}.so{border:1.5px solid var(--bg-line);border-radius:var(--radius-control);text-align:right;background:var(--bg);font-size:var(--fs-md);transition:all var(--d-fast) var(--ease);justify-content:space-between;align-items:center;padding:12px;font-weight:600;display:flex}.so:hover:not(:disabled){border-color:var(--green-400);background:var(--bg-primary-wash)}.so small{color:var(--fg-muted);font-weight:400;font-size:var(--fs-xs)}.so:disabled{opacity:1;color:var(--fg-muted);cursor:not-allowed}.done{background:var(--bg-primary-wash);border:1px solid var(--green-200);border-radius:var(--radius-md);font-size:var(--fs-md);text-align:center;color:var(--green-800);padding:16px}#toast{background:var(--bg-inverse);color:#fff;border-radius:var(--radius-control);font-size:var(--fs-md);z-index:150;transition:transform var(--d-base) cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-pop);border:0;margin:0;padding:12px 24px;font-weight:600;display:block;position:fixed;inset:auto auto 24px 50%;transform:translate(-50%)translateY(calc(100% + 24px))}#toast.on{transform:translate(-50%)translateY(0)}#loading{z-index:120;width:100%;height:100%;color:var(--green-700);background:#f7f9f5cc;border:0;justify-content:center;align-items:center;margin:0;padding:0;font-weight:700;display:none;position:fixed;inset:0}#loading.on{display:flex}.empty{color:var(--fg-muted);text-align:center;font-size:var(--fs-md);padding:16px}@media print{@page sticker{size:105mm 148mm;margin:6mm}body:has(#stickArea){page:sticker}:where(body:has(#stickArea)) *{visibility:hidden}#stickArea,#stickArea *{visibility:visible}#stickArea{margin:0;padding:0;position:absolute;top:0;left:0;right:0}#stickArea .btn,#stickArea>div:last-child{display:none!important}.sticker-print{width:100%!important;max-width:none!important;box-shadow:none!important;border:1px dashed #999!important;margin:0!important}.sticker-print+.sticker-print{break-before:page}.stk-dev,.pill,.bcol-chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (width<=900px){.detail,.form{grid-template-columns:1fr}.detail{flex-direction:column;display:flex}.detail>div{display:contents}#oRight{order:-1;margin-bottom:0}.wrap{padding:16px 16px 60px}}@media (width<=640px){.topbar{flex-wrap:wrap;justify-content:space-between;row-gap:8px;height:auto;min-height:56px;padding-block:8px;position:static}.topsearch{flex:1 0 100%;order:1}.topsearch input{width:100%;height:auto;font-size:var(--fs-lg);padding:8px 12px}.tabs{inset-inline:0;height:calc(56px + env(safe-area-inset-bottom,0px));background:var(--topbar-bg);z-index:60;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--topbar-line);flex:none;justify-content:space-around;display:flex;position:fixed;bottom:0;overflow:visible}.tabs a{font-size:var(--fs-xs);border-radius:var(--radius-sm);flex-direction:column;flex:1;justify-content:center;gap:3px;padding:6px 4px}.tabs a[aria-current]{background:var(--topbar-chip-bg);color:var(--topbar-chip-fg)}.tabs a{position:relative}.tabs .badge{top:3px;position:absolute;inset-inline-start:calc(50% + 6px)}.wrap{padding-bottom:80px}#toast{bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(calc(100% + 72px + env(safe-area-inset-bottom,0px)))}}.tbl tbody tr{background:var(--bg)}.tbl tbody tr td{background:0 0}.tbl tbody tr:hover{background:var(--bg-alternate)}.tbl tbody tr.is-urgent{background:#fef6f4}.tbl tbody tr.is-urgent:hover{background:#fdede9}.tbl tbody tr.is-urgent>td:first-child{box-shadow:inset 4px 0 0 var(--red-500)}.tbl tbody tr.stale{background:#fdf8ef}.tbl tbody tr.stale:hover{background:#fbf2e3}.tbl tbody tr.stale>td:first-child{box-shadow:inset 4px 0 0 var(--amber-500)}.tbl tbody tr.is-urgent.stale{background:#fef6f4}.tbl tbody tr.is-urgent.stale>td:first-child{box-shadow:inset 4px 0 0 var(--red-500)}.btoolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.btoolbar input{min-width:240px;font-size:var(--fs-md);border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);background:var(--bg);color:var(--fg);flex:1;padding:8px 12px;font-weight:600}.btoolbar input:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.bfilters{background:var(--bg-secondary);border-radius:var(--radius-control);gap:4px;padding:3px;display:flex}.bfilters button,.bfilters a{color:var(--fg-muted);font-size:var(--fs-sm);border-radius:var(--radius-sm);background:0 0;padding:8px 12px;font-weight:700;text-decoration:none}.bfilters button:hover,.bfilters a:hover{color:var(--fg)}.bfilters button.on,.bfilters a.on{background:var(--bg);color:var(--green-700);box-shadow:var(--shadow-xs)}.bfilters.swnav{width:max-content;margin-bottom:16px}.board{direction:ltr;align-items:flex-start;gap:12px;min-height:62vh;padding:2px 2px 16px;display:flex;overflow-x:auto}.bcol{background:var(--neutral-50);width:272px;max-height:74vh;transition:background var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease);direction:rtl;border-radius:12px;flex-direction:column;flex-shrink:0;display:flex}.bcol.filled{background:var(--cw)}.bcol.over{box-shadow:inset 0 0 0 2px var(--cc);background:var(--cw)}.bcol-head{align-items:center;gap:8px;padding:12px;display:flex}.bcol-chip{color:var(--cc);background:var(--cw);border:1px solid color-mix(in srgb,var(--cc) 30%,white);border-radius:var(--radius-sm);font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.bcol-dot{background:var(--cc);border-radius:50%;flex-shrink:0;width:9px;height:9px}.bcol-count{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-md);color:var(--fg-muted)}.bcol-fold{color:var(--fg-muted);font-size:var(--fs-xl);border-radius:var(--radius-sm);background:0 0;min-width:24px;min-height:24px;margin-inline-start:auto;padding:6px 12px;font-weight:700;line-height:1}.bcol-fold:hover{color:var(--fg);background:#0000000d}.bcol-body{flex-direction:column;flex:1;gap:8px;padding:0 12px 12px;display:flex;overflow-y:auto}.bcol.collapsed{cursor:pointer;background:var(--neutral-50);direction:rtl;align-items:stretch;width:46px;padding:0}.bcol.collapsed:hover{background:var(--bg)}.bcol-v{writing-mode:vertical-rl;text-orientation:mixed;font-weight:700;font-size:var(--fs-sm);color:var(--cc);white-space:nowrap}.bcol-unfold{font:inherit;color:inherit;background:0 0;border-radius:12px;justify-content:center;padding:12px 0;display:flex}.bcol-unfold:focus-visible{outline-offset:-2px}.bempty{color:var(--fg-muted);font-size:var(--fs-lg);text-align:center;padding:12px 0;font-weight:700}.bcard{background:var(--bg);border:1px solid var(--bg-line);cursor:grab;transition:all var(--d-fast) var(--ease);border-radius:10px;padding:12px;box-shadow:0 1px 2px #15201a0f}.bcard:hover{border-color:var(--neutral-300);box-shadow:0 4px 12px #15201a1a}.bcard:active{cursor:grabbing}.bcard.dragging{opacity:.4;transform:rotate(2deg)}.bcard[draggable=false]{cursor:pointer}.bcard.unread{box-shadow:0 0 0 2px var(--green-500),0 4px 12px #15201a14}.bcard.urgent{border-inline-start:4px solid var(--red-500)}.bcard-name{font-weight:700;font-size:var(--fs-base);margin-bottom:8px;line-height:1.35}.bcard-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.bm{font-size:var(--fs-xs);color:var(--fg-muted);background:var(--neutral-100);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-weight:700}.bm.mono{font-family:var(--font-mono);color:var(--green-700);background:var(--green-50)}.bm.urg,.bm.old{background:var(--red-wash);color:var(--red-600)}.bm.cm{color:#1f5fa0;background:#eaf3fc}.bm.cm:before{content:"💬 ";font-size:var(--fs-xs)}.bcard-dev{font-size:var(--fs-xs);color:var(--fg-muted);font-weight:600;line-height:1.45}.bcard-note{background:var(--amber-wash);color:var(--amber-800);font-size:var(--fs-xs);border-radius:6px;margin-top:8px;padding:4px 8px;font-weight:700;line-height:1.45}.bcard-note.dev{background:var(--neutral-100);color:var(--fg-muted)}.bcard-by{border-top:1px solid var(--neutral-100);font-size:var(--fs-xs);color:var(--fg-muted);align-items:center;gap:4px;margin-top:8px;padding-top:8px;font-weight:700;display:flex}.bav{background:var(--gradient-leaf);color:#fff;width:19px;height:19px;font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.cm-note{background:var(--amber-wash);color:var(--amber-800);border-radius:var(--radius-md);font-size:var(--fs-sm);border:1px solid #ebd9a6;margin-bottom:16px;padding:8px 12px;font-weight:700}.cmlist{flex-direction:column;gap:8px;max-height:230px;margin-bottom:12px;display:flex;overflow-y:auto}.cm{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);padding:8px 12px}.cm-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.cm-h b{font-size:var(--fs-sm);color:var(--green-700);font-weight:700}.cm-t{font-size:var(--fs-xs);color:var(--fg-muted);font-weight:600}.cm-b{font-size:var(--fs-md);font-weight:600;line-height:1.5}.cm-add{align-items:flex-end;gap:8px;display:flex}.cm-add textarea{border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);font-size:var(--fs-md);resize:vertical;flex:1;padding:8px 12px;font-weight:600}.cm-add textarea:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}body.board-wide .wrap{max-width:none}.bfilters button,.bfilters a{align-items:center;gap:6px;display:inline-flex}.bfilters .fcount{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--neutral-200);color:var(--neutral-600);border-radius:var(--radius-pill);text-align:center;min-width:18px;padding:0 6px;font-weight:700}.bfilters button.on .fcount{background:var(--green-100);color:var(--green-800)}.bfilters button[data-f=urgent].on .fcount{background:var(--red-wash);color:var(--red-600)}.bfilters button.empty .fcount{opacity:.45}.colpick{flex-wrap:nowrap;margin-bottom:12px;overflow-x:auto}.colpick button{white-space:nowrap;flex-shrink:0}.board.phone .bcol{width:100%;max-height:none}.board.phone .bcol-fold{display:none}.linkish.tk{color:var(--amber-700);font-size:var(--fs-xs)}.linkish.tk:hover{color:var(--amber-500)}.wcard{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:12px;padding:16px}.wc-head{border-bottom:1px solid var(--neutral-100);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.wc-no{font-weight:700;font-size:var(--fs-base);color:var(--green-700)}.wc-name{font-weight:700;font-size:var(--fs-base)}.wc-ph{font-size:var(--fs-sm);color:var(--fg-muted)}.wc-ship{font-size:var(--fs-sm);color:var(--fg-muted);margin-bottom:12px;font-weight:600}.wdev{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.wd-main b{font-size:var(--fs-md);font-weight:700;display:block}.wd-dates{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:3px;display:block}.wd-side{align-items:center;gap:8px;display:flex}.tk-head{border-radius:var(--radius-md);font-size:var(--fs-md);margin-bottom:16px;padding:12px 16px;line-height:1.6}.tk-head b{font-size:var(--fs-base);font-weight:700}.tk-head.ok{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-800)}.tk-head.no{background:var(--amber-wash);color:var(--amber-800);border:1px solid #ebd9a6}.bcard.tkcard.outw{border-inline-start:4px solid var(--amber-500)}.bm.amt{background:var(--green-50);color:var(--green-700)}.qty-sum{font-size:var(--fs-sm);color:var(--green-700);background:var(--bg-primary-wash);border-radius:var(--radius-sm);margin-top:2px;padding:4px 12px;font-weight:700}.nolink-note{background:var(--bg-secondary);border:1px solid var(--bg-line);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--fg-muted);margin-top:8px;padding:8px 12px;font-weight:600}.h{margin-bottom:12px}.h h1{margin-bottom:0}.h p:empty{display:none}.chg-note{font-size:var(--fs-xs);color:var(--amber-800);background:var(--amber-wash);border-radius:var(--radius-sm);margin-top:2px;padding:4px 12px;font-weight:700}.devrow{gap:12px;grid-template-columns:1fr!important}@media (width>=520px){.devrow.dev-plain{grid-template-columns:1.4fr .9fr auto!important}.devrow.dev-acc{grid-template-columns:1.2fr .55fr .9fr auto!important}}.devrow>.f{min-width:0}.devrow input,.devrow select{width:100%;min-width:0}.modal{overflow-x:hidden}.modal .form{min-width:0}.glist{text-align:left;font-family:var(--font-mono);direction:ltr}.glist .gitem{break-inside:avoid;border-bottom:1px dotted #e4eee9;padding:1.5px 0;line-height:1.35}.glist .gitem b{color:var(--green-600)}.glist.g1{font-size:11px}.glist.g2{column-count:2;column-rule:1px solid #edf3f0;column-gap:10px;font-size:10px}.glist.g2.sm{font-size:8.8px}.glist.g2.sm .gitem{padding:1px 0}.glist.g2.xs{column-gap:8px;font-size:7.8px}.glist.g2.xs .gitem{padding:.5px 0;line-height:1.25}@media print{.glist.g2{column-count:2}}.sticker-print{border:2px dashed var(--fg-muted);width:100%;max-width:390px;margin:0 auto 12px;padding:11px 12px}.stk-head{border-bottom:2px solid var(--fg);justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding-bottom:5px;display:flex}.stk-head b{letter-spacing:.02em;font-size:14px;font-weight:800}.stk-sub{color:var(--fg-muted);font-size:9.5px;line-height:1.2}.stk-no{font-size:17px;font-weight:700;line-height:1}.stk-cust{margin-bottom:5px;font-size:12px;line-height:1.3}.stk-dev{background:var(--fg);color:#fff;border-radius:6px;justify-content:space-between;gap:8px;margin-bottom:5px;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.stk-acc{background:var(--neutral-100);color:var(--fg-muted);border-radius:5px;margin-bottom:5px;padding:3px 8px;font-size:11px;font-weight:700}.stk-note{background:#fff3d6;border:1px solid #ebd9a6;border-radius:5px;margin-bottom:5px;padding:4px 8px;font-size:11px;line-height:1.35}.stk-note.cust{background:var(--bg-primary-wash);border-color:var(--bg-line)}.stk-foot{border-top:1px solid var(--bg-line);color:var(--fg-muted);justify-content:space-between;margin-top:6px;padding-top:5px;font-size:10.5px;display:flex}.stk-wait{text-align:center;color:var(--amber-700);padding:5px;font-size:11.5px;font-weight:700}.stk-idx{text-align:left;line-height:1.15}.stk-dev-n{color:var(--green-700);margin-top:2px;font-size:10.5px;font-weight:800}.stk-acc b{color:var(--fg)}.tk-ship{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:4px;font-weight:700}.f.combo{position:relative}.pickList{z-index:40;top:100%;background:var(--bg);border:1px solid var(--bg-line);border-radius:10px;max-height:260px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 10px 24px #15201a1f}.pickList li{cursor:pointer;font-size:var(--fs-md);border-radius:7px;padding:8px 12px}.pickList li.on{background:var(--lime-200)}.pickList li.none{color:var(--fg-muted);cursor:default}.glrow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.glrow code{min-width:130px;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;color:var(--green-700);font-family:var(--font-mono);flex:1;overflow:hidden}.glrow .btn{gap:4px;text-decoration:none}.btn.done{background:var(--green-50);color:var(--green-800);border:1.5px solid var(--green-200);font-size:var(--fs-md);text-align:initial;padding:8px 16px}.btn.done:hover{background:var(--green-100)}.btn.done:disabled{background:var(--bg-alternate);color:var(--fg-subtle);border-color:var(--bg-line)}.bcol.collapsed.over{background:var(--cw)}.tbl .id a{color:inherit;text-decoration:none}.tbl .id a:hover{text-decoration:underline}.tbl .id a:focus-visible{outline:2px solid var(--green-600);outline-offset:2px;border-radius:var(--radius-sm)}.gpick-head{text-align:center;border-bottom:1px solid var(--bg-line);margin-bottom:12px;padding-bottom:10px}.gpick-badge{color:var(--green-700);background:var(--bg-primary-wash);border-radius:var(--radius-pill);margin-top:5px;padding:2px 9px}.gpick-space{background:var(--bg-primary-wash);border-radius:var(--radius-md);margin-bottom:11px;padding:9px 11px}.gpick-track{background:var(--bg-line);border-radius:6px;height:7px;overflow:hidden}.gpick-fill{background:linear-gradient(90deg, var(--lime-400), var(--green-700));height:100%;display:block}.gpick-card{cursor:pointer;font:inherit;color:inherit;text-align:inherit;flex-direction:column;align-items:flex-start;margin:0;display:flex}.gpick-card.on{border-color:var(--green-700);background:var(--green-100)}.gpick-card.dis{cursor:not-allowed;opacity:.4}.gpick-muted{color:var(--fg-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.inv-page{--ink:#15201a;--leaf:#1e7a46;--leaf2:#2e8b57;--lime:#a8be5e;--wash:#edf4e5;--line:#dce7d5;--grey:#6e7768;--paper:#fbfaf6;color:#15201a;page:invoice;background:#e0e3df;justify-content:center;align-items:flex-start;min-height:100vh;padding:14px;font-family:Tajawal,sans-serif;line-height:normal;display:flex}.inv-page .mono{direction:ltr;unicode-bidi:embed;font-family:JetBrains Mono,monospace;display:inline-block}.inv-page .invoice{background:var(--paper);flex-direction:column;width:148mm;min-height:200mm;padding:11mm 9mm;display:flex;box-shadow:0 10px 40px #00000026}.inv-page .top{border-bottom:2px solid #1e7a46;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:8px;display:flex}.inv-page .brand{align-items:center;gap:9px;display:flex}.inv-page .logo-mark{width:34px;height:34px}.inv-page .nm{font-size:18px;font-weight:800;line-height:1}.inv-page .nm .rw{color:#1e7a46}.inv-page .nm small{color:#6e7768;margin-top:3px;font-size:8.5px;font-weight:500;display:block}.inv-page .tax{text-align:left;color:#6e7768;font-size:10px;line-height:1.7}.inv-page .tax b{color:#15201a;font-size:11px}.inv-page .meta{grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:10px;font-size:11px;display:grid}.inv-page .meta .row{background:#edf4e5;border-radius:6px;justify-content:space-between;padding:5px 9px;display:flex}.inv-page .meta .k{color:#5f6759}.inv-page .meta .v{font-weight:700}.inv-page .badge{color:#fff;background:#1e7a46;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.inv-page .cust{background:#fff;border:1px solid #dce7d5;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:11.5px}.inv-page .cust .cl{flex-wrap:wrap;gap:16px;display:flex}.inv-page .cust .cl>div{gap:5px;display:flex}.inv-page .cust .k{color:#6e7768}.inv-page .cust .v{font-weight:700}.inv-page table{border-collapse:collapse;table-layout:auto;width:100%;margin-bottom:10px;font-size:10.5px}.inv-page th{color:#fff;text-align:center;white-space:nowrap;background:#15201a;padding:6px 7px;font-size:9.5px;font-weight:600}.inv-page td{text-align:center;white-space:nowrap;background:#fff;border-bottom:1px solid #e7efe2;padding:7px 8px}.inv-page td.item{text-align:right;white-space:normal;font-weight:600}.inv-page td .mono{white-space:nowrap}.inv-page .warranty{text-align:center;color:#6e6320;background:#fbf7e4;border:1px solid #b9c259;border-radius:8px;margin:10px 0;padding:8px 10px;font-size:11.5px;font-weight:700}.inv-page .totals{width:100%;max-width:230px;margin-top:auto;margin-left:auto;font-size:11px}.inv-page .totals .tr{border-bottom:1px solid #dce7d5;justify-content:space-between;padding:4px 8px;display:flex}.inv-page .totals .grand{color:#fff;background:linear-gradient(135deg,#2e8b57,#1e7a46);border:none;border-radius:6px;margin-top:3px;padding:7px 8px;font-size:13px;font-weight:800}.inv-page .sign{text-align:center;color:#6e7768;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px;font-size:10px;display:grid}.inv-page .sign .s{border-top:1px dashed #6e7768;padding-top:5px}.inv-page .foot{text-align:center;color:#6e7768;border-top:1px solid #dce7d5;margin-top:12px;padding-top:8px;font-size:9.5px;line-height:1.7}.inv-page .foot .c{color:#1e7a46;font-weight:600}.inv-page .pbar{text-align:center;margin:14px 0}.inv-page .pbar button{color:#fff;cursor:pointer;background:#1e7a46;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}@page invoice{size:A5;margin:0}@media print{.inv-page{background:#fff;padding:0}.inv-page .invoice{box-shadow:none;width:100%;min-height:auto}.inv-page .pbar{display:none}.inv-page th,.inv-page .grand,.inv-page .badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-page{min-height:0}}