@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--surface:#fff;--ink:#172033;--muted:#758096;--line:#e5eaf2;--blue:#245bdb;--cyan:#25c2d1;--navy:#101a32;--green:#14865d;--shadow:0 18px 45px rgba(24,42,82,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Cairo',sans-serif;line-height:1.55}html[dir=rtl] body{font-family:'Cairo','DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{transition:.18s ease}.top{height:auto;min-height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px max(calc((100vw - 1180px)/2),24px);gap:24px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:-.5px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#8b95a8;font-weight:700}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:800;font-size:24px;box-shadow:0 7px 16px #245bdb30}nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:600;color:#5b6579}nav a:hover{color:var(--blue)}.nav-cta{padding:10px 15px;border-radius:10px;background:var(--navy);color:#fff}nav .lang{border:1px solid var(--line);padding:6px 10px;border-radius:8px}.inline{display:inline}.nav-btn{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:600}.wrap{max-width:1180px;margin:0 auto;padding:0 24px 72px}.hero{min-height:470px;margin:32px 0 60px;padding:54px 58px;border-radius:27px;background:linear-gradient(115deg,#111a31 0%,#14294d 62%,#154f73 100%);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #ffffff14;right:-90px;top:-170px}.hero-copy{position:relative;z-index:1;max-width:590px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue);text-transform:uppercase}.hero .eyebrow,.auth-side .eyebrow{color:#62e4eb}.hero h1{font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-1.7px;margin:18px 0}.hero p{font-size:16px;color:#c4d0e3;max-width:490px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer}.btn:hover{transform:translateY(-1px)}.primary{color:white;background:linear-gradient(110deg,var(--blue),#3677ed);box-shadow:0 7px 16px #245bdb28}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.hero .secondary{background:#ffffff0c;border-color:#ffffff30;color:white}.full{width:100%}.trust{display:flex;gap:20px;margin-top:26px;color:#c6d6e7;font-size:11px}.hero-visual{height:320px;position:relative;display:grid;place-items:center}.globe{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:88px;color:#80f1ef;background:radial-gradient(circle at 35% 30%,#48dce3,#1677b9 60%,#17345b);box-shadow:0 0 75px #29c4d566,inset -20px -15px 30px #07182e77}.orbit{position:absolute;border:1px solid #6ce5e94d;border-radius:50%;width:290px;height:130px;transform:rotate(-32deg)}.orbit-two{width:330px;height:210px;transform:rotate(52deg)}.float-card{position:absolute;background:#fff;color:var(--ink);padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);font-size:12px;font-weight:700;display:flex;align-items:center;gap:9px}.card-top{top:24px;right:0}.card-bottom{bottom:22px;left:0;display:grid;gap:0}.card-bottom b{font-size:22px;color:var(--blue)}.card-bottom span{font-size:10px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#25bd8a}.section{margin:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:20px}.section-head h2,.page-head h1{font-size:30px;letter-spacing:-.8px;margin:5px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;padding:26px;border:1px solid var(--line);border-radius:17px}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#eaf1ff;color:var(--blue);font-size:27px}.feature h3{margin:18px 0 5px;font-size:17px}.feature p,.page-head p{color:var(--muted);font-size:13px;margin:0}.text-link{font-size:13px;color:var(--blue);font-weight:700}.page-head{padding:45px 0 24px}.page-head.centered{text-align:center}.arrival-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.arrival-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 5px 22px #16244708}.arrival-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.country-pill{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#47546b;background:#f3f6fb;border-radius:30px;padding:7px 9px}.status{display:inline-flex;align-items:center;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700;background:#edf2fa;color:#596579;white-space:nowrap}.s-open,.s-approved,.s-delivered,.s-arrived{background:#e5f7ee;color:#14784f}.s-new,.s-reviewing,.s-quote_sent{background:#fff4d9;color:#92610b}.s-in_transit,.s-purchased,.s-warehouse{background:#e7f0ff;color:#2358b8}.s-rejected,.s-cancelled,.s-full,.s-closed{background:#ffebeb;color:#b43b3b}.arrival-card h3{font-size:18px;margin:17px 0}.arrival-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.arrival-stats small,.arrival-stats b{display:block}.arrival-stats small{font-size:10px;color:var(--muted)}.arrival-stats b{font-size:14px;margin-top:3px}.capacity{margin:15px 0}.capacity-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:7px}.capacity-label b{color:var(--ink)}.capacity-track{height:6px;background:#edf0f6;border-radius:20px;overflow:hidden}.capacity-track span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:20px}.arrival-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:15px 0}.empty{background:#fff;border:1px dashed #d8dfeb;border-radius:17px;text-align:center;padding:45px 20px}.empty>div{font-size:34px;color:#a3b5d2}.empty h3{margin:8px}.empty p{font-size:12px}.empty.compact{padding:28px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:60px auto;min-height:500px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:white}.auth-side{background:linear-gradient(145deg,#101a32,#17466b);color:white;padding:45px;display:flex;flex-direction:column;justify-content:center}.auth-side h1{font-size:34px;line-height:1.2}.auth-side p{color:#c5d1e4;font-size:13px}.auth-card{padding:42px}.auth-card h2{margin:0 0 22px}.auth-card form,.panel{display:grid;gap:16px}.auth-card label,.panel label,.admin-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#49546a}.input, input,select,textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:var(--ink);outline:none;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#6c91ed;box-shadow:0 0 0 3px #245bdb12}.form-foot{font-size:12px;color:var(--muted);text-align:center;margin-top:22px}.form-foot a{color:var(--blue);font-weight:700}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:0 5px 20px #15264a05}.span-2{grid-column:span 2}.muted,small.muted{color:var(--muted);font-size:11px;font-weight:400}.alert{padding:13px 16px;border-radius:10px;margin:22px 0;font-size:13px}.success{background:#e7f8ef;color:#116b48}.error{background:#fff0f0;color:#a53232}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:650px;font-size:12px}th,td{padding:14px 16px;text-align:start;border-bottom:1px solid var(--line)}th{background:#f8f9fc;color:#6d778b;font-size:10px;text-transform:uppercase;letter-spacing:.5px}td small{display:block;color:var(--muted);margin-top:4px}.code{font-family:monospace;background:#edf3ff;color:#2259bb;border-radius:6px;padding:5px 7px;font-size:11px}.track-form{display:flex;gap:10px;max-width:650px;margin:0 auto 30px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow)}.track-form input{border:0;box-shadow:none}.tracking-panel{display:block;max-width:760px;margin:0 auto}.tracking-top{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.tracking-top h2{margin:5px 0}.tracking-top p{color:var(--muted);font-size:12px}.timeline{margin:25px 0 10px 8px;border-left:2px solid #e2eaf8;padding-left:25px}.timeline-item{position:relative;padding-bottom:24px}.timeline-dot{position:absolute;left:-33px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #dbe7ff}.timeline-item p{font-size:12px;margin:5px 0}.timeline-item small{color:var(--muted)}.admin-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.admin-tabs a{padding:10px 14px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:700}.admin-tabs a.active{background:#eaf1ff;color:var(--blue)}.request-card{border:1px solid var(--line);background:#fff;border-radius:13px;margin:12px 0;overflow:hidden}.request-card summary{list-style:none;cursor:pointer;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.request-card summary::-webkit-details-marker{display:none}.request-card summary b,.request-card summary small{display:block}.request-card summary small{font-size:11px;color:var(--muted);margin-top:5px}.request-body{border-top:1px solid var(--line);padding:18px;display:grid;grid-template-columns:110px 1fr;gap:18px}.product-thumb{width:100px;height:100px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.request-facts{display:flex;flex-direction:column;gap:8px;font-size:12px;overflow-wrap:anywhere}.request-facts a{color:var(--blue)}.admin-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px;border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);background:#fff;padding:25px max(calc((100vw - 1180px)/2),24px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:14px}.footer-brand .brand-mark{width:30px;height:30px;font-size:17px;border-radius:9px}html[dir=rtl] .timeline{margin:25px 8px 10px 0;border-left:0;border-right:2px solid #e2eaf8;padding-left:0;padding-right:25px}html[dir=rtl] .timeline-dot{left:auto;right:-33px}html[dir=rtl] .request-body{direction:rtl}
@media(max-width:900px){.top{flex-direction:column;gap:12px;padding:14px 20px}nav{gap:13px;flex-wrap:wrap;justify-content:center}.hero{padding:38px 32px;grid-template-columns:1fr}.hero-visual{height:240px;margin-top:15px}.arrival-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{gap:12px}.feature{padding:20px}.wrap{padding:0 18px 55px}}@media(max-width:600px){.top{position:static}.brand{font-size:18px}nav{gap:9px;font-size:11px}nav .nav-cta{padding:7px 9px}.hero{margin-top:18px;padding:30px 22px;border-radius:20px}.hero h1{font-size:36px}.hero p{font-size:14px}.hero-visual{height:220px}.globe{width:110px;height:110px;font-size:60px}.orbit{width:230px;height:110px}.orbit-two{width:250px;height:150px}.float-card{font-size:10px;padding:9px}.card-top{right:-3px}.card-bottom{left:-3px}.trust{gap:12px;font-size:9px}.feature-grid,.arrival-grid{grid-template-columns:1fr}.section-head h2,.page-head h1{font-size:25px}.auth-shell{grid-template-columns:1fr;margin:25px 0}.auth-side{padding:25px}.auth-side h1{font-size:27px}.auth-card{padding:25px}.panel{padding:18px;grid-template-columns:1fr}.span-2{grid-column:span 1}.track-form{flex-direction:column}.tracking-top{align-items:flex-start;flex-direction:column}.request-body{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.admin-form .span-2{grid-column:span 1}.request-card summary{align-items:flex-start;flex-direction:column}footer{flex-direction:column;align-items:flex-start}.page-head{padding-top:30px}}

.quote-actions{margin-top:8px}.quote-actions form{display:flex;gap:5px;flex-wrap:wrap}.mini-approve,.mini-reject{border:0;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:700;cursor:pointer}.mini-approve{background:#e5f7ee;color:#14784f}.mini-reject{background:#ffebeb;color:#b43b3b}

/* SILK ROAD LOGISTICS visual identity — premium dark navy, gold and crimson */
:root{--bg:#07111d;--surface:#0c1b2a;--ink:#f4f6fa;--muted:#9aa9b9;--line:#223446;--blue:#e9ad3d;--cyan:#f5cf79;--navy:#06101c;--green:#2bb987;--shadow:0 20px 55px rgba(0,0,0,.28)}
body{background:radial-gradient(ellipse at 78% 8%,#1a2b3c 0%,#07111d 52%);color:var(--ink)}
a{color:inherit}.top{position:sticky;top:0;z-index:10;background:rgba(4,13,23,.92);backdrop-filter:blur(18px);border-bottom:1px solid #253548;box-shadow:0 8px 35px #0003}.brand{gap:9px;color:#fff}.brand-logo{width:48px;height:48px;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;line-height:1.1;letter-spacing:.6px}.brand-wordmark b{font-size:17px;font-weight:900}.brand-wordmark em{font-style:normal;color:#eab344}.brand-wordmark small{font-size:8px;letter-spacing:1.3px;color:#b9c5d1;margin-top:5px}nav a{color:#d9e1e9}nav a:hover{color:#ffc85e}.nav-cta,.btn.primary{background:linear-gradient(135deg,#f9ca66,#e5a52f);color:#17130a!important;border:0;box-shadow:0 8px 25px #d9982a25}.nav-btn{color:#e9edf3;background:#142334;border:1px solid #35485c}.lang{border:1px solid #45576a!important;border-radius:30px;padding:7px 12px!important}
.wrap{max-width:1240px}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#06101d 0%,#0a1a2a 46%,#281c1b 100%);border:1px solid #263b4e;border-radius:25px;padding:55px 48px;margin-top:32px;box-shadow:var(--shadow);grid-template-columns:1.05fr .95fr;min-height:405px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 48%,#c878322b,transparent 45%),linear-gradient(90deg,transparent 50%,#09152340);pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{color:#f1b743;letter-spacing:1.8px;font-weight:800}.hero h1{color:#fff;font-size:clamp(34px,4.1vw,54px);letter-spacing:-1.8px;line-height:1.08}.hero h1 strong,.hero h1 em{color:#f4bc4f}.hero p{color:#c0cbd6;max-width:550px}.hero-visual{height:300px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,#112c43a8,#080f1c),url('silk-road-logo.png') center/contain no-repeat;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 52% 48%,#d68c392b,transparent 58%),linear-gradient(145deg,transparent 45%,#ad382c44);z-index:-1}.hero-visual:after{content:"SILK ROAD";position:absolute;bottom:14px;right:16px;color:#ffffff0c;font-size:44px;font-weight:900;letter-spacing:3px}.globe{width:140px;height:140px;display:grid;place-items:center;border:1px solid #eab347;border-radius:50%;color:#f2b943;font-size:72px;background:radial-gradient(circle,#d58b2225,transparent 70%);box-shadow:0 0 65px #e9ad3d20}.orbit{border-color:#e9ad3d8c}.orbit-two{border-color:#9c302f}.float-card{background:#0a1725eF;color:#fff;border:1px solid #4a5660;box-shadow:0 12px 35px #0005}.float-card b{color:#f5bf53}.dot{background:#29c28a}.route-line{background:linear-gradient(90deg,#e8aa37,#a82a2a);height:3px}.btn{border-radius:10px;font-weight:800}.btn.secondary{background:#0b1a29;border:1px solid #64778a;color:#fff}.btn.secondary:hover{border-color:#eab344}.trust{color:#c8d2dc}.section{margin-top:42px}.section-head h2,.page-head h1{color:#fff}.section-head{color:#fff}.feature-grid{gap:18px}.feature{background:linear-gradient(145deg,#102235,#0a1724);border:1px solid #263b4d;color:#fff;border-radius:17px;box-shadow:0 12px 30px #0002}.feature p{color:#aebdca}.feature-icon{background:#32291a;color:#f4bc4f;border:1px solid #8c672a;border-radius:12px}.text-link{color:#f4bc4f}.arrival-card,.arrival-item{background:#0d1d2c!important;border-color:#2a3d50!important;color:#f5f7fb!important}.arrival-card p,.arrival-foot,.arrival-card small{color:#a7b7c6!important}.capacity-track{background:#26394a}.capacity-track span{background:linear-gradient(90deg,#dca13b,#f5d17a)}
.page-head p{color:#aebdca}.panel,.auth-shell,.auth-card{background:#f9fbff;color:#152033;border-color:#dce4ee}.auth-side{background:radial-gradient(circle at 85% 20%,#9a402b,#101a28 50%,#07111d);color:white}.auth-side .eyebrow{color:#f2bd52}.auth-card label,.panel label,.admin-form label{color:#344155}.table-wrap,.request-card,.empty{background:#0d1d2c;border-color:#2a3d50;color:#eef3f8}.request-card summary small,.muted,.empty p{color:#a5b4c3}th{background:#142638;color:#d1dbe4}td{border-color:#23384a}td small{color:#9aaaba}.input,input,select,textarea{background:#fff;color:#182538}.admin-tabs{border-color:#26394b}.admin-tabs a{color:#b2c1cf}.admin-tabs a.active{background:#352b19;color:#f4bf53}.track-form{background:#0e2030;border-color:#2c4053}.track-form input{background:transparent;color:white}.tracking-panel{background:#f9fbff;color:#152033}.timeline{border-color:#d9e4f1}.timeline-dot{background:#d99d31;border-color:#f8e4b9}.code{background:#382d19;color:#ffd274}.status{font-weight:800}footer{background:#050e18;border-color:#243749;color:#95a7b8}.footer-brand{color:#fff}.footer-logo{width:34px;height:34px;object-fit:contain}.footer-brand .brand-mark{display:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:35px 28px}.hero-visual{height:240px}.top{background:#050e18}}@media(max-width:600px){.brand-logo{width:38px;height:38px}.brand-wordmark b{font-size:14px}.brand-wordmark small{font-size:7px}.hero{padding:28px 20px}.hero h1{font-size:35px}.hero-visual{height:215px}.top{position:static}}

/* Silk Road Logistics admin dashboard refresh */
.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 30px}.admin-metrics article{position:relative;overflow:hidden;background:linear-gradient(145deg,#102337,#091522);border:1px solid #294052;border-radius:15px;padding:20px;color:#eaf1f7;box-shadow:0 10px 26px #0002}.admin-metrics article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-38px;top:-48px;background:#dca63b12;border:1px solid #dca63b20}.admin-metrics span,.admin-metrics small{display:block;color:#9eafbf;font-size:11px}.admin-metrics strong{display:block;font-size:27px;letter-spacing:-.8px;color:#f4bd4d;margin:9px 0}.admin-metrics small{font-size:10px}.admin-tabs a{border:1px solid #26394b}.admin-tabs a.active{border-color:#9a7029}.admin-metrics article:nth-child(2) strong{color:#e9a34b}.admin-metrics article:nth-child(4) strong{color:#55d4ad}.admin-metrics article:nth-child(5) strong,.admin-metrics article:nth-child(6) strong{font-size:23px}@media(max-width:760px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.admin-metrics{grid-template-columns:1fr}.admin-metrics strong{font-size:24px}}

.arrival-edit{margin-top:9px}.arrival-edit summary{cursor:pointer;color:#f4bd4d;font-size:11px;font-weight:800;padding:7px 0}.arrival-edit-form{min-width:640px;background:#0b1926;padding:14px;border:1px solid #344a5c;border-radius:12px;margin-top:10px}.arrival-edit-form label{color:#dce5ee}.admin-capacity{min-width:110px;margin:8px 0}.admin-capacity .capacity-track{height:8px}.admin-capacity .capacity-track span{background:linear-gradient(90deg,#2fb879,#d9ad48)}.admin-auth{border:1px solid #34495a}

/* Expanded administrator analytics */
.admin-metrics-extra{margin-top:14px}.admin-metrics-extra article strong{font-size:clamp(1.1rem,2vw,1.55rem)}.admin-metrics-extra article{min-width:0}
/* Barcode and admin scan panel */
.barcode{display:block;max-width:100%;height:auto;background:#fff;padding:4px;border-radius:6px;margin-top:8px}.scan-panel{margin:24px 0;padding:22px}.scan-panel h2{margin-top:0}.scan-form{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) auto;gap:14px;align-items:end}.scan-form label{display:flex;flex-direction:column;gap:7px}.scan-form input,.scan-form select{min-height:44px}.scan-panel p{color:var(--muted,#8b93a7)}@media(max-width:760px){.scan-form{grid-template-columns:1fr}.barcode{max-width:220px}}

/* Thermal label print controls */
.print-label{display:inline-block;margin:4px 0;padding:6px 9px;font-size:12px;cursor:pointer;white-space:nowrap}
@media print{.print-label{display:none!important}}