:root{
  --laranja:#F37020;
  --laranja-escuro:#D85C10;
  --laranja-claro:#FDE9D7;
  --cinza-900:#1F2937;
  --cinza-700:#374151;
  --cinza-500:#6B7280;
  --cinza-300:#D1D5DB;
  --cinza-100:#F3F4F6;
  --cinza-50:#F9FAFB;
  --branco:#FFFFFF;
  --erro:#DC2626;
  --erro-bg:#FEE2E2;
  --rad:8px;
  --rad-sm:4px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);
  --shadow:0 4px 12px rgba(0,0,0,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  height:100%;
  background:var(--cinza-50);
  color:var(--cinza-900);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:14px;
  line-height:1.5;
}
a{color:var(--laranja-escuro);text-decoration:none}
a:hover{text-decoration:underline}
.muted{color:var(--cinza-500)}
.small{font-size:12px}

/* ── LOGIN ─────────────────────────────────────────────── */
body.login-page{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--cinza-50) 0%,var(--laranja-claro) 100%);
}
.login-card{
  background:var(--branco);
  border:1px solid var(--cinza-300);
  border-radius:var(--rad);
  box-shadow:var(--shadow);
  padding:32px;
  width:100%;
  max-width:380px;
}
.login-logo{
  display:block;
  height:48px;
  margin:0 auto 16px;
}
.login-title{
  text-align:center;
  font-size:18px;
  font-weight:600;
  color:var(--cinza-700);
  margin-bottom:24px;
}
.login-erro{
  background:var(--erro-bg);
  color:var(--erro);
  padding:10px 12px;
  border-radius:var(--rad-sm);
  font-size:13px;
  margin-bottom:16px;
}
.login-form{display:flex;flex-direction:column;gap:14px}
.login-form label{display:flex;flex-direction:column;gap:4px}
.login-form label span{font-size:12px;color:var(--cinza-700);font-weight:500}
.login-form input{
  padding:10px 12px;
  border:1px solid var(--cinza-300);
  border-radius:var(--rad-sm);
  font-size:14px;
  font-family:inherit;
  outline:none;
  transition:border-color .15s,box-shadow .15s;
}
.login-form input:focus{
  border-color:var(--laranja);
  box-shadow:0 0 0 3px rgba(243,112,32,.15);
}
.login-form button{
  margin-top:6px;
  padding:11px 14px;
  background:var(--laranja);
  color:var(--branco);
  border:none;
  border-radius:var(--rad-sm);
  font-size:14px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  transition:background .15s;
}
.login-form button:hover{background:var(--laranja-escuro)}
.login-env{
  text-align:center;
  margin-top:18px;
  font-size:11px;
  color:var(--cinza-500);
  letter-spacing:.05em;
  text-transform:uppercase;
}

/* ── HEADER (home) ─────────────────────────────────────── */
.hdr{
  background:var(--branco);
  border-bottom:1px solid var(--cinza-300);
  padding:0 24px;
  height:60px;
  display:flex;
  align-items:center;
  gap:24px;
  box-shadow:var(--shadow-sm);
}
.hdr-logo{height:32px}
.hdr-nav{flex:1;display:flex;gap:4px}
.nav-btn{
  padding:8px 14px;
  border-radius:var(--rad-sm);
  font-size:13px;
  font-weight:500;
  color:var(--cinza-500);
  cursor:pointer;
  transition:all .15s;
}
.nav-btn:hover{background:var(--cinza-100);color:var(--cinza-900)}
.nav-btn.active{background:var(--laranja-claro);color:var(--laranja-escuro)}
.hdr-user{display:flex;align-items:center;gap:12px;font-size:13px}
.hdr-user-name{color:var(--cinza-700);font-weight:500}
.hdr-logout{font-size:12px;color:var(--cinza-500)}
.hdr-logout:hover{color:var(--laranja-escuro)}

/* ── CONTENT ───────────────────────────────────────────── */
.content{padding:24px;max-width:1280px;margin:0 auto}
.card{
  background:var(--branco);
  border:1px solid var(--cinza-300);
  border-radius:var(--rad);
  padding:24px;
  box-shadow:var(--shadow-sm);
}
.card h2{font-size:20px;font-weight:600;margin-bottom:4px}
.card h3{font-size:14px;font-weight:600;color:var(--cinza-700);margin:18px 0 8px;text-transform:uppercase;letter-spacing:.05em}
.card ul{margin-left:18px}
.card li{margin-bottom:4px}