:root{
  --bg:#0f1115; --card:#171a21; --line:#2a2f3a; --ink:#e8eaed;
  --mut:#9aa0ab; --acc:#ff6a00; --acc2:#1f2430; --ok:#21c07a; --bad:#e0533d;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}
a{color:var(--acc)}
h1{font-size:1.4rem;margin:0 0 4px}
h2{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);
  border-bottom:1px solid var(--line);padding-bottom:6px;margin:26px 0 14px}

/* ---------- público ---------- */
.pub{padding:18px}
.card{max-width:760px;margin:0 auto;background:var(--card);border:1px solid var(--line);
  border-radius:16px;padding:22px}
.brand{display:flex;gap:14px;align-items:center;margin-bottom:8px}
.brand p{margin:2px 0 0;color:var(--mut);font-size:.9rem}
.logo{width:54px;height:54px;border-radius:12px;object-fit:cover;background:#000}
.frm label{display:flex;flex-direction:column;font-size:.8rem;color:var(--mut);gap:6px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid .full{grid-column:1/-1}
input,select,textarea{background:#0e1016;border:1px solid var(--line);border-radius:10px;
  color:var(--ink);padding:11px 12px;font-size:1rem;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)}
.check{display:flex !important;flex-direction:row !important;gap:10px;align-items:flex-start;
  margin:22px 0 6px;color:var(--ink);font-size:.85rem}
.check input{width:auto;margin-top:2px}
button{margin-top:18px;width:100%;background:var(--acc);color:#fff;border:0;border-radius:12px;
  padding:14px;font-size:1.05rem;font-weight:600;cursor:pointer}
button:hover{filter:brightness(1.07)}
.msg{max-width:560px;margin:60px auto;text-align:center}
.msg .big{font-size:3rem}

/* ---------- dashboard ---------- */
.adm{padding:0}
.topbar{display:flex;justify-content:space-between;align-items:center;
  padding:14px 18px;border-bottom:1px solid var(--line);background:var(--card);
  position:sticky;top:0;z-index:5}
.topbar h1{font-size:1.1rem}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.tabs a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;
  text-decoration:none;color:var(--mut);font-size:.85rem}
.tabs a.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.row{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:14px 16px;margin-bottom:12px}
.row .head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.row .moto{font-weight:600}
.row .meta{color:var(--mut);font-size:.82rem;margin-top:4px;line-height:1.5}
.badge{font-size:.7rem;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
.b-pend{background:#3a2e12;color:#f0b429}
.b-aprob{background:#10331f;color:var(--ok)}
.b-rech{background:#3a1714;color:var(--bad)}
.code{font-family:ui-monospace,Menlo,monospace;color:var(--acc)}
.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.btn{padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--acc2);
  color:var(--ink);text-decoration:none;font-size:.85rem;cursor:pointer;font-weight:500}
.btn.green{background:var(--ok);color:#04210f;border-color:var(--ok)}
.btn.wa{background:#25d366;color:#04210f;border-color:#25d366}
.btn.red{background:transparent;color:var(--bad);border-color:var(--bad)}
.btn.ghost{background:transparent}
.empty{text-align:center;color:var(--mut);padding:50px 0}

/* ---------- login ---------- */
.login{max-width:340px;margin:80px auto;padding:26px;background:var(--card);
  border:1px solid var(--line);border-radius:16px}
.login h1{text-align:center;margin-bottom:18px}
.err{background:#3a1714;color:#f0a;padding:10px;border-radius:10px;font-size:.85rem;margin-bottom:12px}

@media(max-width:620px){.grid{grid-template-columns:1fr}}