:root{--font-ui:"SF Pro Text","SF Pro Display",Inter,Manrope,Roboto,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--font-brand:"SF Pro Display",Inter,Manrope,Roboto,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--trakoli-bg:#0F172A;--trakoli-surface:#111827;--trakoli-surface-2:#1E293B;--trakoli-text:#F8FAFC;--trakoli-muted:#CBD5E1;--trakoli-dim:#94A3B8;--trakoli-green:#16A34A;--trakoli-green-soft:rgba(22,163,74,0.14);--trakoli-border:rgba(226,232,240,0.14);--text-rendering:optimizeLegibility}html{font-family:var(--font-ui);text-rendering:var(--text-rendering);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;font-synthesis-style:none}body,button,input,select,textarea{font-family:var(--font-ui)}code,kbd,pre,samp{font-family:var(--font-mono)}input,select,textarea{font-size:16px}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(22,163,74,.18)}.font-brand{letter-spacing:-.025em}.font-brand,.trakoli-display{font-family:var(--font-brand)}.trakoli-display{letter-spacing:-.045em;font-weight:850}.trakoli-mobile-copy{color:var(--trakoli-muted);font-size:clamp(.95rem,2.8vw,1rem);line-height:1.55}@media (max-width:767px){body,html{max-width:100%;overflow-x:hidden}body[data-route=change-pin],body[data-route=confirm-order],body[data-route=forgot-pin],body[data-route=platform-login],body[data-route=tracking-page],body[data-route^=admin-],body[data-route^=dashboard-],body[data-route^=staff-],body[data-route^=storefront-]{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body[data-route=change-pin] main,body[data-route=confirm-order] main,body[data-route=forgot-pin] main,body[data-route=platform-login] main,body[data-route=tracking-page] main,body[data-route^=admin-] main,body[data-route^=dashboard-] main,body[data-route^=staff-] main,body[data-route^=storefront-] main{width:100%;max-width:100vw;overflow-x:hidden;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}body[data-route=change-pin] h1,body[data-route=confirm-order] h1,body[data-route=forgot-pin] h1,body[data-route=platform-login] h1,body[data-route=tracking-page] h1,body[data-route^=admin-] h1,body[data-route^=dashboard-] h1,body[data-route^=staff-] h1,body[data-route^=storefront-] h1{font-size:clamp(2rem,10vw,3.15rem)!important;line-height:.96!important;letter-spacing:-.055em;text-wrap:balance}body[data-route=confirm-order] h2,body[data-route=tracking-page] h2,body[data-route^=admin-] h2,body[data-route^=dashboard-] h2,body[data-route^=staff-] h2,body[data-route^=storefront-] h2{font-size:clamp(1.35rem,6.2vw,2rem)!important;line-height:1.05!important;letter-spacing:-.035em}body[data-route=confirm-order] p,body[data-route=tracking-page] p,body[data-route^=admin-] p,body[data-route^=dashboard-] p,body[data-route^=staff-] p,body[data-route^=storefront-] p{overflow-wrap:anywhere}body[data-route=confirm-order] a[role=button],body[data-route=confirm-order] button,body[data-route=tracking-page] a[role=button],body[data-route=tracking-page] button,body[data-route^=admin-] a[role=button],body[data-route^=admin-] button,body[data-route^=dashboard-] a[role=button],body[data-route^=dashboard-] button,body[data-route^=staff-] a[role=button],body[data-route^=staff-] button,body[data-route^=storefront-] a[role=button],body[data-route^=storefront-] button{min-height:44px;touch-action:manipulation}body[data-route=change-pin] input,body[data-route=confirm-order] input,body[data-route=confirm-order] select,body[data-route=confirm-order] textarea,body[data-route=forgot-pin] input,body[data-route=platform-login] input,body[data-route=tracking-page] input,body[data-route=tracking-page] select,body[data-route=tracking-page] textarea,body[data-route^=admin-] input,body[data-route^=admin-] select,body[data-route^=admin-] textarea,body[data-route^=dashboard-] input,body[data-route^=dashboard-] select,body[data-route^=dashboard-] textarea,body[data-route^=staff-] input,body[data-route^=staff-] select,body[data-route^=staff-] textarea,body[data-route^=storefront-] input,body[data-route^=storefront-] select,body[data-route^=storefront-] textarea{font-size:16px!important;min-height:46px}body[data-route^=admin-] table,body[data-route^=dashboard-] table,body[data-route^=staff-] table,body[data-route^=storefront-] table{min-width:720px}body[data-route^=admin-] :has(>table),body[data-route^=dashboard-] :has(>table),body[data-route^=staff-] :has(>table),body[data-route^=storefront-] :has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:1.25rem}body[data-route^=admin-] [class*=grid-cols-2],body[data-route^=admin-] [class*=grid-cols-3],body[data-route^=admin-] [class*=grid-cols-4],body[data-route^=dashboard-] [class*=grid-cols-2],body[data-route^=dashboard-] [class*=grid-cols-3],body[data-route^=dashboard-] [class*=grid-cols-4],body[data-route^=staff-] [class*=grid-cols-2],body[data-route^=staff-] [class*=grid-cols-3],body[data-route^=staff-] [class*=grid-cols-4],body[data-route^=storefront-] [class*=grid-cols-2],body[data-route^=storefront-] [class*=grid-cols-3],body[data-route^=storefront-] [class*=grid-cols-4]{grid-template-columns:minmax(0,1fr)!important}body[data-route^=admin-] [class*=min-w-],body[data-route^=dashboard-] [class*=min-w-],body[data-route^=staff-] [class*=min-w-],body[data-route^=storefront-] [class*=min-w-]{min-width:0!important}body[data-route=confirm-order] [class*=max-w-],body[data-route=tracking-page] [class*=max-w-],body[data-route^=admin-] [class*="w-["],body[data-route^=admin-] [class*=max-w-],body[data-route^=dashboard-] [class*="w-["],body[data-route^=dashboard-] [class*=max-w-],body[data-route^=staff-] [class*="w-["],body[data-route^=staff-] [class*=max-w-],body[data-route^=storefront-] [class*="w-["],body[data-route^=storefront-] [class*=max-w-]{max-width:100%!important}body[data-route^=admin-] [class*=gap-8],body[data-route^=dashboard-] [class*=gap-8],body[data-route^=staff-] [class*=gap-8],body[data-route^=storefront-] [class*=gap-8]{gap:1rem!important}body[data-route^=admin-] [class*=p-8],body[data-route^=dashboard-] [class*=p-8],body[data-route^=staff-] [class*=p-8],body[data-route^=storefront-] [class*=p-8]{padding:1rem!important}body[data-route^=courier-] [class*=bottom-0],body[data-route^=dashboard-] [class*=bottom-0],body[data-route^=storefront-] [class*=bottom-0]{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}body[data-route=admin-billing] section,body[data-route^=admin-marketing] section,body[data-route^=staff-] section{border-radius:1.25rem!important}body[data-route=admin-billing] [class*=flex-row],body[data-route^=admin-marketing] [class*=flex-row],body[data-route^=staff-] [class*=flex-row]{flex-direction:column!important;align-items:stretch!important}body[data-route=dashboard-assisted] main,body[data-route=dashboard-billing-upgrade] main,body[data-route=dashboard-cod-detail] main,body[data-route=dashboard-cod] main,body[data-route=dashboard-delivery-detail] main,body[data-route=dashboard-product-detail] main,body[data-route=dashboard-quote-detail] main,body[data-route=dashboard-quotes] main,body[data-route=dashboard-settings-delivery] main{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}body[data-route=dashboard-cod-detail] article,body[data-route=dashboard-cod] article,body[data-route=dashboard-delivery-detail] article,body[data-route=dashboard-product-detail] article,body[data-route=dashboard-quote-detail] article,body[data-route=dashboard-quotes] article{border-radius:1.25rem!important;overflow:hidden}body[data-route=dashboard-cod-detail] [class*=justify-between],body[data-route=dashboard-cod] [class*=justify-between],body[data-route=dashboard-delivery-detail] [class*=justify-between],body[data-route=dashboard-product-detail] [class*=justify-between],body[data-route=dashboard-quote-detail] [class*=justify-between],body[data-route=dashboard-quotes] [class*=justify-between]{gap:.75rem}body[data-route=confirm-order] main,body[data-route=storefront-wholesale] main,body[data-route=tracking-page] main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}body[data-route=change-pin] form,body[data-route=confirm-order] form,body[data-route=forgot-pin] form,body[data-route=platform-login] form,body[data-route=storefront-wholesale] form,body[data-route=tracking-page] form{width:100%!important}body[data-route=confirm-order] [class*=flex],body[data-route=tracking-page] [class*=flex]{min-width:0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}