:root{--color-primary:#b89c82;--color-primary-dark:#9f8268;--color-primary-light:#dfd5c6;--color-primary-subtle:#f5efeb;--color-espresso:#2a241f;--color-espresso-light:#453b34;--color-charcoal:#1c1917;--color-bg-base:#faf8f5;--color-bg-card:#f2efe9;--color-bg-subtle:#f6f4f0;--color-surface:#fff;--color-border:#e8e2d8;--color-border-dark:#cfc5b8;--color-sage:#808b72;--color-terracotta:#a86450;--color-success:#2e7d32;--color-warning:#ed6c02;--color-danger:#d32f2f;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:30px;--radius-full:9999px;--shadow-sm:0 2px 8px #2a241f0a;--shadow-md:0 6px 20px #2a241f0f;--shadow-lg:0 12px 32px #2a241f17;--shadow-hover:0 16px 40px #2a241f1f;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .15s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-espresso);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#faf8f5e6,#faf8f5e6),url(/silk_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body{background:0 0;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{color:var(--color-espresso);font-family:inherit;font-size:.95rem}img{max-width:100%;height:auto;display:block}.font-serif{font-family:var(--font-serif)}.heading-display{font-family:var(--font-sans);letter-spacing:-.03em;text-transform:uppercase;font-weight:800;line-height:1.05}.heading-luxury{font-family:var(--font-serif);letter-spacing:.02em;font-weight:500}.btn{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-espresso);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--color-espresso);border:1.5px solid var(--color-espresso);background-color:#0000}.btn-secondary:hover{background-color:var(--color-espresso);color:#fff}.btn-taupe{background-color:var(--color-primary);color:#fff}.btn-taupe:hover{background-color:var(--color-primary-dark)}.btn-sm{padding:.5rem 1.1rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.container{width:100%;max-width:1340px;margin:0 auto;padding:0 1.5rem}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:.3rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-taupe{background:var(--color-primary-subtle);color:var(--color-primary-dark);border:1px solid var(--color-primary-light)}.badge-pending{color:#b78103;background:#fff8e1}.badge-confirmed{color:#1565c0;background:#e3f2fd}.badge-ontheway{color:#6a1b9a;background:#ede7f6}.badge-agency{color:#00695c;background:#e0f2f1}.badge-delivered{color:#2e7d32;background:#e8f5e9}.badge-cancelled{color:#c62828;background:#ffebee}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0ece6 25%,#faf8f5 50%,#f0ece6 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}html[dir=rtl]{text-align:right;font-family:Plus Jakarta Sans,Segoe UI,Tahoma,Arial,sans-serif}html[dir=rtl] .heading-display,html[dir=rtl] .btn,html[dir=rtl] nav button{letter-spacing:0!important;text-transform:none!important}html[dir=rtl] .rtl-flip,html[dir=rtl] [data-direction=forward]{transform:scaleX(-1)}html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{text-align:right;direction:rtl}html[dir=rtl] input[type=tel],html[dir=rtl] input[type=number]{text-align:right;direction:ltr}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-table-container{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.admin-table-container table{border-collapse:collapse;width:100%}@media (width<=900px){.admin-table-container table{min-width:680px}}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#1a14108c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal-content{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:850px;max-height:92vh;box-shadow:var(--shadow-lg);box-sizing:border-box;padding:2rem;overflow-y:auto}@media (width<=768px){.admin-modal-overlay{align-items:flex-end;padding:.5rem}.admin-modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-height:95vh!important;padding:1.25rem 1rem!important}}.admin-bottom-nav{display:none}@media (width<=768px){.admin-bottom-nav{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:900;justify-content:space-around;align-items:center;height:60px;padding:0 .25rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #2a241f14}.admin-bottom-nav-item{color:#888;cursor:pointer;height:100%;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:.25rem 0;font-size:.68rem;font-weight:600;display:flex}.admin-bottom-nav-item.active{color:var(--color-espresso);font-weight:800}.admin-bottom-nav-item.active svg{color:var(--color-espresso);stroke-width:2.3px;transform:scale(1.08)}}.admin-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1024px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}}@media (width<=480px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}}.admin-status-grid{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}@media (width<=1200px){.admin-status-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.admin-status-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}}@media (width>=769px){.admin-orders-mobile-cards{display:none!important}.admin-orders-desktop-table{display:block}}@media (width<=768px){.admin-orders-desktop-table{display:none!important}.admin-orders-mobile-cards{flex-direction:column;gap:.85rem;display:flex}}.admin-order-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.admin-modal-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.admin-modal-grid-2{grid-template-columns:1fr;gap:.75rem}}.admin-item-edit-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem;display:grid}@media (width<=640px){.admin-item-edit-grid{grid-template-columns:1fr 1fr;gap:.5rem}}@media (width<=440px){.admin-item-edit-grid{grid-template-columns:1fr;gap:.4rem}}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:flex}@media (width<=540px){.admin-page-header{flex-direction:column;align-items:stretch;gap:.75rem}.admin-page-header .btn{justify-content:center;width:100%;min-height:42px}}@media (width>=769px){.admin-mobile-only-cards{display:none!important}.admin-desktop-only-table{display:block}}@media (width<=768px){.admin-desktop-only-table{display:none!important}.admin-mobile-only-cards{flex-direction:column;gap:.85rem;display:flex}}.admin-card-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.admin-form-grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=860px){.admin-form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.admin-form-grid-4{grid-template-columns:1fr;gap:.75rem}}.admin-stepper-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-base);cursor:pointer;width:38px;height:38px;transition:var(--transition-fast);color:var(--color-espresso);justify-content:center;align-items:center;font-weight:700;display:flex}.admin-stepper-btn:active{background-color:var(--color-border);transform:scale(.92)}.tracking-wrapper{padding-top:clamp(1.5rem,4vw,3rem);padding-bottom:clamp(3rem,6vw,6rem)}.tracking-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.tracking-search-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin-bottom:clamp(1.75rem,4vw,3rem);padding:clamp(1.15rem,3.5vw,2rem)}.tracking-search-form{grid-template-columns:1fr 1fr auto;align-items:flex-end;gap:1rem;display:grid}@media (width<=680px){.tracking-search-form{grid-template-columns:1fr;gap:1rem}.tracking-search-form .btn{width:100%;margin-top:.25rem}}.tracking-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-base);width:100%;transition:var(--transition-fast);padding:.8rem 1rem;font-size:1rem}.tracking-input:focus{border-color:var(--color-primary-dark);background-color:#fff;outline:none;box-shadow:0 0 0 3px #b89c8233}.tracking-result-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);transition:var(--transition-smooth);overflow:hidden}.tracking-live-bar{background-color:var(--color-espresso);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8rem;display:flex}.tracking-card-body{padding:clamp(1.15rem,4vw,2rem)}.tracking-status-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:clamp(1.75rem,4vw,2.5rem);display:flex}.tracking-wilaya-box{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;padding:.75rem 1rem}@media (width<=640px){.tracking-wilaya-box{width:100%}}@media (width>=641px){.tracking-stepper-mobile{display:none!important}.tracking-stepper-desktop{margin-bottom:3rem;display:block}}@media (width<=640px){.tracking-stepper-desktop{display:none!important}.tracking-stepper-mobile{margin-bottom:2rem;display:block}}.tracking-mobile-step{gap:.9rem;display:flex;position:relative}.tracking-mobile-indicator-col{flex-direction:column;flex-shrink:0;align-items:center;width:40px;display:flex;position:relative}.tracking-mobile-icon-circle{z-index:2;width:40px;height:40px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.tracking-mobile-vertical-line{background-color:var(--color-border);flex:1;width:3px;min-height:24px;margin:4px 0}.tracking-mobile-content{flex:1;padding-bottom:1.25rem}.tracking-mobile-step:last-child .tracking-mobile-content{padding-bottom:.25rem}.tracking-item-row{align-items:center;gap:.9rem;padding:.75rem 0;display:flex}@media (width<=480px){.tracking-item-row{align-items:flex-start}}.hero-banner-section{background-color:#fff;width:100%;height:clamp(320px,40vw,560px);margin-bottom:2rem;position:relative;overflow:hidden}.hero-banner-img{object-fit:cover;object-position:center center;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;margin:0;padding:0;transition:opacity .6s;display:block}