.account-link{display:inline-flex;align-items:center;gap:5px;color:#26384a;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;padding:6px 12px;border-radius:20px;transition:all 0.2s}.account-link:hover{color:#0ca9e0;background:#f0f9fd}.account-link .material-symbols-outlined{font-size:20px}
.nav-signup-btn,.header-signup-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:50px;background:linear-gradient(135deg,#0ca9e0,#0782b1);color:#fff!important;font-size:12px;font-weight:700;text-decoration:none!important;box-shadow:0 4px 14px rgba(12,169,224,0.25);transition:all 0.2s;white-space:nowrap}.nav-signup-btn:hover,.header-signup-btn:hover{background:linear-gradient(135deg,#0782b1,#05668d);transform:translateY(-1px);box-shadow:0 6px 18px rgba(12,169,224,0.35)}
.drawer form{margin:0}.drawer-auth-button{width:100%;display:flex;align-items:center;gap:14px;padding:13px 10px;border:0;background:transparent;color:#22394c;font:600 14px Inter;text-align:left}.drawer-auth-button .material-symbols-outlined{color:#078fc6}
.account-logout{margin-top:12px;padding:8px 14px;border:1px solid #cbdce5;border-radius:8px;background:#fff;color:#176386;font-weight:700;cursor:pointer}
.tracking-page{background:#fbfdfe}.tracking-wrap{width:min(780px,92%);min-height:620px;margin:0 auto;padding:70px 0 95px}.tracking-heading{text-align:center;margin-bottom:30px}.tracking-kicker{color:#009fd9;font-size:10px;font-weight:800;letter-spacing:.18em}.tracking-heading h1{margin:9px 0 10px;color:#182c43;font:700 clamp(25px,4vw,38px) Montserrat}.tracking-heading p{max-width:600px;margin:auto;color:#6c7c8c;font-size:13px;line-height:1.7}.tracking-card{max-width:610px;margin:auto;background:#fff;border:1px solid #edf2f5;border-radius:14px;box-shadow:0 12px 34px rgba(23,51,72,.08);overflow:hidden}.tracking-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e6edf1}.tracking-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 12px;border:0;border-bottom:3px solid transparent;background:#fff;color:#384a59;font:700 12px Inter;cursor:pointer}.tracking-tabs button.active{color:#009dd7;border-color:#06a7df}.tracking-tabs .material-symbols-outlined{font-size:18px}.tracking-card form{padding:25px}.tracking-card label{display:grid;gap:9px;color:#203449;font-size:12px;font-weight:800}.tracking-card input{height:48px;padding:0 15px;border:1px solid #dbe5ea;border-radius:9px;font:500 13px Inter;outline:0}.tracking-card input:focus{border-color:#08a8df;box-shadow:0 0 0 3px rgba(8,168,223,.1)}.tracking-card form>small{display:block;margin:8px 0 16px;color:#7d8b98;font-size:10px}.tracking-submit{width:100%;height:45px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;background:linear-gradient(90deg,#08a4dc,#0eb6ed);color:#fff;font:800 13px Inter;cursor:pointer}.tracking-submit .material-symbols-outlined{font-size:18px}.tracking-error,.auth-error{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#fff0f2;color:#9d3b48;font-size:11px}.tracking-result,.tracking-not-found{margin:28px auto 0;padding:28px;max-width:700px;border:1px solid #e3edf2;border-radius:15px;background:#fff;box-shadow:0 12px 34px rgba(23,51,72,.06)}.tracking-result-head{display:flex;justify-content:space-between;gap:20px}.tracking-result-head span{color:#058fc5;font-size:10px;font-weight:800;letter-spacing:.1em}.tracking-result-head h2{margin:6px 0;color:#183149;font:800 22px Montserrat}.tracking-result-head p{margin:0;color:#7b8995;font-size:11px}.tracking-status{height:max-content!important;padding:7px 11px;border-radius:999px;background:#e7f7fd;color:#0789ba!important;letter-spacing:0!important}.tracking-status.delivered{background:#e1f7ec;color:#16724f!important}.tracking-status.cancelled{background:#ffeaed;color:#a13d48!important}.tracking-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0}.tracking-progress div{position:relative;display:grid;justify-items:center;gap:9px;color:#9aa5ae;font-size:10px;text-align:center}.tracking-progress div:not(:last-child):after{content:"";position:absolute;top:13px;left:58%;width:84%;height:2px;background:#e1e8ec}.tracking-progress div.done:not(:last-child):after{background:#13a9de}.tracking-progress i{z-index:1;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf2f5;font-style:normal}.tracking-progress .done i{background:#12a7dc;color:#fff}.tracking-progress .material-symbols-outlined{font-size:15px}.tracking-progress .done b{color:#1e4157}.tracking-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:20px;border-top:1px solid #edf2f4}.tracking-meta div{display:grid;gap:5px}.tracking-meta span{color:#82909c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.tracking-meta strong{font-size:11px;color:#243b4f}.tracking-cancelled{margin:24px 0;padding:13px;border-radius:999px;background:#fff1f2;color:#94424c;font-size:12px}.tracking-not-found{text-align:center}.tracking-not-found>.material-symbols-outlined{font-size:40px;color:#8ea0ac}.tracking-not-found h2{margin:10px 0 5px;color:#183149}.tracking-not-found p{color:#71808c;font-size:12px}.tracking-not-found a{color:#078fc3}
.customer-auth-wrap{min-height:680px;padding:70px 4%;background:linear-gradient(145deg,#eff9fd,#fff 58%)}.customer-auth-card{width:min(900px,100%);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid #dfeaf0;border-radius:22px;background:#fff;box-shadow:0 25px 70px rgba(18,51,73,.12)}.customer-auth-intro{padding:55px 46px;background:linear-gradient(155deg,#122c43,#0b83b5);color:#fff}.customer-auth-intro>.material-symbols-outlined{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.13);font-size:26px}.customer-auth-intro small{display:block;margin-top:34px;color:#7bd7f7;font-weight:800;letter-spacing:.15em}.customer-auth-intro h1{margin:10px 0;font:800 30px Montserrat}.customer-auth-intro p{color:#d1e8f1;font-size:13px;line-height:1.7}.customer-auth-intro ul{padding:15px 0 0;list-style:none;display:grid;gap:12px;font-size:12px}.customer-auth-intro li:before{content:"✓";margin-right:9px;color:#55d5ff}.customer-auth-card>form{padding:48px;display:grid;align-content:center;gap:16px}.customer-auth-card form h2{margin:0;color:#183149;font:800 25px Montserrat}.customer-auth-card form>p{margin:-8px 0 8px;color:#7a8996;font-size:11px}.customer-auth-card label{display:grid;gap:7px;color:#3b5164;font-size:11px;font-weight:700}.customer-auth-card input{height:44px;padding:0 12px;border:1px solid #d7e3ea;border-radius:9px;outline:0}.customer-auth-card input:focus{border-color:#0ba7de;box-shadow:0 0 0 3px rgba(11,167,222,.1)}.customer-auth-card label small{color:#83919c;font-weight:500}.customer-auth-card .auth-check{display:flex;align-items:center}.auth-check input{width:16px;height:16px}.customer-auth-card form>button{height:46px;border:0;border-radius:10px;background:linear-gradient(135deg,#0ca9e0,#087fae);color:#fff;font-weight:800;cursor:pointer}.auth-switch{text-align:center;color:#778590;font-size:11px}.auth-switch a{color:#078ec2;font-weight:800;text-decoration:none}
@media(max-width:1050px){.desktop-nav{gap:18px!important}.account-link b{display:inline-block}}
@media(max-width:700px){.tracking-wrap{padding-top:45px}.tracking-result-head{display:grid}.tracking-meta{grid-template-columns:1fr}.tracking-progress b{font-size:8px}.customer-auth-wrap{padding:35px 4%}.customer-auth-card{grid-template-columns:1fr}.customer-auth-intro{padding:35px}.customer-auth-card>form{padding:35px}.customer-auth-intro ul{display:none}}
}}