.loginbox{max-width:440px;margin:36px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.loginbox h1{font-size:24px;margin:0 0 6px}
.loginbox .tabs{margin:8px 0 14px}
.loginbox .small{margin-top:12px}
#app h1{font-size:26px;margin:24px 0 10px}
.banner{background:linear-gradient(120deg,#0b5d3b,#1e9a63);color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:6px}
.banner b{display:block;font-size:19px;margin-bottom:2px}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin:16px 0}
.panel h2{font-size:18px;margin-bottom:10px}
.panel h3{margin:0 0 8px}
.card .desc2{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .btn[disabled]{cursor:not-allowed}
.badge2{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:20px;background:#eef1f4;color:#344054}
.badge2.ok{background:#ecfdf3;color:#067647}
.badge2.wait{background:#fff7ed;color:#b54708}
.badge2.no{background:#fef3f2;color:#b42318}
.fin{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.fin .full{grid-column:1/-1}
.al .meta{font-size:13px;color:var(--muted)}
@media(max-width:700px){.fin{grid-template-columns:1fr}}