@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#fff;--bg-subtle:#f9fafb;--surface:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--accent:#f97316;--accent-hover:#ea6c0a;--accent-subtle:#fff7ed;--accent-border:#fed7aa;--blue:#3b82f6;--blue-hover:#2563eb;--blue-subtle:#eff6ff;--blue-border:#bfdbfe;--success:#10b981;--success-subtle:#ecfdf5;--success-border:#a7f3d0;--warning:#f59e0b;--warning-subtle:#fffbeb;--warning-border:#fde68a;--error:#ef4444;--error-subtle:#fef2f2;--error-border:#fecaca;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--font:var(--font-geist-sans), "Inter", system-ui, -apple-system, sans-serif;--font-mono:var(--font-geist-mono), "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text-1);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:110px;line-height:1.5}.container{width:100%;max-width:480px;margin:0 auto;padding:0 1.25rem}.page-header{justify-content:space-between;align-items:center;padding:1.25rem 0 1rem;display:flex}.page-title{color:var(--text-1);letter-spacing:-.01em;font-size:1.1875rem;font-weight:700}.header-user{align-items:center;gap:.875rem;display:flex}.user-info h2{color:var(--text-1);letter-spacing:-.01em;margin-bottom:.1rem;font-size:1.0625rem;font-weight:700}.user-info p{color:var(--text-3);margin:0;font-size:.8rem;font-weight:400}.back-btn{border-radius:var(--r-md);background:var(--bg-subtle);border:1.5px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.back-btn:hover{background:var(--border);color:var(--text-1)}.avatar{border-radius:var(--r-lg);background:var(--accent-subtle);border:1.5px solid var(--accent-border);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.notif-btn{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--r-lg);width:40px;height:40px;color:var(--text-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.search-wrap{margin-bottom:1.25rem;position:relative}.search-ico{color:var(--text-3);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:.9375rem;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border);border-radius:var(--r-full);background:var(--surface);width:100%;color:var(--text-1);font-size:16px;font-family:var(--font);outline:none;padding:.8125rem 1rem .8125rem 2.75rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f9731614}.search-input::placeholder{color:var(--text-3)}.stats-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.stats-row.three{grid-template-columns:1fr 1fr 1fr}.stat-tile{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);cursor:pointer;padding:1.125rem 1rem;transition:all .15s;position:relative}.stat-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.stat-tile.is-active{border-color:var(--accent);background:var(--accent-subtle)}.stat-tile.is-active-blue{border-color:var(--blue);background:var(--blue-subtle)}.stat-tile.accent-fill{background:var(--accent);border-color:var(--accent)}.stat-num{letter-spacing:-.03em;color:var(--text-1);margin-bottom:.3rem;font-size:1.875rem;font-weight:700;line-height:1}.stat-tile.accent-fill .stat-num{color:#fff}.stat-tile.is-active .stat-num{color:var(--accent)}.stat-tile.is-active-blue .stat-num{color:var(--blue)}.stat-lbl{color:var(--text-3);font-size:.75rem;font-weight:500}.stat-tile.accent-fill .stat-lbl{color:#ffffffbf}.stat-tile.is-active .stat-lbl{color:var(--accent);opacity:.8}.stat-tile.is-active-blue .stat-lbl{color:var(--blue);opacity:.8}.pkg-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);color:inherit;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.9375rem 1.125rem;text-decoration:none;transition:all .15s;display:flex}.pkg-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.pkg-item.is-selected{border-color:var(--accent);background:var(--accent-subtle)}.pkg-number{font-family:var(--font-mono);color:var(--text-1);letter-spacing:.01em;margin-bottom:.2rem;font-size:.875rem;font-weight:600}.pkg-meta{color:var(--text-3);font-size:.78125rem}.badge{border-radius:var(--r-full);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.3rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-received{background:var(--warning-subtle);color:#92400e;border:1px solid var(--warning-border)}.badge-transit{background:var(--blue-subtle);color:#1d4ed8;border:1px solid var(--blue-border)}.badge-arrived{background:var(--success-subtle);color:#065f46;border:1px solid var(--success-border)}.badge-delivered{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.btn{border-radius:var(--r-lg);cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6875rem 1.125rem;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-hover)}.btn-secondary{background:var(--bg-subtle);color:var(--text-1);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--bg-subtle)}.btn-danger{background:var(--error-subtle);color:var(--error);border:1px solid var(--error-border)}.btn-success{background:var(--success-subtle);color:var(--success);border:1px solid var(--success-border)}.btn-full{width:100%}.btn-lg{border-radius:var(--r-xl);height:56px;padding:1rem 1.5rem;font-size:1rem}.btn-sm{border-radius:var(--r-md);padding:.4375rem .75rem;font-size:.75rem}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-2xl);padding:1.25rem}.form-field{margin-bottom:1rem}.form-label{color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.375rem;font-size:.71875rem;font-weight:600;display:block}.form-input{border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);width:100%;color:var(--text-1);font-size:16px;font-family:var(--font);outline:none;padding:.8125rem 1rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f9731614}.form-input::placeholder{color:var(--text-3)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.75rem}.section-label{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.section-title{color:var(--text-2);letter-spacing:.01em;font-size:.875rem;font-weight:600}.timeline-wrap{justify-content:space-between;align-items:center;margin:1.5rem 0;padding:.25rem 0;display:flex;position:relative}.timeline-track{background:var(--border);z-index:1;height:2px;position:absolute;top:50%;left:11px;right:11px;transform:translateY(-50%)}.timeline-fill{background:var(--accent);z-index:2;height:2px;transition:width .6s;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.t-dot{border:2px solid var(--border);background:var(--surface);z-index:3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex;position:relative}.t-dot.done{border-color:var(--accent);background:var(--accent)}.t-dot.current{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #f9731626}.t-dot.current:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.bottom-nav{-webkit-backdrop-filter:blur(24px);border-radius:var(--r-full);width:calc(100% - 2.5rem);max-width:420px;box-shadow:var(--shadow-xl), 0 0 0 1px #0000000a;z-index:100;background:#ffffffeb;border:1px solid #e5e7ebcc;justify-content:space-around;align-items:center;padding:.5rem 1.125rem;display:flex;position:fixed;bottom:1.125rem;left:50%;transform:translate(-50%)}.nav-btn{border-radius:var(--r-full);width:40px;height:40px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.nav-btn:hover{background:var(--bg-subtle);color:var(--text-2)}.nav-btn.active{color:var(--accent);background:var(--accent-subtle)}.nav-btn.active-blue{color:var(--blue);background:var(--blue-subtle)}.nav-btn.add-btn{background:var(--accent);color:#fff;width:48px;height:48px;margin-top:-12px;box-shadow:0 4px 14px #f9731666}.nav-btn.add-btn:hover{background:var(--accent-hover)}.loading-state{text-align:center;color:var(--text-3);padding:3rem 1rem;font-size:.875rem}.empty-state{text-align:center;padding:3.5rem 1rem}.empty-title{color:var(--text-2);margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.empty-text{color:var(--text-3);font-size:.8125rem}.notif-banner{background:var(--blue-subtle);color:#1e40af;border-radius:var(--r-xl);border:1.5px solid var(--blue-border);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.divider{background:var(--border);height:1px;margin:1.25rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.animate-in{animation:.2s ease-out fadeIn}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner-dark{border-color:var(--border);border-top-color:var(--accent)}.bulk-bar{border:1.5px solid var(--border);border-radius:var(--r-2xl);width:calc(100% - 2.5rem);max-width:420px;box-shadow:var(--shadow-xl);z-index:99;background:#fff;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.bulk-bar-title{color:var(--text-2);font-size:.8125rem;font-weight:600}.drawer-overlay{z-index:200;opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{background:var(--bg);border-radius:var(--r-2xl) var(--r-2xl) 0 0;z-index:201;max-height:80vh;padding:1.25rem 1.25rem 2.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 32px #0000001f}.drawer.open{transform:translateY(0)}.drawer-handle{background:var(--border-strong);border-radius:var(--r-full);width:36px;height:4px;margin:0 auto 1.25rem}.filter-chip{border:1.5px solid var(--border);border-radius:var(--r-full);background:var(--bg);color:var(--text-2);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}@keyframes scanLine{0%{top:12px}50%{top:calc(100% - 12px)}to{top:12px}}.search-result-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:.875rem;padding:.75rem 1rem;transition:background .1s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-subtle)}video{object-fit:cover}