@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);:root{--bg:#f5f5f5;--surface:#fff;--surface-2:#f5f5f5;--surface-3:#e0e0e0;--border:#e0e0e0;--text:#333;--text-muted:#666;--text-faint:#999;--accent:#2d7020;--accent-dark:#1a4410;--accent-2:#4caf50;--accent-text:#2d7020;--accent-soft:#e8f5e9;--warn-bg:#fff3cd;--warn-text:#856404;--tint:100%;--tint-text:100%;color-scheme:light}:root[data-theme=dark]{--bg:#121314;--surface:#1e1f22;--surface-2:#26282b;--surface-3:#34373b;--border:#3a3d41;--text:#e6e6e6;--text-muted:#b0b0b0;--text-faint:#8a8a8a;--accent-text:#6fcf5f;--accent-soft:#1f3a22;--warn-bg:#3d3412;--warn-text:#f2d675;--tint:12%;--tint-text:25%;color-scheme:dark}body,html{background-color:#f5f5f5;background-color:var(--bg);color:#333;color:var(--text)}:root[data-theme=dark] img.invert-dark{filter:invert(1) hue-rotate(180deg)}:root[data-theme=dark] ::placeholder{color:#999;color:var(--text-faint)}:root[data-accent=red]{--accent:#e02e24;--accent-dark:#b3170f;--accent-2:#f2584d;--accent-text:#e02e24;--accent-soft:#fdeceb}:root[data-accent=red][data-theme=dark]{--accent-text:#ff6b60;--accent-soft:#3a1d1b}:root[data-accent=red] .icons-svg,:root[data-accent=red] .menu-item-wrapper img{filter:hue-rotate(253deg) saturate(1.4)}*{border:0;font-family:Roboto,sans-serif;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;height:100%;line-height:1;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}.home-container{align-items:center;background:var(--surface-2);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;justify-content:center;min-height:100vh}.home-banner{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;overflow:hidden;position:relative;width:100%}.banner-image{display:block;height:auto;object-fit:cover;width:100%}.banner-title{bottom:40px;font-size:24px;font-weight:700;text-shadow:2px 2px 4px #0000004d}.banner-description,.banner-title{color:#fff;left:30px;margin:0;position:absolute}.banner-description{bottom:15px;font-size:14px;text-shadow:1px 1px 3px #0000004d}.home-card{border-radius:16px;max-width:450px;padding:0 50px;text-align:center;width:100%}.home-logo{border:2px solid #007b55;border-radius:50%;height:90px;margin-bottom:20px;object-fit:cover;width:90px}.home-title{color:var(--text);font-size:28px;font-weight:700;margin-bottom:10px}.home-subtitle{color:var(--text-muted);font-size:16px;margin-bottom:35px}.home-buttons{display:flex;flex-direction:column;gap:15px}.home-btn{border-radius:10px;display:block;font-size:16px;font-weight:600;padding:14px;text-align:center;text-decoration:none;transition:all .25s ease}.home-btn.primary{background:#007b55;color:#fff}.home-btn.primary:hover{background:#005c40}.home-btn.secondary{color:var(--text)}.home-btn.secondary,.home-btn.secondary:hover{background:var(--surface-2)}.home-footer{border-top:1px solid var(--border);margin-top:40px;padding-top:30px}.home-footer-link{border-radius:6px;color:var(--text-muted);display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none;transition:all .25s ease}.home-footer-link:hover{background:var(--surface-2);color:#007b55}.lang-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lang-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);flex:1 1;font-size:14px;min-width:70px;padding:10px 6px}.lang-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.lang-compact{margin-bottom:8px;width:100%}.lang-compact .lang-options{gap:6px;justify-content:center;margin-top:0}.lang-compact .lang-btn{flex:0 0 auto;font-size:13px;min-width:0;padding:6px 10px}.auth{background:var(--surface-2);justify-content:center;padding:20px;width:100%}.auth,.form{align-items:center;display:flex;flex-direction:column}.form{background:var(--surface);border-radius:16px;box-shadow:0 8px 25px #00000014;padding:40px 35px;width:400px}.h1-auth{color:var(--text);font-size:28px;font-weight:700;margin-bottom:10px}.auth-subtitle{color:var(--text-muted);font-size:15px;margin-bottom:30px;text-align:center}.input__div{align-items:center;background:var(--surface-2);border:1px solid #8686864d;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:12px 15px;width:100%}.input{background:#0000;border:none;color:var(--text);font-size:16px;outline:none;width:100%}.input::placeholder{color:var(--text-faint)}.phonePNG{opacity:.7;width:20px}.buttonLogin{background:#007b55;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:14px 20px;transition:all .3s ease;width:100%}.buttonLogin:hover{background:#005c40}.link__auth{color:var(--text-muted);font-size:14px;margin-top:20px;text-decoration:none}.link__auth:hover{text-decoration:underline}@media (max-width:440px){.form{max-width:350px;width:100%}}@media (max-width:350px){.form{max-width:300px}}@media (max-width:440px){.form{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(39,39,39,.568);background-color:#fff;border:1px solid #86868680;border-radius:16px;display:flex;flex-direction:column;margin-top:130px;padding:30px;width:350px}}@media (max-width:350px){.form{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(39,39,39,.568);background-color:#fff;border:1px solid #86868680;border-radius:16px;display:flex;flex-direction:column;margin-top:130px;padding:30px;width:300px}}.checkbox__div{align-items:center;border:1px solid #8686864d;border-radius:10px;display:flex;justify-content:space-between;margin:20px 0 0;padding:15px;width:100%}.checkbox__text{margin-left:10px}.tabs{background:var(--surface);display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding:10px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;z-index:10}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;color:var(--text);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:6px;padding:8px 14px;transition:all .2s ease-in-out;white-space:nowrap}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.count{background:var(--surface-3);border-radius:12px;color:var(--accent-text);font-size:12px;font-weight:700;padding:2px 7px}.tab.active .count{background:var(--surface);color:var(--accent-text)}.tracks{display:flex;flex-direction:column;gap:10px}.track-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #0000000d;font-size:14px;padding:12px 16px}.tracks{padding:12px}.track-card{background:var(--surface);border-radius:12px;box-shadow:0 1px 4px #00000014;cursor:pointer;margin-bottom:12px;overflow:visible;padding:14px;position:relative;transition:all .3s ease}.track-card.open{background:var(--surface);border:1px solid #007f3d20}.track-summary{display:flex;flex-direction:column;gap:6px}.track-actions-header{align-items:center;display:flex;gap:8px}.btn-delete{background:#d9534f;border:none;cursor:pointer;font-weight:600;padding:6px 10px}.btn-edit-small{background:#0000;border-radius:8px;cursor:pointer}.track-menu-wrapper{position:absolute;right:8px;top:8px}.track-menu{z-index:300}.track-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}@media (max-width:520px){.track-menu-wrapper{right:6px;top:6px}.track-actions-header{gap:6px}.btn-delete,.btn-edit-small{font-size:13px;padding:6px 8px}.modal-container{padding:18px;width:92%}.modal-title{font-size:18px}}.track-header{align-items:center;display:flex;justify-content:space-between}.track-title{color:var(--text);font-size:16px;font-weight:600}.track-code{color:var(--text);font-size:14px}.track-description{color:var(--text-muted);font-size:14px;margin-top:8px}.track-code-row{margin-top:6px}.track-status-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;margin-top:10px}.status-and-date{align-items:center;display:flex;gap:12px}.track-status{color:#007f3d;font-size:14px;font-weight:500}.track-date{color:var(--text-faint);font-size:12px}.track-menu-wrapper{margin-left:auto;position:relative}.track-menu-btn{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;padding:5px;transition:background .2s}.track-menu-btn:hover{background:#0000000d}.track-menu{animation:fadeIn .2s ease;background:var(--surface);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;min-width:140px;position:absolute;right:12px;top:12px;z-index:100}.menu-item{background:none;border:none;cursor:pointer;font-size:14px;padding:10px 14px;text-align:left;transition:background .2s}.menu-item:hover{background:var(--surface-2)}.track-history{border-top:1px solid var(--border);margin-top:12px;padding-top:10px;position:relative}.history-item{align-items:flex-start;display:flex;margin-bottom:12px;padding-left:24px;position:relative}.history-item .circle{border-radius:50%;height:12px;left:0;position:absolute;top:4px;width:12px}.history-item.done .circle{background:#ccc}.history-item.current .circle{background:#007f3d;box-shadow:0 0 0 4px #007f3d26}.history-content{display:flex;flex-direction:column;gap:2px}.history-status{color:var(--text);font-size:14px}.history-item.done .history-status{color:var(--text-muted)}.history-item.current .history-status{color:#007f3d;font-weight:600}.history-date{color:var(--text-faint);font-size:12px}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-container{animation:slideUp .3s ease-out;background:var(--surface);border-radius:14px;box-shadow:0 8px 25px #00000040;max-width:90%;padding:24px;width:400px}.modal-title{color:var(--text);font-size:20px;font-weight:600;margin-bottom:18px;text-align:center}.modal-fields input{border:1px solid var(--border);border-radius:10px;font-size:15px;margin-bottom:14px;outline:none;padding:12px 14px;transition:border .2s,box-shadow .2s;width:100%}.modal-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #15803d40}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:background .2s,transform .1s}.btn-cancel{background:var(--surface-2);color:var(--text-muted)}.btn-cancel:hover{background:var(--surface-3)}.btn-save{background:var(--accent);color:#fff}.btn-save:hover{background:var(--accent);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fab-add-parcel{align-items:center;background:var(--accent);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 15px #15803d66;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:600;height:56px;justify-content:center;position:fixed;right:24px;transition:background .2s,transform .15s,box-shadow .2s;width:56px;z-index:999}.fab-add-parcel:hover{background:var(--accent);box-shadow:0 6px 20px #15803d80;transform:scale(1.07)}.fab-add-parcel:active{transform:scale(.95)}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin:24px 0 60px}.pagination button{background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:8px 12px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.pagination span{color:var(--text);font-weight:500}.menu-item.delete{color:#d9534f;font-weight:600}.track-title.no-title{color:var(--text-muted);font-size:14px;margin:0;min-height:0;padding:0}.btn-delete{background:#ff4d4f;border-radius:8px;color:#fff}.btn-delete,.btn-edit-small{font-size:13px;padding:6px 8px}.btn-edit-small{background:var(--surface);border:1px solid var(--border);color:#0b5}.track-menu-btn{font-size:18px;padding:6px}.toast-root{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;z-index:12000}.toast{animation:toastIn .2s ease;border-radius:8px;box-shadow:0 6px 18px #0000001f;color:#fff;font-weight:600;max-width:320px;min-width:180px;padding:10px 14px}.toast.info{background:#333}.toast.success{background:#15803d}.toast.error{background:#d9534f}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:12001}.confirm-modal{background:var(--surface);border-radius:10px;box-shadow:0 10px 30px #00000040;max-width:92%;padding:18px;width:360px}.confirm-message{font-weight:600;margin-bottom:14px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.history-item.current .circle{animation:pulse 1.5s infinite;height:14px;left:-1px;top:3px;width:14px}.history-load-more{display:flex;justify-content:flex-start;margin-top:10px}.history-load-more button{background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:8px 12px}.history-load-more button:disabled{cursor:not-allowed;opacity:.6}.track-date{color:var(--text-muted);font-size:13px}.tab.archive-tab{background:linear-gradient(135deg,#f5a962,#f57c2e);border-color:#f57c2e;color:#fff;font-weight:600}.tab.archive-tab.active{background:#f57c2e;border-color:#d96b1f}.tab.archive-tab .count{background:#ffffff4d;color:#fff}.archive-button-wrapper{display:flex;justify-content:flex-start;padding:10px 10px 0}.btn-archive-all{background:linear-gradient(135deg,var(--accent-2),var(--accent));border:none;border-radius:6px;box-shadow:0 2px 6px #4caf504d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-archive-all:hover{background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.btn-archive-all:active{transform:translateY(0)}.archive-section{background:var(--surface-2);padding:10px}.confirm-modal:has(.confirm-icon){text-align:center}.confirm-modal:has(.confirm-icon) .confirm-actions{justify-content:center}.confirm-icon{align-items:center;background:var(--accent-soft);border-radius:16px;display:flex;font-size:30px;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.confirm-title{color:var(--accent-text);font-size:18px;font-weight:700;margin-bottom:6px}.confirm-message.with-title{color:var(--text-muted);font-weight:400}.track-china{color:var(--text-muted);font-size:12.5px;line-height:1.35;margin-top:6px}.track-china-flag{font-size:13px}