@import url("/assets/css/site.css");

.auth{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 18px}
.appbar{position:sticky;top:0;background:rgba(11,18,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.list .rowitem{display:block;padding:12px;border-radius:14px;border:1px solid var(--border);background:rgba(15,27,51,.45);margin:10px 0}
.rowitem.link:hover{filter:brightness(1.07);text-decoration:none}
.pill{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(0,0,0,.22)}
.pill.sent{background:rgba(110,168,255,.12)}
.pill.approved{background:rgba(102,255,182,.10)}
.pill.denied{background:rgba(255,110,138,.12);border-color:rgba(255,110,138,.35)}
.pill.draft{background:rgba(255,211,110,.10)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.k{color:var(--muted);font-size:.9rem}
.v{font-size:1.4rem;font-weight:900}
.muted{color:var(--muted)}
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1000px){.pricing{grid-template-columns:1fr}}
.highlight{outline:2px solid rgba(110,168,255,.35)}
.price{font-size:2rem;font-weight:900}
.price span{font-size:1rem;color:var(--muted);font-weight:700}