/* dashboard */
.dash{max-width:960px;margin:0 auto;padding-inline:16px;padding-block:24px 64px;display:grid;gap:22px;font-size:15px}
.dash header{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.dash h1{font-size:34px}
.sample{background:var(--candy);font-size:12px;padding:3px 10px;border-radius:99px;letter-spacing:.04em}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.tile{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px}
.tile b{display:block;font-family:var(--f-display);font-size:40px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.tile span{font-size:13px;color:var(--muted)}
.bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden;display:flex}
.bar i{display:block;height:100%}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}
.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tools input{max-width:260px}
.btn{background:var(--lilac);color:var(--ink);font-weight:500;border:0;border-radius:4px;padding:10px 16px;cursor:pointer}
.btn.ghost{background:#fff;color:var(--action);border:1px solid var(--action)}
.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:6px}
table.list{width:100%;border-collapse:collapse;min-width:720px;font-size:14px}
table.list th{text-align:left;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
table.list td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}
.pill{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px}
.pill.yes{background:#DCEFE3;color:var(--good)}
.pill.no{background:#F6DCE1;color:var(--bad)}
.toast{background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px;font-size:14px}
.login{max-width:380px;margin:60px auto;padding-inline:16px;display:grid;gap:14px;text-align:center}
.login .names{font-size:56px}


.login h1{font-size:28px}
.card{display:grid;gap:10px}
.dash header{align-items:center}