:root{--verde: #12492f;--verde-fundo: #0f3d28;--verde-claro: #1c6b45;--verde-suave: #e8f2ec;--verde-borda: #c2dccf;--tinta: #14201a;--texto: #3d4a44;--fraco: #5c6d67;--fundo: #f4f7f5;--papel: #fff;--painel: #eef3f0;--linha: #dde6e1;--alerta: #96490a;--alerta-bg: #fdf3e3;--alerta-borda: #f0dcbb;--erro: #a4271d;--erro-bg: #fdf1f0;--erro-borda: #f3d5d2;--info: #2c4c8c;--info-bg: #eef2fb;--t-xs: .75rem;--t-sm: .8125rem;--t-md: .875rem;--t-base: .9375rem;--t-lg: 1.0625rem;--t-xl: 1.375rem;--t-2xl: 1.75rem;--t-3xl: 2.25rem;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 20px;--e6: 24px;--e7: 32px;--e8: 40px;--altura-tabbar: 104px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-pill: 999px;--elevacao: 0 6px 20px -8px rgba(16, 40, 28, .28);--fonte: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--curva: cubic-bezier(.22, 1, .36, 1);--rapido: .14s;--medio: .2s;--z-base: 1;--z-sticky: 100;--z-overlay: 200;--z-toast: 300}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--fundo);color:var(--texto);font:var(--t-base)/1.5 var(--fonte);-webkit-font-smoothing:antialiased}h1,h2,h3,strong,b{color:var(--tinta)}h1,h2,h3{text-wrap:balance;letter-spacing:-.015em}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}:focus-visible{outline:2px solid var(--verde-claro);outline-offset:2px;border-radius:4px}::selection{background:var(--verde-suave);color:var(--verde)}svg{flex:none}.app{display:flex;flex-direction:column;min-height:100dvh}.topo{position:sticky;top:0;z-index:var(--z-sticky);background:var(--verde-fundo);color:#fff}.topo-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--e4);width:min(100% - 32px,900px);margin-inline:auto;padding:var(--e3) 0}.marca{display:flex;align-items:center;gap:var(--e2);color:#fff;font-size:var(--t-lg);font-weight:650;letter-spacing:-.02em}.marca svg{font-size:20px;color:#7fd4a6}.topo-user{display:flex;align-items:center;gap:var(--e4)}.topo-user span{display:grid;text-align:right;line-height:1.25}.topo-user strong{color:#fff;font-size:var(--t-md);font-weight:600}.topo-user small{color:#9dc4b0;font-size:var(--t-xs)}.btn-texto{color:#9dc4b0;font-size:var(--t-md);transition:color var(--rapido)}.btn-texto:hover{color:#fff}.conteudo{flex:1;width:min(100% - 32px,900px);margin-inline:auto;padding:var(--e6) 0 var(--altura-tabbar)}.carregando{display:grid;place-items:center;min-height:100dvh;color:var(--fraco)}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-sticky);display:flex;justify-content:center;gap:var(--e1);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--linha);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;max-width:150px;display:grid;justify-items:center;gap:var(--e1);padding:var(--e2) var(--e1) var(--e3);color:var(--fraco);font-size:var(--t-xs);font-weight:550;border-top:2px solid transparent;transition:color var(--rapido),border-color var(--rapido)}.tab svg{font-size:21px}.tab:hover{color:var(--verde-claro)}.tab.ativa{color:var(--verde);border-top-color:var(--verde)}.login{display:grid;place-items:center;min-height:100dvh;padding:var(--e6);background:var(--verde-fundo);background-image:radial-gradient(120% 80% at 50% -20%,#1a5c3a 0%,transparent 60%)}.login-card{width:min(100%,404px);background:var(--papel);border-radius:16px;padding:var(--e7) var(--e7);box-shadow:var(--elevacao)}.login-logo{display:grid;place-items:center;width:52px;height:52px;margin-bottom:var(--e5);background:var(--verde);color:#fff;border-radius:var(--r-lg);font-size:26px}.login-card h1{font-size:var(--t-2xl);letter-spacing:-.025em}.login-sub{margin-top:var(--e1);color:var(--fraco);font-size:var(--t-md)}.login-card form{display:grid;gap:var(--e3);margin-top:var(--e6)}label{display:grid;gap:var(--e1);color:var(--tinta);font-size:var(--t-sm);font-weight:550}input,select{width:100%;padding:var(--e3) var(--e3);background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-md);transition:border-color var(--rapido)}input::placeholder{color:var(--fraco)}input:hover,select:hover{border-color:#c6d3cd}input:focus-visible,select:focus-visible{border-color:var(--verde-claro);outline-offset:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);padding:var(--e3) var(--e5);border-radius:var(--r-md);font-size:var(--t-md);font-weight:600;transition:background var(--rapido),transform var(--rapido)}.btn:active{transform:translateY(1px)}.btn-principal{background:var(--verde);color:#fff;width:100%}.btn-principal:hover{background:var(--verde-claro)}.btn-principal:disabled{background:#8ba79a;cursor:progress;transform:none}.demo-box{margin-top:var(--e5);padding-top:var(--e5);border-top:1px solid var(--linha)}.demo-titulo{margin-bottom:var(--e2);color:var(--fraco);font-size:var(--t-sm);font-weight:600}.demo-btn{display:grid;gap:var(--e1);width:100%;margin-bottom:var(--e2);padding:var(--e3) var(--e3);background:var(--painel);border-radius:var(--r-md);text-align:left;transition:background var(--rapido)}.demo-btn:hover{background:var(--verde-suave)}.demo-btn:disabled{opacity:.55;cursor:progress}.demo-btn strong{font-size:var(--t-md)}.demo-btn small{color:var(--fraco);font-size:var(--t-sm)}.demo-nota{margin-top:var(--e2);color:var(--fraco);font-size:var(--t-xs);line-height:1.45}.saudacao h1{font-size:var(--t-2xl);letter-spacing:-.025em}.saudacao p{margin-top:var(--e1);color:var(--fraco);font-size:var(--t-md)}.titulo-pagina{margin-bottom:var(--e5);font-size:var(--t-xl);letter-spacing:-.02em}.secao{margin-top:var(--e7)}.secao-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--e3)}.secao-head h2{font-size:var(--t-md);font-weight:650;letter-spacing:0}.secao-head .btn-texto{color:var(--verde-claro);font-weight:550}.secao-head .btn-texto:hover{color:var(--verde)}.voltar{display:inline-flex;align-items:center;gap:var(--e1);margin-bottom:var(--e4);color:var(--fraco);font-size:var(--t-md);transition:color var(--rapido)}.voltar:hover{color:var(--verde)}.pets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--e3)}.pet-card{display:grid;gap:var(--e1);padding:var(--e4);background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-lg);transition:border-color var(--rapido),background var(--rapido)}.pet-card:hover{border-color:var(--verde-claro);background:#fbfdfc}.pet-emoji{display:grid;place-items:center;width:38px;height:38px;margin-bottom:var(--e2);background:var(--verde-suave);color:var(--verde);border-radius:var(--r-md);font-size:22px}.pet-card strong{font-size:var(--t-lg);letter-spacing:-.01em}.pet-card small{color:var(--fraco);font-size:var(--t-sm)}.pet-idade{color:var(--verde-claro)!important;font-weight:550}.lista{display:grid;gap:var(--e2);list-style:none}.item{display:flex;align-items:center;gap:var(--e3);padding:var(--e3) var(--e4);background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-lg);transition:border-color var(--rapido)}.item:hover{border-color:#cbd9d2}.item-corpo{display:grid;gap:var(--e1);flex:1;min-width:0}.item-corpo strong{font-size:var(--t-md);font-weight:600}.item-corpo small{color:var(--fraco);font-size:var(--t-sm)}.item-data{display:grid;place-items:center;width:42px;padding:var(--e2) 0;background:var(--verde-suave);border-radius:var(--r-sm)}.item-data strong{color:var(--verde);font-size:var(--t-lg);line-height:1;font-variant-numeric:tabular-nums}.item-data small{color:var(--verde-claro);font-size:10px;font-weight:600;text-transform:uppercase}.item-hora{min-width:52px;color:var(--tinta);font-size:var(--t-lg);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.item-acoes{display:grid;gap:var(--e1);justify-items:end}.pet-emoji-sm{display:grid;place-items:center;width:34px;height:34px;background:var(--painel);color:var(--verde);border-radius:var(--r-sm);font-size:19px}.notif-icone{display:grid;place-items:center;width:34px;height:34px;background:var(--painel);color:var(--verde-claro);border-radius:var(--r-sm);font-size:18px}.notif-quando{color:var(--verde-claro)!important}.badge{padding:var(--e1) var(--e2);border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;white-space:nowrap}.badge-agendado{background:var(--info-bg);color:var(--info)}.badge-confirmado{background:var(--verde-suave);color:var(--verde)}.badge-em_andamento{background:var(--alerta-bg);color:var(--alerta)}.badge-concluido{background:#e9f0ec;color:#46574f}.badge-cancelado{background:#eef0ef;color:#5c6560}.badge-faltou{background:var(--erro-bg);color:var(--erro)}.btn-mini{padding:var(--e1) var(--e3);background:var(--verde-suave);color:var(--verde);border-radius:var(--r-sm);font-size:var(--t-sm);font-weight:600;transition:background var(--rapido),color var(--rapido)}.btn-mini:hover{background:var(--verde);color:#fff}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e1);margin-bottom:var(--e5);background:var(--linha);border:1px solid var(--linha);border-radius:var(--r-lg);overflow:hidden}.kpis div{padding:var(--e4) var(--e4);background:var(--papel)}.kpis strong{display:block;color:var(--tinta);font-size:var(--t-2xl);font-weight:680;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpis small{display:block;margin-top:var(--e1);color:var(--fraco);font-size:var(--t-sm)}.positivo{color:var(--verde)!important}.negativo{color:var(--erro)!important}.valor{font-weight:650;font-size:var(--t-md);white-space:nowrap;font-variant-numeric:tabular-nums}.pet-hero{display:flex;align-items:center;gap:var(--e4);padding:var(--e5);background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-lg)}.pet-hero-emoji{display:grid;place-items:center;width:54px;height:54px;background:var(--verde);color:#fff;border-radius:var(--r-lg);font-size:30px}.pet-hero h1{font-size:var(--t-xl);letter-spacing:-.025em}.pet-hero p{color:var(--fraco);font-size:var(--t-sm)}.pet-hero-meta{color:var(--verde-claro)!important;font-weight:550}.nota-clinica{margin-top:var(--e3);padding:var(--e3) var(--e4);background:var(--alerta-bg);border:1px solid var(--alerta-borda);border-radius:var(--r-md)}.nota-clinica strong{display:block;color:var(--alerta);font-size:var(--t-xs);font-weight:650}.nota-clinica p{margin-top:var(--e1);font-size:var(--t-md)}.abas{display:flex;gap:var(--e1);margin:var(--e5) 0 var(--e3);padding:var(--e1);background:var(--painel);border-radius:var(--r-md)}.aba{flex:1;padding:var(--e2);border-radius:var(--r-sm);color:var(--fraco);font-size:var(--t-md);font-weight:600;transition:background var(--rapido),color var(--rapido)}.aba:hover{color:var(--verde)}.aba.ativa{background:var(--papel);color:var(--verde);box-shadow:0 1px 2px #10281c17}.aviso-leitura{display:flex;align-items:center;gap:var(--e2);margin-bottom:var(--e3);padding:var(--e2) var(--e3);background:var(--verde-suave);border-radius:var(--r-md);color:var(--verde);font-size:var(--t-sm);font-weight:550}.prontuario{display:grid;gap:var(--e2)}.registro{padding:var(--e4);background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-lg)}.registro header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e3);padding-bottom:var(--e3);border-bottom:1px solid var(--linha)}.registro header strong{font-size:var(--t-md)}.registro header small{color:var(--fraco);font-size:var(--t-sm)}.diagnostico{margin:var(--e3) 0;color:var(--tinta);font-size:var(--t-lg);font-weight:620;letter-spacing:-.015em}.registro dl{display:grid;gap:var(--e2)}.registro dt{color:var(--fraco);font-size:var(--t-xs);font-weight:650}.registro dd{font-size:var(--t-md);line-height:1.55;max-width:70ch;text-wrap:pretty}.receita{padding:var(--e2) var(--e3);background:var(--painel);border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--t-sm)}.registro footer{display:flex;gap:var(--e4);margin-top:var(--e3);padding-top:var(--e3);border-top:1px solid var(--linha);color:var(--fraco);font-size:var(--t-sm)}.registro footer span{display:inline-flex;align-items:center;gap:var(--e1)}.vencida{color:var(--erro)!important;font-weight:600}.proxima{color:var(--verde-claro)!important}.lote{color:var(--fraco);font-family:var(--mono);font-size:var(--t-xs)}.form-agendar{display:grid;gap:var(--e5)}fieldset{border:0}legend{margin-bottom:var(--e2);color:var(--tinta);font-size:var(--t-md);font-weight:650}.chips{display:flex;flex-wrap:wrap;gap:var(--e2)}.chip{display:flex;align-items:center;gap:var(--e2);padding:var(--e2) var(--e4);background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-md);font-size:var(--t-md);font-weight:600;transition:border-color var(--rapido),background var(--rapido)}.chip svg{font-size:19px;color:var(--fraco)}.chip small{color:var(--fraco);font-size:var(--t-xs);font-weight:400}.chip:hover{border-color:var(--verde-claro)}.chip.ativo{border-color:var(--verde);background:var(--verde-suave);color:var(--verde)}.chip.ativo svg,.chip.ativo small{color:var(--verde-claro)}.servicos{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:var(--e2)}.servico{display:grid;gap:var(--e1);padding:var(--e3) var(--e3);background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-md);text-align:left;transition:border-color var(--rapido),background var(--rapido)}.servico strong{font-size:var(--t-md)}.servico small{color:var(--fraco);font-size:var(--t-sm)}.servico:hover{border-color:var(--verde-claro)}.servico.ativo{border-color:var(--verde);background:var(--verde-suave)}.horarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--e2)}.hora{padding:var(--e3) 0;background:var(--papel);border:1px solid var(--linha);border-radius:var(--r-sm);font-size:var(--t-md);font-weight:550;font-variant-numeric:tabular-nums;transition:border-color var(--rapido),background var(--rapido)}.hora:hover:not(:disabled){border-color:var(--verde-claro)}.hora.ativo{border-color:var(--verde);background:var(--verde);color:#fff;font-weight:650}.hora:disabled{background:var(--painel);color:#9aa8a2;cursor:not-allowed}.resumo-agendar{display:grid;gap:var(--e3);padding-top:var(--e4);border-top:1px solid var(--linha)}.resumo-agendar span{color:var(--fraco);font-size:var(--t-md)}.busca{margin-bottom:var(--e4)}.agenda-head{display:flex;align-items:center;justify-content:space-between;gap:var(--e4);margin-bottom:var(--e4)}.agenda-head h1{margin:0}.agenda-head input{width:auto}.alerta-vacina,.alerta-estoque{display:grid;gap:var(--e1);margin-top:var(--e4);padding:var(--e3) var(--e4);background:var(--alerta-bg);border:1px solid var(--alerta-borda);border-radius:var(--r-md)}.alerta-vacina strong,.alerta-estoque strong{display:flex;align-items:center;gap:var(--e2);color:var(--alerta);font-size:var(--t-md)}.alerta-vacina span,.alerta-estoque span{color:#7a4712;font-size:var(--t-sm)}.erro{display:flex;align-items:center;gap:var(--e2);padding:var(--e3) var(--e3);background:var(--erro-bg);border:1px solid var(--erro-borda);border-radius:var(--r-md);color:var(--erro);font-size:var(--t-sm)}.rodape-nota{margin-top:var(--e5);padding:var(--e3);background:var(--painel);border-radius:var(--r-md);color:var(--fraco);font-size:var(--t-sm);text-align:center}.vazio{display:grid;justify-items:center;gap:var(--e2);padding:var(--e8) var(--e5);background:var(--papel);border:1px dashed var(--linha);border-radius:var(--r-lg);text-align:center}.vazio-icone{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--e1);background:var(--painel);color:var(--verde-claro);border-radius:var(--r-md);font-size:24px}.vazio strong{font-size:var(--t-lg)}.vazio p{color:var(--fraco);font-size:var(--t-md);max-width:34ch}.vazio .btn{margin-top:var(--e2);width:auto}.skeleton-wrap{display:grid;gap:var(--e2)}.skeleton{height:62px;background:linear-gradient(90deg,#e9efec 25%,#f3f7f5,#e9efec 75%);background-size:200% 100%;border-radius:var(--r-lg);animation:brilho 1.4s infinite}@keyframes brilho{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 520px){.kpis{grid-template-columns:1fr 1fr}.kpis div:last-child{grid-column:1 / -1}.item{padding:var(--e3);gap:var(--e3)}.agenda-head{flex-direction:column;align-items:stretch}.topo-user span{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (pointer: coarse){.btn-mini{min-height:44px;padding-inline:var(--e4)}.aba,.hora,.demo-btn{min-height:44px}.tab{min-height:48px}}.item>*,.pet-card,.servico,.chip{min-width:0}.item-corpo strong,.item-corpo small,.pet-card strong,.pet-card small{overflow-wrap:anywhere}