:root{
  --bg:#0b1220; --panel:#121a2b; --muted:#97a3b6; --brand:#1ea0f2; --accent:#7c3aed;
  --stroke:rgba(255,255,255,.08); --text:#e5e7eb;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#0b1220,#0e1526);color:var(--text)}
.topo,.nav{background:rgba(18,26,43,.85);backdrop-filter:blur(6px);border-bottom:1px solid var(--stroke)}
.conteudo{max-width:1200px;margin:20px auto;padding:0 16px}
.cartao{background:linear-gradient(180deg, rgba(18,26,43,.78), rgba(18,26,43,.94));border:1px solid var(--stroke);border-radius:22px;padding:22px;margin:18px auto;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr}}
label{font-size:13px;color:#cbd5e1;margin-bottom:6px;display:block}
.input,select,textarea{width:100%;background:#0f172a;border:1px solid #23314d;border-radius:12px;padding:12px;color:#e5e7eb}
button,.btn{background:linear-gradient(90deg,var(--brand),var(--accent));border:none;border-radius:12px;padding:10px 16px;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.18)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #23314d;padding:10px}
.table th{background:#1d2640}
.badge{padding:4px 8px;border-radius:999px;background:#182033}
.badge.novo{background:#1d4ed8}
.badge.aprovado{background:#059669}
.badge.em_separacao{background:#a16207}
.badge.cancelado{background:#991b1b}
.badge.entregue{background:#16a34a}
.msg-erro{color:#fecaca}
.msg-ok{color:#bbf7d0}
footer{color:#97a3b6;text-align:center;padding:16px;margin:20px 0}