:root{--pk-lime-500:#C8F542;--pk-lime-300:#DDF77E;--pk-lime-100:#EBF9B8;--pk-lime-900:#0E1B3D;--pk-ink-900:#0E1B3D;--pk-ink-700:#17264A;--pk-ink-600:#4A5A7C;--pk-blue-500:#0B63CE;--pk-blue-600:#0A57B5;--pk-pink-500:#FF4D9D;--pk-success:#12A472;--pk-warn:#FF9E1B;--pk-error:#E5322B;--pk-white:#FFFFFF;--pk-cloud:#F7F3E9;--pk-cloud-2:#EFEADB;--pk-line:#E7E0CE;--pk-gray:#5B6A85;--pk-gray-2:#8891B5;--pk-live:#35E0FF;--pk-st-new:#4A5A7C;--pk-st-new-bg:#EFEADB;--pk-st-prep:#0B63CE;--pk-st-prep-bg:#DEEBFB;--pk-st-near:#C8F542;--pk-st-near-bg:#EBF9B8;--pk-st-arrived:#FF9E1B;--pk-st-arrived-bg:#FFEFD6;--pk-st-overdue:#E5322B;--pk-st-overdue-bg:#FBDFDD;--pk-st-done:#12A472;--pk-st-done-bg:#DFF3EA;--pk-font-display:"Baloo Bhaijaan 2","IBM Plex Sans Arabic",sans-serif;--pk-font-body:"IBM Plex Sans Arabic",sans-serif;--pk-font-mono:"IBM Plex Mono",monospace;--pk-fs-12:12px;--pk-fs-13:13px;--pk-fs-14:14px;--pk-fs-15:15px;--pk-fs-16:16px;--pk-fs-17:17px;--pk-fs-20:20px;--pk-fs-24:24px;--pk-fs-32:32px;--pk-fs-34:34px;--pk-fs-b-min:18px;--pk-fs-b-card:28px;--pk-fs-b-card-lg:40px;--pk-fs-b-plate:48px;--pk-space:4px;--pk-radius:12px;--pk-radius-md:16px;--pk-radius-lg:20px;--pk-radius-pill:999px;--pk-touch:48px;--pk-touch-branch:56px;--pk-b2:2px solid var(--pk-ink-900);--pk-b3:3px solid var(--pk-ink-900);--pk-pop-xs:2px 2px 0 var(--pk-ink-900);--pk-pop-sm:4px 4px 0 var(--pk-ink-900);--pk-pop:6px 6px 0 var(--pk-ink-900);--pk-pop-lime:6px 6px 0 var(--pk-lime-500);--pk-tilt:7deg;--pk-sticker-tilt:-2deg;--pk-dots:radial-gradient(rgba(14,27,61,.06) 2px,transparent 0);--pk-dots-dark:radial-gradient(rgba(255,255,255,.08) 2px,transparent 0);--pk-dots-size:34px 34px;--pk-ease:cubic-bezier(.2,.8,.2,1);--pk-dur:200ms;--pk-fade-1:1;--pk-fade-2:.55;--pk-fade-3:.3;--pk-shadow-1:var(--pk-pop-xs);--pk-shadow-2:var(--pk-pop);--pk-bg:var(--pk-cloud);--pk-surface:var(--pk-white);--pk-text:var(--pk-ink-900);--pk-text-2:var(--pk-gray);--pk-border:var(--pk-line)}[data-theme=dark]{--pk-bg:var(--pk-ink-900);--pk-surface:var(--pk-ink-700);--pk-text:var(--pk-cloud);--pk-text-2:var(--pk-gray-2);--pk-border:var(--pk-ink-600);--pk-st-new-bg:#20305B;--pk-st-prep-bg:#12305E;--pk-st-near-bg:#33421A;--pk-st-arrived-bg:#3D2F10;--pk-st-overdue-bg:#3D1715;--pk-st-done-bg:#0F3328;--pk-pop-xs:2px 2px 0 var(--pk-lime-500);--pk-pop-sm:4px 4px 0 var(--pk-lime-500);--pk-pop:6px 6px 0 var(--pk-lime-500);--pk-shadow-1:none;--pk-shadow-2:var(--pk-pop);--pk-dots:var(--pk-dots-dark)}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body,html{font-family:var(--pk-font-body);color:var(--pk-text);line-height:1.75;font-size:var(--pk-fs-15)}body{background-color:var(--pk-bg);background-image:var(--pk-dots);background-size:var(--pk-dots-size)}a{color:var(--pk-blue-500);text-decoration:none}a:hover{color:var(--pk-blue-600)}[data-theme=dark] a{color:var(--pk-lime-300)}[data-theme=dark] a:hover{color:var(--pk-lime-500)}button{font-family:var(--pk-font-body)}.mono{font-family:var(--pk-font-mono);direction:ltr;unicode-bidi:embed}.disp{font-family:var(--pk-font-display)}.muted{color:var(--pk-text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--pk-font-display);font-size:var(--pk-fs-15);font-weight:700;min-height:48px;padding:0 22px;border-radius:14px;border:var(--pk-b2);box-shadow:var(--pk-pop-sm);cursor:pointer;background:var(--pk-blue-500);transition:transform var(--pk-dur) var(--pk-ease),box-shadow var(--pk-dur) var(--pk-ease);text-decoration:none}.btn,.btn:hover{color:var(--pk-white)}.btn:hover{transform:translate(4px,4px);box-shadow:0 0 0 var(--pk-ink-900)}[data-theme=dark] .btn:hover{box-shadow:0 0 0 var(--pk-lime-500)}.btn:disabled{background:var(--pk-line);color:var(--pk-gray);cursor:not-allowed;box-shadow:none;transform:none}[data-theme=dark] .btn:disabled{background:var(--pk-ink-600);color:var(--pk-gray-2)}.btn.lime{background:var(--pk-lime-500)}.btn.lime,.btn.lime:hover{color:var(--pk-ink-900)}.btn.sec2{background:var(--pk-surface);border:var(--pk-b2);color:var(--pk-text);box-shadow:none}.btn.sec2:hover{transform:none;box-shadow:var(--pk-pop-xs);color:var(--pk-text)}[data-theme=dark] .btn.sec2{border-color:var(--pk-cloud)}.btn.danger{background:var(--pk-error)}.btn.danger,.btn.danger:hover{color:var(--pk-white)}.btn.dgh{background:transparent;color:var(--pk-error);border:none;box-shadow:none}.btn.dgh:hover{transform:none;color:var(--pk-error)}.btn.sm{min-height:34px;font-size:var(--pk-fs-13);padding:0 14px;border-radius:10px;font-weight:700;box-shadow:var(--pk-pop-xs)}.btn.sm:hover{transform:translate(2px,2px);box-shadow:0 0 0 var(--pk-ink-900)}[data-theme=dark] .btn.sm:hover{box-shadow:0 0 0 var(--pk-lime-500)}.btn.dgh.sm:hover,.btn.sec2.sm:hover{transform:none;box-shadow:none}.btn.blk{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--pk-radius-pill);border:2px solid var(--pk-ink-900);padding:2px 12px;font-size:var(--pk-fs-12);font-weight:700;white-space:nowrap}.b-ok{background:var(--pk-success);color:var(--pk-white)}.b-warn{background:var(--pk-warn);color:var(--pk-ink-900)}.b-err{background:var(--pk-error);color:var(--pk-white)}.b-lime{background:var(--pk-lime-100);color:var(--pk-lime-900)}.b-soft{background:var(--pk-cloud);color:var(--pk-text)}[data-theme=dark] .b-soft{background:var(--pk-ink-600);color:var(--pk-cloud)}.b-ink{background:var(--pk-ink-900);color:var(--pk-lime-500)}[data-theme=dark] .b-ink{background:var(--pk-cloud);color:var(--pk-ink-900)}.p-new{background:var(--pk-st-new-bg);color:var(--pk-st-new);border-color:var(--pk-st-new)}[data-theme=dark] .p-new{color:var(--pk-gray-2)}.p-prep{background:var(--pk-st-prep-bg);color:var(--pk-st-prep);border-color:var(--pk-st-prep)}[data-theme=dark] .p-prep{color:var(--pk-gray-2)}.p-near{background:var(--pk-st-near-bg);color:var(--pk-lime-900);border-color:var(--pk-ink-900)}[data-theme=dark] .p-near{color:var(--pk-lime-300);border-color:var(--pk-st-near)}.p-arr{background:var(--pk-st-arrived-bg);color:var(--pk-ink-900);border-color:var(--pk-st-arrived)}[data-theme=dark] .p-arr{color:var(--pk-warn)}.p-over{background:var(--pk-st-overdue-bg);color:var(--pk-st-overdue);border-color:var(--pk-st-overdue)}.p-done{background:var(--pk-st-done-bg);color:var(--pk-st-done);border-color:var(--pk-st-done)}.fld{display:flex;flex-direction:column;gap:6px}.fld label{font-size:var(--pk-fs-13);font-weight:500;color:var(--pk-text)}.fld input,.fld select,.fld textarea,.inp{font-family:var(--pk-font-body);font-size:var(--pk-fs-15);color:var(--pk-text);background:var(--pk-surface);border:var(--pk-b2);border-radius:var(--pk-radius);min-height:48px;padding:10px 14px;outline:none;width:100%}[data-theme=dark] .fld input,[data-theme=dark] .fld select,[data-theme=dark] .fld textarea,[data-theme=dark] .inp{border-color:var(--pk-ink-600)}.fld textarea{min-height:88px;line-height:1.7}.fld input:focus,.fld select:focus,.fld textarea:focus,.inp:focus{border-color:var(--pk-blue-500);box-shadow:var(--pk-pop-xs)}[data-theme=dark] .fld input:focus,[data-theme=dark] .fld select:focus,[data-theme=dark] .fld textarea:focus,[data-theme=dark] .inp:focus{border-color:var(--pk-lime-500)}.fld .hint{font-size:var(--pk-fs-12);color:var(--pk-text-2)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.kpi{background:var(--pk-surface);border:var(--pk-b2);border-radius:var(--pk-radius-md);padding:14px 16px;box-shadow:var(--pk-pop-xs)}.kpi .k{font-size:var(--pk-fs-12);color:var(--pk-text-2);font-weight:500}.kpi .v{font-family:var(--pk-font-display);font-size:28px;font-weight:800;color:var(--pk-blue-500);line-height:1.5}[data-theme=dark] .kpi .v{color:var(--pk-lime-300)}.kpi .v small{font-size:var(--pk-fs-12);font-family:var(--pk-font-body);font-weight:400}.kpi .d,.kpi .v small{color:var(--pk-text-2)}.kpi .d{font-size:11px;margin-top:2px}.kpi .d.up{color:var(--pk-success)}.kpi .d.dn{color:var(--pk-error)}.pcardx{background:var(--pk-surface);border:var(--pk-b2);border-radius:var(--pk-radius-md);padding:16px 18px;box-shadow:var(--pk-pop-xs)}.pcardx>h3{font-family:var(--pk-font-display);font-size:var(--pk-fs-15);font-weight:700;color:var(--pk-text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.pcardx>h3 .sp{-webkit-margin-start:auto;margin-inline-start:auto;font-weight:400;font-family:var(--pk-font-body)}.grid2x{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters .inp,.filters select{min-height:38px;font-size:12.5px;width:auto;padding:6px 12px;background:var(--pk-surface);color:var(--pk-text);border:var(--pk-b2);border-radius:10px;font-family:var(--pk-font-body)}[data-theme=dark] .filters .inp,[data-theme=dark] .filters select{border-color:var(--pk-ink-600)}.tblwrap{border:var(--pk-b2);border-radius:var(--pk-radius);overflow:auto;box-shadow:var(--pk-pop-xs)}.tbl,.tblwrap{background:var(--pk-surface)}.tbl{width:100%;border-collapse:collapse;font-size:var(--pk-fs-13)}.tbl th{color:var(--pk-text-2);font-weight:500;font-size:var(--pk-fs-12);text-align:right;padding:9px 12px;background:var(--pk-bg);white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--pk-border)}.tbl td{padding:11px 12px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:var(--pk-bg)}.kv{display:flex;justify-content:space-between;gap:12px;font-size:var(--pk-fs-13);padding:6px 0;border-bottom:1px dashed var(--pk-border)}.kv:last-child{border-bottom:none}.kv .k{color:var(--pk-text-2);flex-shrink:0}.kv .v{text-align:left}.note{display:flex;gap:10px;align-items:flex-start;border-radius:var(--pk-radius);border:var(--pk-b2);padding:10px 14px;font-size:var(--pk-fs-13);line-height:1.7}.note.info{background:var(--pk-lime-100);color:var(--pk-lime-900)}.note.warn{background:var(--pk-st-arrived-bg);color:var(--pk-ink-900)}[data-theme=dark] .note.warn{color:var(--pk-warn)}.note.err{background:var(--pk-st-overdue-bg);color:var(--pk-error);border-color:var(--pk-error)}.note.soft{background:var(--pk-cloud);color:var(--pk-text-2)}[data-theme=dark] .note.info{background:var(--pk-ink-600);color:var(--pk-lime-300)}[data-theme=dark] .note.soft{background:var(--pk-ink-700);color:var(--pk-gray-2);border-color:var(--pk-ink-600)}.tline{position:relative;-webkit-padding-start:18px;padding-inline-start:18px}.tline:before{content:"";position:absolute;inset-inline-start:5px;top:6px;bottom:6px;width:2px;background:var(--pk-border)}.tline .ev{position:relative;padding:0 0 14px}.tline .ev:before{content:"";position:absolute;inset-inline-start:-17.5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--pk-gray);outline:3px solid var(--pk-bg)}.tline .ev.ok:before{background:var(--pk-success)}.tline .ev.warn:before{background:var(--pk-warn)}.tline .ev.err:before{background:var(--pk-error)}.tline .ev .t{font-size:12.5px;color:var(--pk-text)}.tline .ev .m{font-size:11px;color:var(--pk-text-2);font-family:var(--pk-font-mono)}.empty{text-align:center;padding:34px 20px;display:flex;flex-direction:column;align-items:center;gap:4px}.empty .qr{margin-bottom:8px;transform:rotate(var(--pk-sticker-tilt))}.empty b{font-family:var(--pk-font-display);font-size:var(--pk-fs-17);font-weight:700}.empty p{font-size:var(--pk-fs-13);color:var(--pk-text-2);margin:2px 0 12px;max-width:260px}.loadwrap{display:flex;align-items:center;justify-content:center;background:var(--pk-surface);border:var(--pk-b2);border-radius:var(--pk-radius-md);box-shadow:var(--pk-pop-xs)}