: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:13px;--pk-fs-13:14px;--pk-fs-14:15px;--pk-fs-15:16px;--pk-fs-16:17px;--pk-fs-17:18px;--pk-fs-20:22px;--pk-fs-24:26px;--pk-fs-32:34px;--pk-fs-34:36px;--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}body,html{font-family:var(--pk-font-body);background-color:var(--pk-bg);background-image:var(--pk-dots);background-size:var(--pk-dots-size);color:var(--pk-text);line-height:1.75;font-size:var(--pk-fs-15)}.pk-wrap{max-width:480px;margin:0 auto;padding:16px;min-height:100dvh}.pk-card{background:var(--pk-surface);border:var(--pk-b2);border-radius:var(--pk-radius-md);box-shadow:var(--pk-pop-sm);padding:16px;margin-bottom:14px}.pk-display{font-family:var(--pk-font-display);font-weight:800}.pk-mono{font-family:var(--pk-font-mono);direction:ltr}.pk-muted{color:var(--pk-text-2);font-size:var(--pk-fs-13)}.pk-btn{display:block;width:100%;min-height:var(--pk-touch);background:var(--pk-blue-500);color:var(--pk-white);font-family:var(--pk-font-display);font-weight:700;font-size:var(--pk-fs-16);border:var(--pk-b2);border-radius:14px;box-shadow:var(--pk-pop-sm);cursor:pointer;transition:transform var(--pk-dur) var(--pk-ease),box-shadow var(--pk-dur) var(--pk-ease)}.pk-btn:hover:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--pk-ink-900)}.pk-btn:disabled{opacity:.5;cursor:not-allowed}.pk-btn-lime,.pk-btn.lime{background:var(--pk-lime-500);color:var(--pk-ink-900)}.pk-btn-ghost{display:block;width:100%;min-height:var(--pk-touch);background:transparent;color:var(--pk-text);border:var(--pk-b2);border-radius:14px;font-family:var(--pk-font-body);font-weight:700;font-size:var(--pk-fs-15);cursor:pointer;transition:background var(--pk-dur) var(--pk-ease)}.pk-btn-ghost:hover{background:var(--pk-cloud-2)}.pk-input{width:100%;min-height:var(--pk-touch);border:var(--pk-b2);border-radius:var(--pk-radius);padding:10px 14px;font-family:var(--pk-font-body);font-size:var(--pk-fs-16);background:var(--pk-surface);color:var(--pk-text)}.pk-input:focus{outline:none;border-color:var(--pk-lime-500);box-shadow:0 0 0 2px var(--pk-lime-500)}.pk-chip{background:var(--pk-lime-100);color:var(--pk-lime-900);padding:4px 12px;font-size:var(--pk-fs-14)}.pk-badge,.pk-chip{display:inline-block;border:var(--pk-b2);border-radius:var(--pk-radius-pill);font-weight:700}.pk-badge{padding:3px 12px;font-size:var(--pk-fs-13)}.pk-badge.ok{background:var(--pk-lime-500);color:var(--pk-ink-900)}.pk-badge.warn{background:var(--pk-warn);color:var(--pk-ink-900)}.pk-badge.err{background:var(--pk-error);color:var(--pk-white)}.pk-drive{background-color:var(--pk-ink-900);background-image:var(--pk-dots-dark);background-size:26px 26px;color:var(--pk-cloud);min-height:100dvh}.pk-drive .pk-card{background:var(--pk-ink-700);border-color:var(--pk-ink-900);box-shadow:var(--pk-pop-lime)}.pk-drive .pk-muted{color:var(--pk-gray-2)}@keyframes pk-line-pulse{0%,to{opacity:1}50%{opacity:.25}}.pk-loader{display:flex;flex-direction:column;gap:6px;width:44px;align-items:flex-start}.pk-loader span{height:7px;width:100%;background:var(--pk-pink-500);animation:pk-line-pulse 1.2s infinite}.pk-loader span:nth-child(2){width:72%;animation-delay:.2s;opacity:.55}.pk-loader span:nth-child(3){width:50%;animation-delay:.4s;opacity:.3}@keyframes pk-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pk-pop-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.pk-in{animation:pk-in .5s var(--pk-ease) both}.pk-pop{animation:pk-pop-in .45s cubic-bezier(.34,1.56,.64,1) both}.pk-d1{animation-delay:.06s}.pk-d2{animation-delay:.12s}.pk-d3{animation-delay:.18s}.pk-d4{animation-delay:.24s}.pk-d5{animation-delay:.3s}.pk-btn-ghost:active,.pk-btn:active:not(:disabled){transform:translate(4px,4px) scale(.985);box-shadow:0 0 0 var(--pk-ink-900)}@media (prefers-reduced-motion:reduce){.pk-in,.pk-pop{animation:none}}.pk-steps{display:flex;gap:4px;margin:12px 0}.pk-steps i{flex:1 1;height:6px;border-radius:3px;background:var(--pk-cloud-2);border:1px solid var(--pk-line)}.pk-steps i.on{background:var(--pk-lime-500);border-color:var(--pk-ink-900)}.pk-steps i.cur{background:var(--pk-blue-500);border-color:var(--pk-ink-900)}