body.adminpage{padding-bottom:20px}
main.wide{max-width:64rem;margin:16px auto;padding:0 12px}
.card.narrow{max-width:24rem;margin:10vh auto}
.topbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#tabs{display:flex;gap:6px;flex-wrap:wrap;flex:1}
#tabs button{background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:10px;padding:7px 12px}
#tabs button.on{background:var(--g);color:#fff;border-color:var(--g)}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{padding:8px 6px;text-align:start;border-bottom:1px solid var(--bd);vertical-align:top}
.tblwrap{overflow-x:auto}
.badge{display:inline-block;padding:1px 8px;border-radius:99px;font-size:.78rem;background:var(--bd)}
.badge.pending{background:#f6c453;color:#4a3600}.badge.confirmed{background:var(--g);color:#fff}
.badge.rejected,.badge.revoked{background:#b3261e;color:#fff}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.btn.danger{background:#b3261e}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 14px}
.formgrid .full{grid-column:1/-1}
textarea{font:inherit;width:100%;padding:9px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--tx)}
.ok{color:var(--g)}
pre{white-space:pre-wrap;margin:0;font-size:.78rem;direction:ltr;text-align:left}
.pw{position:relative}
.pw input{padding-inline-end:3rem}
.pw .eye{position:absolute;inset-inline-end:6px;top:calc(50% + 2px);transform:translateY(-50%);background:none;border:0;font-size:1.15rem;line-height:1;padding:6px;cursor:pointer;opacity:.75}
.pw .eye:hover{opacity:1}
.confirmbox{border:1px dashed var(--gold);border-radius:12px;padding:4px 12px;background:var(--paper)}