[data-octa-panel]{--panel-shadow:0 4px 24px #24231f06}[data-octa-panel] .panel-sidebar{background:var(--card);box-shadow:4px 0 32px #24231f06}.panel-nav-link[aria-current=page]{background:var(--muted);color:var(--foreground)}.panel-nav-link[aria-current=page]:after{content:"";background:var(--primary);border-radius:1px;width:3px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.panel-nav-link{transition:background .18s,color .18s}.panel-nav-link:hover{background:color-mix(in srgb, var(--muted) 65%, transparent)}.panel-nav-link[aria-current=page]>svg{color:var(--primary)}.panel-skip{z-index:100;background:var(--foreground);color:var(--card);border-radius:12px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.panel-skip:focus{transform:translateY(0)}[data-octa-panel] .panel-heading{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:24px}[data-octa-panel] .panel-heading h1{letter-spacing:-.045em;font-size:clamp(1.65rem,2.5vw,2.15rem);font-weight:650;line-height:1.2}[data-octa-panel] .panel-heading p{max-width:66ch;margin-top:9px;line-height:1.65}[data-octa-panel] :is(article,section,div,button,a).border.bg-card{border-color:color-mix(in srgb, var(--border) 75%, transparent);box-shadow:var(--panel-shadow)}[data-octa-panel] :is(article,section,div).rounded-xl.border.bg-card{border-radius:18px}[data-octa-panel] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){background:var(--card);border-radius:11px;transition:box-shadow .18s,border-color .18s}body:has([data-octa-panel]) [data-slot=dialog-content] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){background:var(--card);border-radius:11px;transition:box-shadow .18s,border-color .18s}[data-octa-panel] :is(input,select,textarea):focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);outline:none}body:has([data-octa-panel]) [data-slot=dialog-content] :is(input,select,textarea):focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);outline:none}[data-octa-panel] :is(button,a):focus-visible{outline:2px solid var(--primary);outline-offset:3px}body:has([data-octa-panel]) [data-slot=dialog-content] :is(button,a):focus-visible{outline:2px solid var(--primary);outline-offset:3px}[data-octa-panel] [data-slot=action-button]{border-radius:11px;min-height:44px;font-weight:600}body:has([data-octa-panel]) [data-slot=dialog-content] [data-slot=action-button]{border-radius:11px;min-height:44px;font-weight:600}[data-octa-panel] [data-slot=action-button].bg-primary{box-shadow:0 3px 8px color-mix(in srgb, var(--primary) 15%, transparent)}[data-octa-panel] table{border-collapse:collapse;width:100%;font-size:13px}[data-octa-panel] thead{background:color-mix(in srgb, var(--muted) 50%, var(--card))}[data-octa-panel] th{letter-spacing:.04em;color:var(--muted-foreground);padding-top:15px;padding-bottom:15px;font-size:11px;font-weight:600}[data-octa-panel] td{padding-top:18px;padding-bottom:18px}[data-octa-panel] tbody tr{border-color:color-mix(in srgb, var(--border) 65%, transparent);transition:background .15s}[data-octa-panel] tbody tr:hover{background:color-mix(in srgb, var(--muted) 32%, transparent)}[data-octa-panel] [role=alert]{border-radius:12px;line-height:1.6}[data-octa-panel] .panel-metric{padding:23px;position:relative;overflow:hidden}[data-octa-panel] .panel-metric-icon{background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}[data-octa-panel] .panel-metric-value{overflow-wrap:anywhere;margin-top:20px;font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:650;line-height:1.25}[data-octa-panel] .panel-metric:first-child{border-top:3px solid var(--primary)}.panel-tabs{border:1px solid var(--border);background:color-mix(in srgb, var(--muted) 65%, var(--card));scrollbar-width:none;border-radius:14px;gap:5px;padding:6px;display:flex;overflow-x:auto}.panel-tabs button{min-height:40px;color:var(--muted-foreground);border-radius:9px;flex-shrink:0;padding:8px 16px;font-size:13px;transition:background .15s,box-shadow .15s}.panel-tabs button[aria-selected=true],.panel-tabs button[aria-pressed=true]{background:var(--card);color:var(--foreground);font-weight:600;box-shadow:0 2px 5px #24231f12}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-backdrop]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#24231f73}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-content]:not([data-panel-drawer]){border-radius:24px;max-height:90dvh;padding:28px;box-shadow:0 24px 90px #24231f33}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-title]{letter-spacing:-.025em;font-size:21px;font-weight:650}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-description]{margin-top:4px;line-height:1.65}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-header]{border-bottom:1px solid var(--border);padding-bottom:20px}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-footer]{border-top:1px solid var(--border);padding-top:20px}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dropdown-menu-content]{border-radius:16px;padding:8px;box-shadow:0 12px 40px #24231f1f}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dropdown-menu-item]{border-radius:9px;min-height:40px}[data-octa-courier]{background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--accent) 13%, transparent), transparent 45%), var(--background)}[data-octa-courier] :is(input,select,textarea){border-radius:12px}[data-octa-courier] button{touch-action:manipulation}[data-octa-courier] .courier-delivery{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 4px 18px #24231f0a}[data-octa-courier] .courier-gps{background:var(--foreground);color:var(--card);border-radius:24px;padding:24px}@media (max-width:639px){[data-octa-panel] .panel-heading{margin-bottom:20px;padding-bottom:20px}[data-octa-panel] .panel-heading>:last-child:not(:first-child){width:100%}[data-octa-panel] .panel-metric{padding:18px}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-content]:not([data-panel-drawer]){border-radius:20px;padding:22px}}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-content].p-0{padding:0}[data-octa-panel] .bg-primary.text-primary-foreground,[data-octa-courier] .bg-primary.text-primary-foreground{color:var(--foreground)}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-content] .bg-primary.text-primary-foreground{color:var(--foreground)}[data-octa-panel] :is(button,a).text-primary,[data-octa-courier] :is(button,a).text-primary{color:color-mix(in srgb, var(--primary) 70%, var(--foreground))}[data-octa-panel] .panel-content>div>.panel-heading{animation:.28s ease-out both panel-appear}@keyframes panel-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}[data-octa-panel] :is(button,a)[aria-label].p-2,[data-octa-panel] :is(button,a)[aria-label].p-1\.5{place-items:center;min-width:40px;min-height:40px;display:inline-grid}@media (prefers-reduced-motion:reduce){[data-octa-panel] .panel-content>div>.panel-heading{animation:none}}body:has([data-octa-panel],[data-octa-courier]) [data-slot=dialog-dismiss]{background:var(--card);width:36px;height:36px;color:var(--foreground);opacity:1;border:1px solid var(--border);border-radius:11px;place-items:center;display:grid;box-shadow:0 2px 6px #24231f0d}body:has([data-octa-panel]) [data-confirmation] [data-slot=dialog-header]{border-bottom:0;padding-bottom:0}[data-octa-panel] :is(article,section).border.bg-card h2.font-medium{font-weight:600}[data-octa-panel] .fidelity-rewards>section{margin-top:0}[data-octa-onboarding] [data-slot=action-button]{border-radius:12px;min-height:44px}[data-octa-onboarding] input:focus-visible,[data-octa-onboarding] textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent);outline-offset:2px}
