:root{--bg:#f5f4f1;--surface:#fff;--line:#dddad3;--line-strong:#8e8a82;--ink:#0e1a2e;--muted:#5a5852;--night:#091429;--night-2:#0e1f3b;--on-night:#fff;--on-night-muted:#aeb9cc;--on-night-line:#ffffff40;--on-night-divider:#ffffff14;--overlay:#0914298c;--count-bg:#7f7f7f2e;--primary:#1a3a6e;--on-primary:#fff;--accent:#e8a33a;--accent-text:#8a5410;--info-soft:#eef3fa;--info:#1a3a6e;--success:#16794a;--success-soft:#e7f5ee;--warning:#7a4800;--warning-soft:#fff4df;--error:#9a1d14;--error-soft:#fdecea;--focus:#3764a6;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0a1220;--surface:#111b2e;--line:#26344d;--line-strong:#66789a;--ink:#eceff4;--muted:#9aa6b8;--primary:#e8a33a;--on-primary:#0a1220;--accent-text:#f2bb5c;--info-soft:#1a2a45;--info:#8db4f0;--success:#4acb8a;--success-soft:#0f2e22;--warning:#f2b54a;--warning-soft:#33260e;--error:#ff7a6e;--error-soft:#3a1614;--focus:#f2bb5c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans Arabic,Tahoma,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.7}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:14px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}button{cursor:pointer;border-radius:var(--radius);border:1px solid #0000;min-height:44px;padding:0 16px;font-weight:600}button:disabled{opacity:.55;cursor:default}.primary{background:var(--primary);color:var(--on-primary)}.secondary{color:var(--ink);border-color:var(--line-strong);background:0 0}.quiet{color:var(--muted);background:0 0}.ghost{color:var(--on-night);border-color:var(--on-night-line);background:0 0;min-height:36px;padding:0 12px;font-size:14px}.login{min-height:100dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));align-content:center;gap:24px;max-width:420px;margin:0 auto;display:grid}.brand{align-items:center;gap:10px;font-size:18px;display:flex}.brand-sub{color:var(--muted);margin-inline-start:auto;font-size:14px}.mark{background:var(--night);border-radius:8px;width:30px;height:30px;display:inline-block;position:relative}.mark i{background:var(--on-night);border-radius:50%;width:6px;height:6px;position:absolute;top:8px}.mark i:first-child{right:7px}.mark i:last-child{background:var(--accent);left:7px}.login form{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:8px;padding:22px;display:grid}.login h1{margin:0;font-size:24px;line-height:1.5}.login p{margin:0 0 8px;font-size:14px}.login label{margin-top:6px;font-size:14px;font-weight:600}.login input{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);height:48px;color:var(--ink);padding:0 14px;font-size:16px}.login .primary{height:50px;margin-top:12px}.error{color:var(--error);background:var(--error-soft);border-radius:var(--radius);margin:8px 0 0;padding:10px 12px;font-size:14px}.board{max-width:640px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.top{z-index:5;background:var(--night);color:var(--on-night);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.top b{font-size:17px;display:block}.company{color:var(--on-night-muted);font-size:13px}.top-actions{gap:8px;display:flex}.cash{background:var(--night-2);color:var(--on-night);border-top:1px solid var(--on-night-divider);padding:10px 16px;font-size:15px;font-weight:600}.tabs{gap:6px;padding:12px 16px 4px;display:flex}.tabs button{background:var(--surface);border-color:var(--line);color:var(--ink);flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.tabs button.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tabs .n{background:var(--count-bg);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:13px;display:inline-grid}.notice,.warn{border-radius:var(--radius);margin:10px 16px 0;padding:10px 12px;font-size:14px}.notice{background:var(--success-soft);color:var(--success)}.warn{background:var(--warning-soft);color:var(--warning)}.board>.error{margin:10px 16px 0}.list{gap:12px;padding:12px 16px 24px;display:grid}.empty{text-align:center;color:var(--muted);margin:0;padding:40px 12px}.skeleton{gap:12px;display:grid}.skeleton i{background:linear-gradient(90deg, var(--surface), var(--line), var(--surface));background-size:200% 100%;border-radius:14px;height:150px;animation:1.2s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:6px;padding:14px 16px;display:grid}.card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.store{color:var(--muted);font-size:13px}.chip{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600}.chip.s-ready{background:var(--warning-soft);color:var(--warning)}.chip.s-ontheway,.chip.s-shipped{background:var(--info-soft);color:var(--info)}.chip.s-delivered{background:var(--success-soft);color:var(--success)}.chip.s-failed,.chip.s-returned{background:var(--error-soft);color:var(--error)}.num{color:var(--muted);text-align:end;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.who b{font-size:18px}.where{font-size:15px}.facts{color:var(--muted);gap:14px;font-size:14px;display:flex}.collect{color:var(--accent-text);font-weight:700}.paid{color:var(--success);font-weight:600}.links{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.link{border-radius:var(--radius);border:1px solid var(--line);min-height:40px;color:var(--ink);align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.actions .primary{flex:60%}.actions .secondary{flex:30%}.sheet-wrap{background:var(--overlay);z-index:10;align-items:end;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;gap:10px;width:100%;max-width:640px;margin:0 auto;display:grid}.sheet h2{margin:0;font-size:19px;line-height:1.6}.reasons{gap:6px;display:grid}.reasons label{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;min-height:46px;padding:0 12px;display:flex}.reasons label.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.sheet textarea{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:10px 12px}