:root{
  --verde-escuro:#1E4B37;
  --verde-wash:#E7EEE8;
  --fundo:#F6F7F3;
  --superficie:#FFFFFF;
  --texto:#17231C;
  --texto-suave:#52604F;
  --borda:#DCE3D9;
  --erro:#8C2233;
  --erro-wash:#F5E4E7;
}

*{box-sizing:border-box;}

body{
  margin:0;
  min-height:100vh;
  background:var(--fundo);
  color:var(--texto);
  font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;
}

.auth-shell{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.auth-card{
  width:100%;
  max-width:380px;
  background:var(--superficie);
  border:1px solid var(--borda);
  border-radius:12px;
  padding:32px 28px;
  box-shadow:0 1px 2px rgba(23,35,28,.06),0 12px 32px -16px rgba(23,35,28,.18);
}

.brand{
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--verde-escuro);
  font-weight:600;
  margin-bottom:6px;
}

.auth-card h1{
  font-size:20px;
  margin:0 0 22px;
}

.field{margin-bottom:16px;}
.field label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--texto-suave);
  margin-bottom:6px;
}
.field input{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--borda);
  border-radius:8px;
  font-size:14px;
  background:var(--fundo);
  color:var(--texto);
}
.field input:focus{
  outline:2px solid var(--verde-escuro);
  outline-offset:1px;
}

.btn-primary{
  width:100%;
  padding:11px 12px;
  background:var(--verde-escuro);
  color:#fff;
  border:none;
  border-radius:8px;
  font-size:14.5px;
  font-weight:600;
  cursor:pointer;
}
.btn-primary:hover{background:#173c2c;}

.alert{
  padding:10px 12px;
  border-radius:8px;
  font-size:13.5px;
  margin-bottom:16px;
}
.alert-error{background:var(--erro-wash);color:var(--erro);border:1px solid var(--erro);}

.app-shell{max-width:640px;margin:60px auto;padding:0 20px;}
.app-card{
  background:var(--superficie);
  border:1px solid var(--borda);
  border-radius:12px;
  padding:28px;
  box-shadow:0 1px 2px rgba(23,35,28,.06),0 12px 32px -16px rgba(23,35,28,.18);
}
.pill{
  display:inline-block;
  padding:3px 10px;
  border-radius:999px;
  background:var(--verde-wash);
  color:var(--verde-escuro);
  font-size:12px;
  font-weight:600;
}
.logout-link{color:var(--texto-suave);font-size:13.5px;text-decoration:none;}
.logout-link:hover{color:var(--erro);}