:root{--blue:#153f96;--blue2:#0c2d6f;--soft:#f4f7fc;--ink:#12213a;--muted:#6c778a;--line:#e3e9f2;--green:#16966f;--gold:#dca93d;--red:#bd3f4d;--white:#fff;--shadow:0 16px 44px rgba(18,45,97,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}.container{max-width:1160px;margin:auto;padding:0 22px}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;min-width:215px}.brand img{width:54px;height:54px;object-fit:contain;border-radius:50%}.brand span{line-height:1.05}.brand strong{font-size:12px;display:block;color:var(--muted);font-weight:650}.brand b{font-size:21px;color:var(--blue2)}nav{display:flex;align-items:center;gap:27px;margin:auto}nav a{font-size:14px;font-weight:650;color:#38465c}nav a.active,nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:9px}.lang-btn,.wa{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-weight:700;color:var(--blue2)}.wa{background:var(--blue);color:#fff;border-color:var(--blue)}
.track-hero{background:radial-gradient(circle at 82% 5%,#dfeaff 0,transparent 30%),linear-gradient(180deg,#f7f9fd,#eef4fb);padding:76px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;font-weight:850;color:var(--blue);margin-bottom:14px}.track-hero h1{font-size:clamp(39px,5vw,63px);line-height:1.02;letter-spacing:-.04em;margin:0 0 18px;max-width:700px;color:#102a5f}.track-hero>div>div>p{font-size:18px;line-height:1.65;color:#586a83;max-width:670px}.route-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.route-pills span{background:#fff;border:1px solid #dbe4f1;padding:9px 13px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 5px 20px rgba(17,51,113,.04)}.search-card{background:#fff;border:1px solid #e0e8f2;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.search-icon{width:50px;height:50px;border-radius:15px;background:#e8efff;color:var(--blue);display:grid;place-items:center;font-size:26px;font-weight:900}.search-card h2{font-size:27px;margin:18px 0 7px;color:#102a5f}.search-card p{margin:0 0 19px;color:var(--muted)}.tracking-form{display:grid;grid-template-columns:1fr auto;gap:10px}.tracking-form input,label input,label select,label textarea,.filters input,.filters select{width:100%;border:1px solid #ccd7e6;border-radius:11px;padding:13px 14px;font:inherit;outline:none;background:#fff;color:var(--ink)}.tracking-form input:focus,label input:focus,label select:focus,label textarea:focus,.filters input:focus,.filters select:focus{border-color:#7998cf;box-shadow:0 0 0 3px #dbe7ff}.search-card small{display:block;color:#8290a2;margin-top:12px;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:13px 18px;font-weight:800;font-size:14px;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:var(--blue2);color:#fff}.outline{border:1px solid #b8c7da;background:#fff;color:var(--blue2)}.wide{width:100%}
.result-section{padding:45px 0 70px;background:#fff}.shipment-card,.not-found{max-width:900px;margin:auto;border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:var(--shadow)}.shipment-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.shipment-top h2{margin:5px 0 0;font-size:24px;color:var(--blue2)}.muted{color:var(--muted)}.status{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;background:#eaf1ff;color:#315f9d}.status.delivered{background:#e7f7f0;color:#0c7c57}.status.issue{background:#fff0f1;color:#b23243}.status.pickup{background:#fff6dd;color:#956b08}.status.customs{background:#f0eaff;color:#6743a6}.route-line{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:28px 0}.route-line>div:first-child,.route-line>div.right{display:flex;flex-direction:column;gap:4px}.route-line .right{text-align:right;align-items:flex-end}.flag{font-size:27px}.route-line small,.meta-grid small{color:var(--muted);font-size:12px}.route-line strong{font-size:15px}.route-track{display:flex;align-items:center;gap:8px;padding:0 15px}.route-track span{height:2px;background:#c8d5e7;flex:1}.route-track i{font-style:normal;color:var(--blue);font-size:22px}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f7f9fc;border:1px solid #edf1f6;border-radius:15px;padding:15px}.meta-grid div{padding:5px 9px}.meta-grid strong{display:block;margin-top:4px}.public-note{margin:18px 0;background:#eff6ff;border:1px solid #dbe9fb;border-radius:12px;padding:13px 15px;color:#31577e}.timeline{margin-top:28px}.timeline h3{margin:0 0 22px;color:#102a5f}.event{display:grid;grid-template-columns:28px 1fr;position:relative;padding-bottom:24px}.event:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:#dfe7f2}.event-dot{width:14px;height:14px;border-radius:50%;background:#a8b6ca;position:relative;z-index:2}.event-dot.current{background:var(--blue);box-shadow:0 0 0 5px #e5edff}.event-head{display:flex;justify-content:space-between;gap:15px}.event-head time{font-size:12px;color:var(--muted)}.event p{margin:6px 0 3px;color:#526279}.event small{color:#7b8799}.not-found{text-align:center;padding:48px 25px}.nf-icon{width:62px;height:62px;border-radius:50%;background:#edf2fb;color:var(--blue);font-weight:900;font-size:28px;display:grid;place-items:center;margin:auto}.not-found h2{color:#102a5f;margin-bottom:6px}.not-found p{color:var(--muted);margin:0 0 22px}.help{padding:0 0 70px}.help-card{max-width:1116px;background:#102f6d;color:#fff;border-radius:24px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.help-card .eyebrow{color:#aec7ff}.help-card h2{margin:0 0 7px;font-size:30px}.help-card p{margin:0;color:#d0dbec}.help-actions{display:flex;gap:10px}.help-card .outline{background:transparent;color:#fff;border-color:#7892c4}footer{border-top:1px solid var(--line);padding:27px 0;color:#728096;font-size:13px}.footer{display:flex;justify-content:space-between;gap:15px}
.setup-body,.login-body{min-height:100vh;background:linear-gradient(145deg,#edf3fc,#fff);display:grid;place-items:center;padding:25px}.setup-card,.login-card{width:min(760px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:30px}.login-card{width:min(430px,100%)}.setup-logo{width:82px;height:82px;object-fit:contain;border-radius:50%}.setup-card h1,.login-card h1{color:var(--blue2);margin-bottom:7px}.setup-card p,.login-card p{color:var(--muted)}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label,.form-card label,.login-card label{font-size:12px;font-weight:750;color:#526176;display:block}.form-grid label input,.form-grid label select,.form-card label input,.form-card label select,.form-card label textarea,.login-card label input{margin-top:6px}.alert{padding:12px 14px;border-radius:10px;margin:14px 0;font-size:14px}.alert.error{background:#fff0f2;color:#a63244;border:1px solid #f2cfd4}.alert.success{background:#eaf8f2;color:#137855;border:1px solid #c8eadc}.small{font-size:12px}.backlink{display:block;text-align:center;margin-top:17px;font-size:13px;color:var(--blue)}
.admin-body{background:#f5f7fb;min-height:100vh}.admin-header{height:68px;background:#fff;border-bottom:1px solid var(--line)}.admin-wrap{max-width:1230px;margin:auto;padding:0 22px}.admin-header .admin-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.admin-header .admin-wrap>div{display:flex;gap:20px;font-size:13px;color:#53647c}.admin-brand{display:flex;align-items:center;gap:9px;font-weight:850;color:var(--blue2)}.admin-brand img{width:39px;height:39px;object-fit:contain;border-radius:50%}.admin-main{padding-top:31px;padding-bottom:60px}.admin-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.admin-title h1{margin:0;font-size:32px;color:#102a5f}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stats small{color:var(--muted)}.stats strong{display:block;font-size:25px;margin-top:3px;color:#17366f}.stats .warn strong{color:var(--red)}.filters{display:grid;grid-template-columns:1fr 230px auto;gap:10px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:15px}.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:14px 15px;text-align:left;border-bottom:1px solid #edf1f5;font-size:13px}.table-card th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7a8798;background:#fbfcfe}.table-card td small{display:block;color:#8a96a7;margin-top:3px}.tracking-link{font-weight:850;color:var(--blue)}.mini-btn{border:1px solid #cbd7e7;padding:6px 9px;border-radius:8px;color:#3c5f93;font-weight:700}.empty{text-align:center!important;padding:30px!important;color:var(--muted)}.admin-columns{display:grid;grid-template-columns:1.35fr .75fr;gap:18px}.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:17px}.form-card h2{font-size:18px;color:#153368;margin:0 0 18px}.form-card form{display:grid;gap:14px}.delete-form{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.link-danger{background:none;border:0;color:var(--red);font-weight:750;cursor:pointer}.admin-timeline{display:grid;gap:0}.admin-event{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:17px}.admin-event:not(:last-child):before{content:"";position:absolute;left:5px;top:11px;bottom:0;width:2px;background:#e2e8f1}.admin-event i{width:12px;height:12px;border-radius:50%;background:var(--blue);position:relative;z-index:2}.admin-event strong{font-size:13px}.admin-event small{display:block;color:var(--muted);margin-top:2px}.admin-event p{margin:4px 0 0;color:#617087;font-size:12px}
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .route-line .right{text-align:left;align-items:flex-start}html[dir="rtl"] .event-head{flex-direction:row-reverse}
@media(max-width:900px){nav{display:none}.hero-grid{grid-template-columns:1fr;gap:30px}.track-hero{padding:48px 0}.admin-columns{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.table-card{overflow-x:auto}.table-card table{min-width:830px}}
@media(max-width:650px){.container,.admin-wrap{padding-left:15px;padding-right:15px}.nav{height:70px}.brand{min-width:auto}.brand img{width:45px;height:45px}.brand span{display:none}.header-actions .wa{display:none}.track-hero h1{font-size:38px}.search-card{padding:22px}.tracking-form{grid-template-columns:1fr}.route-line{grid-template-columns:1fr;gap:18px}.route-track{transform:rotate(90deg);max-width:90px;margin:auto}.route-line .right{text-align:left;align-items:flex-start}.meta-grid{grid-template-columns:1fr 1fr}.shipment-card{padding:21px}.shipment-top{flex-direction:column}.event-head{display:block}.event-head time{display:block;margin-top:4px}.help-card{margin:0 15px;padding:25px;display:block}.help-actions{margin-top:20px;display:grid}.footer{display:block}.footer a{display:block;margin-top:7px}.form-grid.two{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.admin-title{align-items:flex-start;gap:15px;flex-direction:column}.admin-title .btn{width:100%}}