:root{--font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--app-max-width: 480px}:root,[data-theme=light]{--page: #f4f4f5;--surface: #ffffff;--surface2: #fafafa;--ink: #0a0a0a;--ink2: #78716c;--ink3: #a8a29e;--line: #ecebe9;--accent: #6d28d9;--accent-soft: #ede9fe;--pos: #1a9c5b;--pos-soft: #e7f6ee;--neg: #dc2626;--neg-soft: #fbeaea;--warn: #b45309;--warn-soft: #fef3c7;--wallet-bg: #111113;--wallet-ink: #ffffff;--wallet-ink2: rgba(255, 255, 255, .55);--wallet-btn: #6d28d9;--wallet-btn-ink: #ffffff;--chip-bg: #ffffff;--chip-ink: #57534e;--chip-active-bg: #111113;--chip-active-ink: #ffffff;--tab-ink: #0a0a0a;--tab-off: #b8b3ad;--shadow: 0 1px 3px rgba(0, 0, 0, .05);--badge-pendente-fg: #b45309;--badge-pendente-bg: #fef3c7;--badge-coletar-fg: #1d4ed8;--badge-coletar-bg: #dbeafe;--badge-transito-fg: #6d28d9;--badge-transito-bg: #ede9fe;--badge-enviado-fg: #0f766e;--badge-enviado-bg: #ccfbf1;--badge-entregue-fg: #15803d;--badge-entregue-bg: #dcfce7;--badge-cancelar-fg: #57534e;--badge-cancelar-bg: #f0efed;--badge-ativo-fg: #15803d;--badge-ativo-bg: #dcfce7;--badge-esgotado-fg: #dc2626;--badge-esgotado-bg: #fbeaea;--badge-aguardando-fg: #b45309;--badge-aguardando-bg: #fef3c7;--badge-inativo-fg: #57534e;--badge-inativo-bg: #f0efed;color-scheme:light}[data-theme=dark]{--page: #17171a;--surface: #212126;--surface2: #27272e;--ink: #fafafa;--ink2: rgba(255, 255, 255, .62);--ink3: rgba(255, 255, 255, .42);--line: rgba(255, 255, 255, .09);--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .18);--pos: #34d27b;--pos-soft: rgba(52, 210, 123, .16);--neg: #ff6b6b;--neg-soft: rgba(255, 107, 107, .16);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .16);--wallet-bg: linear-gradient(135deg, #8b5cf6, #6d28d9);--wallet-ink: #ffffff;--wallet-ink2: rgba(255, 255, 255, .72);--wallet-btn: #ffffff;--wallet-btn-ink: #17171a;--chip-bg: #27272e;--chip-ink: rgba(255, 255, 255, .62);--chip-active-bg: #fafafa;--chip-active-ink: #17171a;--tab-ink: #fafafa;--tab-off: rgba(255, 255, 255, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .3);--badge-pendente-fg: #fbbf24;--badge-pendente-bg: rgba(251, 191, 36, .16);--badge-coletar-fg: #60a5fa;--badge-coletar-bg: rgba(96, 165, 250, .16);--badge-transito-fg: #a78bfa;--badge-transito-bg: rgba(167, 139, 250, .16);--badge-enviado-fg: #2dd4bf;--badge-enviado-bg: rgba(45, 212, 191, .16);--badge-entregue-fg: #34d27b;--badge-entregue-bg: rgba(52, 210, 123, .16);--badge-cancelar-fg: rgba(255, 255, 255, .55);--badge-cancelar-bg: rgba(255, 255, 255, .08);--badge-ativo-fg: #34d27b;--badge-ativo-bg: rgba(52, 210, 123, .16);--badge-esgotado-fg: #ff6b6b;--badge-esgotado-bg: rgba(255, 107, 107, .16);--badge-aguardando-fg: #fbbf24;--badge-aguardando-bg: rgba(251, 191, 36, .16);--badge-inativo-fg: rgba(255, 255, 255, .55);--badge-inativo-bg: rgba(255, 255, 255, .08);color-scheme:dark}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);background:var(--page);color:var(--ink);overscroll-behavior-y:none}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.pressable{transition:transform .08s ease,opacity .08s ease}.pressable:active{transform:scale(.97);opacity:.9}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes route-in{0%{opacity:0}to{opacity:1}}.route-fade{animation:route-in .12s ease-out both}@media (prefers-reduced-motion: reduce){.route-fade{animation:none}.pressable{transition:none}}.app-frame{height:100dvh;max-width:var(--app-max-width);margin:0 auto;display:flex;flex-direction:column;background:var(--page);position:relative;overflow:hidden}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen-pad-top{padding-top:calc(env(safe-area-inset-top) + 22px)}
