:root{--azul:#1e3a5f;--fundo:#f4f6f9;--linha:#e2e7ee;--texto:#1c2430;--suave:#66707d;--alerta:#b45309}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{background:var(--azul);color:#fff;align-items:center;gap:12px;padding:14px 20px;display:flex}header h1{flex:1;margin:0;font-size:1.15rem}header small{opacity:.8}main{max-width:1400px;margin:0 auto;padding:16px}.cartoes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.cartao{border:1px solid var(--linha);background:#fff;border-radius:12px;padding:14px}.cartao b{font-size:1.6rem;display:block}.cartao span{color:var(--suave);font-size:.9rem}.colunas{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:1000px){.colunas{grid-template-columns:3fr 2fr}}section{border:1px solid var(--linha);background:#fff;border-radius:12px;padding:14px}section h2{margin:0 0 10px;font-size:1rem}ul.lista{margin:0;padding:0;list-style:none}ul.lista li{border-top:1px solid var(--linha);grid-template-columns:auto 1fr auto;align-items:baseline;gap:4px 10px;padding:10px 0;display:grid}ul.lista li:first-child{border-top:0}.nome{font-weight:600}.fone,.quando{color:var(--suave);font-size:.85rem}.texto{color:var(--suave);overflow-wrap:anywhere;grid-column:2/-1;font-size:.92rem}.pendente{color:var(--alerta);font-size:.8rem;font-weight:600}.vazio{color:var(--suave)}form.entrar{border:1px solid var(--linha);background:#fff;border-radius:14px;gap:12px;max-width:340px;margin:12vh auto;padding:24px;display:grid}form.entrar input,form.entrar button{border:1px solid var(--linha);border-radius:10px;padding:12px;font-size:1rem}form.entrar button{background:var(--azul);color:#fff;cursor:pointer;border:0}.erro{color:#b91c1c;margin:0}