:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--radius: 16px;--shadow: 0 1px 2px rgb(15 23 42 / .04), 0 10px 30px rgb(15 23 42 / .07);--danger: #e5484d;--primary-soft: color-mix(in srgb, var(--primary) 15%, var(--card))}@media(prefers-color-scheme:dark){:root{--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px rgb(0 0 0 / .35)}}.shell{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding:0 20px max(20px,env(safe-area-inset-bottom))}@media(min-width:768px){.shell{max-width:520px;padding-top:32px}}.grow{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow)}h1{margin:0 0 6px;font-size:1.6rem;line-height:1.15;letter-spacing:-.025em}.sub{margin:0 0 20px;color:var(--muted);font-size:.95rem}.centro{text-align:center}.field{display:block;margin-bottom:14px}.field span{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600;color:var(--muted)}.field input{width:100%;height:52px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:1.05rem;letter-spacing:.02em;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent)}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border:0;border-radius:14px;background:var(--primary);color:var(--on-primary, #fff);font:650 1rem/1 inherit;cursor:pointer;transition:transform .16s var(--ease-out),opacity .16s ease,filter .16s ease;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.btn:hover:not(:disabled){filter:brightness(1.06)}}.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:giro .6s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.msg{margin:0 0 14px;padding:10px 12px;border-radius:10px;font-size:.9rem;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.msg.info{background:var(--primary-soft);color:var(--text)}.nota{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;color:var(--muted);font-size:.8rem}.nota svg{flex:none}.enter{animation:sobe .34s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 50ms)}@keyframes sobe{0%{opacity:0;transform:translateY(10px)}}.tremer{animation:tremer .32s var(--ease-out)}@keyframes tremer{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.enter{animation:fade .2s ease both}@keyframes fade{0%{opacity:0}}}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:650;background:var(--line);color:var(--muted);white-space:nowrap}.chip.ok{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}.chip.andamento{background:color-mix(in srgb,#2563eb 14%,transparent);color:#2563eb}.chip.alerta{background:color-mix(in srgb,#d97706 16%,transparent);color:#b45309}.chip.erro{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}@media(prefers-color-scheme:dark){.chip.ok{color:#4ade80}.chip.andamento{color:#60a5fa}.chip.alerta{color:#fbbf24}}.badge{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.badge.ok{background:color-mix(in srgb,#16a34a 16%,transparent);color:#16a34a}.badge.erro{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.badge.alerta{background:color-mix(in srgb,#d97706 16%,transparent);color:#d97706}.ao-vivo{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:.78rem}.ao-vivo i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulso 1.8s ease-in-out infinite}@keyframes pulso{50%{opacity:.35;transform:scale(.8)}}.lista{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}.item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.item .t{flex:1;min-width:0}.item .t strong{display:block}.item .t small{color:var(--muted)}.btn.sec{background:var(--bg);color:var(--text);border:1px solid var(--line);min-height:44px;font-weight:600}.btn.mini{width:auto;min-height:36px;padding:0 14px;font-size:.85rem;border-radius:10px}.voltar{display:inline-flex;align-items:center;gap:4px;height:40px;margin-left:-8px;padding:0 8px;border:0;background:none;color:var(--muted);font:600 .9rem inherit;cursor:pointer;border-radius:10px;transition:transform .16s var(--ease-out)}.voltar:active{transform:scale(.96)}.skeleton{border-radius:12px;background:linear-gradient(90deg,var(--line),color-mix(in srgb,var(--line) 50%,transparent),var(--line));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}:root{--ease-drawer: cubic-bezier(.32, .72, 0, 1)}.troca{animation:troca .2s ease both}@keyframes troca{0%{opacity:0;filter:blur(2px)}}.btn.feito{background:#16a34a}