.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:28px}
.kpi{padding:18px 22px;display:flex;flex-direction:column;gap:2px}
.kpi small{font-family:var(--f-display);font-size:13px;letter-spacing:.22em;color:var(--dust)}
.kpi b{font-family:var(--f-display);font-size:38px;line-height:1.1;color:var(--amber)}
.block{margin-top:48px}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:14px}
.search{display:flex;gap:8px;flex-wrap:wrap}
.search .in{width:280px;max-width:100%}
.tablewrap{margin-top:14px;outline:1px solid var(--line);overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;min-width:860px}
.tbl th{text-align:left;font-family:var(--f-display);font-weight:600;font-size:13px;letter-spacing:.2em;color:var(--dust);padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.tbl tr:hover td{background:rgba(255,204,102,.03)}
.tbl .mono{font-family:ui-monospace,Consolas,monospace;font-size:14px}
.tbl .acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.tbl a{color:var(--bone)} .tbl a:hover{color:var(--amber)}
.sw{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-left:4px;outline:1px solid rgba(0,0,0,.5)}
.pcard{padding:18px 20px;margin-bottom:12px}
.pcard .head{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pcard img{width:40px;height:40px;outline:1px solid var(--line)}
.dlg{background:var(--olive);color:var(--bone);border:0;outline:1px solid var(--amber);padding:28px;max-width:min(92vw,520px);box-shadow:0 20px 60px rgba(0,0,0,.7)}
.dlg::backdrop{background:rgba(0,0,0,.65)}
.dlg form{display:flex;flex-direction:column;gap:16px}
.btn.danger{background:transparent;color:var(--bad);outline:1px solid rgba(224,107,94,.6)}
.btn.danger:hover{background:rgba(224,107,94,.12);color:var(--bad)}