.bk-tabs,.bk-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap
}
.bk-tabs {
  justify-content:flex-start;
  padding-bottom:4px
}
.bk-count {
  font-size:12px;
  opacity:.8
}
.bk-intro {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:linear-gradient(110deg,#e7f3f1,#fff)
}
.bk-intro h2 {
  margin:8px 0;
  font-size:24px
}
.bk-eyebrow {
  color:var(--primary);
  font-size:12px;
  font-weight:600;
  letter-spacing:.05em
}
.bk-accounts {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:0 24px
}
.bk-account {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 0;
  border-bottom:1px solid var(--border)
}
.bk-account p {
  font-size:12px;
  margin:5px 0 0
}
.bk-drop {
  border:2px dashed #9acbc4;
  border-radius:14px;
  padding:28px;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:center;
  background:#f6fbfa;
  cursor:pointer;
  text-align:center
}
.bk-drop strong {
  font-size:18px
}
.bk-drop span {
  color:var(--muted)
}
.bk-drop input {
  max-width:100%
}
.bk-queue {
  display:grid;
  gap:20px
}
.bk-file {
  padding:20px;
  border:1px solid var(--border);
  border-radius:12px
}
.bk-file>.field {
  max-width:360px;
  margin-top:16px
}
.bk-notice {
  padding:12px 16px;
  background:#fff7e5;
  color:#805600;
  border-radius:9px;
  font-size:13px;
  margin:14px 0;
  line-height:1.7
}
.bk-form-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 20px;
  margin:14px 0
}
.bk-check {
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:14px 0;
  font-size:13px
}
.bk-check input {
  flex:0 0 auto;
  margin-top:4px;
  width:auto
}
.bk-table-wrap {
  overflow:auto;
  margin-top:14px
}
.bk-table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:13px
}
.bk-table th {
  font-weight:500;
  color:var(--muted);
  background:#f8fafb;
  white-space:nowrap
}
.bk-table th,.bk-table td {
  padding:12px;
  border-bottom:1px solid var(--border);
  vertical-align:top
}
.bk-table td {
  min-width:80px
}
.bk-table small {
  display:block;
  color:var(--muted);
  margin-top:5px;
  max-width:300px;
  overflow-wrap:anywhere
}
.bk-merchant {
  max-width:280px
}
.bk-money {
  white-space:nowrap;
  font-variant-numeric:tabular-nums
}
.bk-filter {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:12px;
  margin:18px 0
}
.bk-filter .field {
  margin:0
}
.bk-filter input,.bk-filter select,.bk-form-grid select {
  width:100%;
  min-width:0
}
.bk-badge {
  display:inline-block;
  background:#e7f3f1;
  color:#0f766e;
  border-radius:20px;
  font-size:12px;
  padding:3px 9px;
  white-space:nowrap
}
.bk-warning {
  background:#fff3dc;
  color:#996100
}
.bk-review-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}
.bk-review-grid h3 {
  margin:0
}
.bk-group-amount {
  font-size:24px
}
.bk-mini-list {
  margin:16px 0
}
.bk-mini-list>div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--border);
  padding:6px 0
}
.bk-mini-list span {
  font-size:12px;
  max-width:65%;
  overflow-wrap:anywhere
}
.bk-wide {
  width:min(780px,calc(100vw - 32px));
  max-width:780px
}
.bk-detail-list {
  max-height:260px;
  overflow:auto;
  font-size:12px
}
.bk-raw {
  display:grid;
  grid-template-columns:130px 1fr;
  gap:8px;
  font-size:13px
}
.bk-raw dt {
  color:var(--muted)
}
.bk-raw dd {
  margin:0;
  overflow-wrap:anywhere
}
.bk-candidate {
  padding:12px;
  border:1px solid var(--border);
  border-radius:8px;
  margin:10px 0
}
.bk-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px
}
.bk-stats strong {
  font-size:24px;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}
.bk-bar-row {
  margin:18px 0
}
.bk-bar-row>div:first-child {
  display:flex;
  justify-content:space-between;
  gap:12px
}
.bk-bar {
  height:7px;
  background:#edf2f1;
  border-radius:8px;
  margin-top:8px
}
.bk-bar i {
  display:block;
  height:100%;
  border-radius:8px;
  background:#0f766e
}
.bk-file details,.bk-wide details {
  margin:16px 0
}
.bk-file summary,.bk-wide summary {
  cursor:pointer;
  color:var(--primary);
  font-weight:500
}
.bk-file pre,.bk-wide pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.bk-tabs .btn:focus-visible,[data-bk]:focus-visible {
  outline:3px solid #99d7ce;
  outline-offset:3px
}
@media(max-width:1100px) {
  .bk-stats {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:680px) {
  .bk-intro {
    align-items:flex-start;
    flex-direction:column
  }
  .bk-intro h2 {
    font-size:21px
  }
  .bk-review-grid,.bk-form-grid {
    grid-template-columns:1fr
  }
  .bk-stats {
    gap:8px
  }
  .bk-stats strong {
    font-size:19px
  }
  .bk-tabs {
    gap:6px
  }
  .bk-tabs .btn {
    padding:8px 10px
  }
  .bk-drop {
    padding:20px 10px
  }
  .bk-raw {
    grid-template-columns:90px 1fr
  }
  .bk-file {
    padding:12px
  }
  .bk-table th,.bk-table td {
    padding:10px 8px
  }
  .bk-filter {
    grid-template-columns:1fr 1fr
  }
}
@media (max-width: 860px) {
  .sidebar-foot { display: flex; flex-shrink: 0; }
  .sidebar-foot [data-action="save-snapshot"] { display: none; }
  .sidebar-foot .btn { font-size: 12px; padding: 8px; }
  .sidebar .nav { min-width: 0; }
  .sidebar .brand { flex: 0 0 auto; }
}