:root{--pt-primary:#6A0DAD;--pt-secondary:#8E44EC;--pt-accent:#A855F7;--pt-lav:#C084FC;--pt-bg:#F8F5FF;--pt-gray:#F5F7FA;--pt-success:#10B981;--pt-warning:#F59E0B;--pt-danger:#EF4444}
*{letter-spacing:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,#fff 0%,var(--pt-bg) 58%,#fff 100%);color:#22142f}
.glass-nav{background:rgba(255,255,255,.82);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(50,18,88,.08)}
.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--pt-primary),var(--pt-accent));color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(106,13,173,.28)}
.brand-logo{width:auto;height:42px;max-width:150px;object-fit:contain}
.brand-logo-footer{height:44px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.16))}
.post-list-menu{min-width:280px;max-width:min(380px,92vw);max-height:320px;overflow:auto}
.post-list-menu .dropdown-item{white-space:normal}
.admin-dropdown-nav{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(50,18,88,.08);z-index:1020}
.admin-dropdown-nav .container-fluid{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.admin-dropdown-nav .admin-brand{color:#230037}
.admin-dropdown-nav .admin-brand:hover{color:var(--pt-primary)}
.admin-dropdown-button{white-space:nowrap}
.admin-control-dropdown{min-width:290px;max-width:min(360px,92vw)}
.admin-control-dropdown .dropdown-item{white-space:normal;font-weight:700;padding:.7rem 1rem}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:#f8f5ff}
.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1rem;background:#230037;color:#fff;padding:1.2rem;box-shadow:14px 0 38px rgba(35,0,55,.16);z-index:20}
.admin-brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:900;font-size:1.05rem;padding:.35rem .25rem}
.admin-brand:hover{color:#fff}
.admin-sidebar-label{font-size:.72rem;text-transform:uppercase;color:#d8b9ef;font-weight:900;margin-top:.5rem}
.admin-menu{display:grid;gap:.45rem}
.admin-menu-link{display:flex;align-items:center;gap:.7rem;color:#eadcff;text-decoration:none;border-radius:8px;padding:.75rem .85rem;font-weight:800;transition:background .18s ease,color .18s ease,transform .18s ease}
.admin-menu-link:hover,.admin-menu-link.active{background:#fff;color:var(--pt-primary);transform:translateX(2px)}
.admin-menu-link i{font-size:1.05rem}
.admin-logout{display:flex;align-items:center;gap:.7rem;width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:.75rem .85rem;font-weight:800}
.admin-logout:hover{background:#fff;color:var(--pt-primary)}
.admin-workspace{min-width:0}
.admin-main-content{min-height:100vh}
.admin-alert-wrap{padding:1rem 1.5rem 0}
.admin-mobilebar{display:none;position:sticky;top:0;z-index:18;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(50,18,88,.08);padding:.8rem 1rem;align-items:center;justify-content:space-between;gap:.75rem}
.btn-purple{--bs-btn-bg:var(--pt-primary);--bs-btn-border-color:var(--pt-primary);--bs-btn-hover-bg:#581092;--bs-btn-hover-border-color:#581092;color:#fff;box-shadow:0 12px 22px rgba(106,13,173,.2)}
.btn-outline-purple{--bs-btn-color:var(--pt-primary);--bs-btn-border-color:var(--pt-primary);--bs-btn-hover-bg:var(--pt-primary);--bs-btn-hover-border-color:var(--pt-primary);--bs-btn-hover-color:#fff}
.hero{background:radial-gradient(circle at 80% 20%,rgba(192,132,252,.46),transparent 28%),linear-gradient(135deg,#4b087b,#6A0DAD 50%,#A855F7);color:#fff;overflow:hidden}
.hero-visual{min-height:330px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(22,0,48,.28)}
.glass-card{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(63,23,107,.12);border-radius:8px}
.stat-card,.admin-card{background:#fff;border:1px solid rgba(106,13,173,.08);box-shadow:0 14px 34px rgba(45,15,82,.1);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}
.stat-card:hover,.admin-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(45,15,82,.16)}
.section-title{font-weight:800;color:#2d1245}
.purple-gradient{background:linear-gradient(135deg,var(--pt-primary),var(--pt-secondary),var(--pt-accent));color:#fff}
.timeline{position:relative;padding-left:3.4rem}
.timeline:before{content:"";position:absolute;left:1.28rem;top:.55rem;bottom:.8rem;width:3px;background:linear-gradient(180deg,var(--pt-accent),#eadcff);border-radius:999px}
.timeline-icon{position:absolute;left:-3.4rem;width:2.65rem;height:2.65rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pt-primary),var(--pt-accent));color:#fff;box-shadow:0 10px 24px rgba(106,13,173,.22),0 0 0 7px #f0e4ff;font-size:1.05rem}
.timeline-card{background:#fff;border:1px solid #eadcff;border-radius:8px;padding:1rem 1.1rem;box-shadow:0 12px 28px rgba(63,23,107,.08)}
.timeline-status{color:#2d1245}
.timeline-time{color:#7b6a86;font-size:.82rem;font-weight:700}
.status-pill{background:#f0e4ff;color:var(--pt-primary);border-radius:999px;padding:.35rem .75rem;font-weight:700;font-size:.82rem}
.status-pill-icon{display:inline-flex;align-items:center;gap:.45rem}
.status-pill-icon i{font-size:1rem}
.shipping-indicators{border:1px solid #eadcff;background:linear-gradient(180deg,#fff,#fbf8ff);border-radius:8px;padding:1rem;overflow:hidden}
.indicator-summary{background:#f0e4ff;color:var(--pt-primary);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:800}
.indicator-track{display:grid;grid-template-columns:repeat(8,minmax(80px,1fr));gap:.5rem;position:relative}
.indicator-track:before{content:"";position:absolute;left:2rem;right:2rem;top:1.35rem;height:4px;background:#eadcff;border-radius:999px}
.indicator-step{position:relative;z-index:1;text-align:center;min-width:0}
.indicator-dot{width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;margin:0 auto .55rem;background:#fff;border:2px solid #eadcff;color:#8a78a0;box-shadow:0 8px 18px rgba(63,23,107,.08)}
.indicator-label{font-size:.72rem;font-weight:800;color:#6f607a;line-height:1.15}
.indicator-step.completed .indicator-dot{background:#10B981;border-color:#10B981;color:#fff}
.indicator-step.current .indicator-dot{background:linear-gradient(135deg,var(--pt-primary),var(--pt-accent));border-color:transparent;color:#fff;box-shadow:0 14px 28px rgba(106,13,173,.28),0 0 0 7px #f0e4ff}
.indicator-step.current .indicator-label{color:var(--pt-primary)}
.indicator-step.completed .indicator-label{color:#047857}
.mini-indicators{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.mini-indicators div{display:flex;align-items:center;gap:.45rem;background:#f8f5ff;border:1px solid #eadcff;border-radius:8px;padding:.7rem;color:#4b087b;font-weight:800;font-size:.86rem}
.mini-indicators i{color:var(--pt-primary)}
.countdown-panel{border:1px solid #eadcff;background:linear-gradient(180deg,#fff,#fbf8ff);border-radius:8px;padding:1rem;box-shadow:0 12px 28px rgba(63,23,107,.08)}
.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.countdown-grid div{background:#2b0b45;color:#fff;border-radius:8px;padding:1rem;text-align:center}
.countdown-grid strong{display:block;font-size:1.8rem;line-height:1;font-weight:900}
.countdown-grid span{display:block;color:#d9c6ea;font-size:.76rem;font-weight:800;margin-top:.35rem;text-transform:uppercase}
.countdown-state{border-radius:999px;padding:.35rem .75rem;font-size:.76rem;font-weight:900;color:#fff}
.countdown-state.active{background:#10B981}.countdown-state.paused{background:#F59E0B}.countdown-state.stopped{background:#EF4444}
.countdown-message{color:#6f607a;font-weight:700}
.toggle-pill{border:0;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:900;color:#fff;min-width:3.6rem;box-shadow:0 8px 18px rgba(63,23,107,.12)}
.toggle-pill.on{background:#10B981}
.toggle-pill.off{background:#EF4444}
.receipt-success-stamp{display:inline-flex;align-items:center;justify-content:center;border:5px solid #10B981;color:#10B981;border-radius:8px;padding:.35rem 1rem;font-size:1.5rem;font-weight:900;text-transform:uppercase;transform:rotate(-8deg);background:#fff}
.translator-control{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid #eadcff;border-radius:999px;padding:.35rem .65rem;color:var(--pt-primary);box-shadow:0 10px 22px rgba(63,23,107,.08)}
.translator-control select{border:0;background:transparent;color:#3d155c;font-weight:700;font-size:.84rem;outline:0;min-width:6.8rem}
.translator-control i{font-size:1rem}
.translator-widget{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
body > .skiptranslate,.goog-te-banner-frame{display:none!important}
body{top:0!important}
.footer-band{background:#230037;color:#fff}
.table thead th{background:#f0e4ff;color:#4b087b}
.form-control:focus,.form-select:focus{border-color:var(--pt-accent);box-shadow:0 0 0 .25rem rgba(168,85,247,.18)}
.page-enter{animation:fadeUp .45s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.dark-panel{background:#2b0b45;color:#fff;border-radius:8px}
.shipment-image{width:100%;height:240px;object-fit:cover;border-radius:8px;background:#f8f5ff;border:1px solid #eadcff}
.service-card{transition:transform .2s ease,box-shadow .2s ease}
.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(45,15,82,.16)}
.service-image{width:100%;height:170px;object-fit:cover;background:#f8f5ff;border-bottom:1px solid #eadcff}
.post-image{width:100%;height:190px;object-fit:cover;background:#f8f5ff;border-bottom:1px solid #eadcff}
.live-map{width:100%;height:360px;border:0;border-radius:8px;background:#f8f5ff}
@media (max-width:991px){.admin-shell{display:block}.admin-sidebar{display:none}.admin-mobilebar{display:flex}.indicator-track{grid-template-columns:repeat(4,minmax(80px,1fr));row-gap:1rem}.indicator-track:before{display:none}}
@media (max-width:767px){.display-4{font-size:2.35rem}.hero-visual{min-height:240px}.table-responsive{font-size:.92rem}.translator-control{width:100%;justify-content:space-between}.translator-control select{flex:1}.indicator-track{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-indicators{grid-template-columns:1fr}.countdown-grid{grid-template-columns:repeat(2,1fr)}}