*{box-sizing:border-box}.app{min-height:100%;max-width:480px;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;box-shadow:0 1px 2px #0f172a0a}h1{font-size:1.25rem;margin:0 0 .5rem;color:#0f766e}.muted{color:#64748b;font-size:.9rem;line-height:1.6}.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:12px;padding:.85rem 1rem;font-size:.9rem}.ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:12px;padding:.85rem 1rem;font-size:.9rem}.row{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid #f1f5f9;font-size:.95rem}.row:last-child{border-bottom:0}.row span:first-child{color:#64748b}.row span:last-child{font-weight:600;text-align:left}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:.75rem 1rem;background:#0f766e;color:#fff;font-size:.95rem;cursor:pointer;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#e2e8f0;color:#0f172a}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;background:#ccfbf1;color:#0f766e}.center{text-align:center;padding:2rem 0}.spinner{width:36px;height:36px;border:3px solid #ccfbf1;border-top-color:#0f766e;border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}