:root{--ink:#10212b;--muted:#667780;--line:#dbe5e7;--paper:#f4f7f6;--white:#fff;--teal:#0d7770;--teal-dark:#075b57;--amber:#a45f1e;--red:#a9433d;--shadow:0 12px 30px rgba(16,33,43,.07)}
.result-block{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.result-block textarea{width:100%;min-height:92px;background:#f7fbfa;color:var(--teal-dark);font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--teal-dark);text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:82px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:0 max(24px,calc((100% - 1180px)/2));}.brand-mark{height:36px;width:36px;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:800;border-radius:8px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--teal);text-transform:uppercase}.topbar h1{font-size:18px;margin:0;letter-spacing:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.badge{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.pending{background:#eef1f1;color:var(--muted)}.badge.ok{background:#e0f2ec;color:var(--teal-dark)}.badge.bad{background:#f9e5e1;color:var(--red)}.shell{max-width:1180px;margin:0 auto;padding:26px 24px 60px}.access-strip{background:var(--ink);color:#fff;border-radius:8px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.access-strip .section-kicker{color:#8ed5ca}.access-strip .muted{color:#aebfc3;margin-left:10px}.token-row{display:flex;gap:8px;min-width:min(560px,100%)}input,textarea,select{border:1px solid var(--line);background:#fbfdfc;color:var(--ink);border-radius:6px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,119,112,.12)}.token-row input{flex:1;background:#21343d;border-color:#3d5961;color:#fff}.token-row input::placeholder{color:#9eb0b5}.button{border:0;border-radius:6px;padding:10px 15px;font-weight:700;cursor:pointer;white-space:nowrap}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:#e7f2ef;color:var(--teal-dark)}.button.ghost{background:transparent;color:#c4d2d4;border:1px solid #526a71}.hero-row{display:flex;align-items:end;gap:36px;padding:38px 2px 26px}.hero-row h2{font-size:30px;line-height:1.1;margin:7px 0}.hero-row p{margin:0;max-width:610px}.muted{color:var(--muted)}.metric{margin-left:auto;min-width:86px;border-left:1px solid var(--line);padding-left:22px}.metric span{display:block;font-size:28px;font-weight:800}.metric small{color:var(--muted)}.work-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.panel,.table-section{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-width:0}.panel{padding:20px}.panel-head,.table-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel h3,.table-head h3{margin:4px 0 16px;font-size:17px}.format-chip{font-size:11px;background:#eef6f3;color:var(--teal-dark);padding:5px 8px;border-radius:4px}.import-panel textarea{width:100%;min-height:146px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.check-row{display:flex;align-items:center;gap:8px;margin:14px 0;color:var(--muted);font-size:13px}.check-row input{accent-color:var(--teal)}.inline-actions,.split-actions{display:flex;align-items:center;gap:12px}.split-panel{margin-top:16px}.split-panel p{margin:0 0 16px}.split-actions{flex-wrap:wrap}.split-actions input{flex:1;min-width:220px}.split-actions select{min-width:82px}.quick-panel{display:flex;flex-direction:column}.export-preview{border:1px dashed #b9cdca;background:#f7fbfa;padding:17px 14px;border-radius:6px;margin:3px 0 12px;overflow:hidden}.export-preview code{font-size:12px;color:var(--teal-dark)}.quick-panel p{margin:0 0 18px}.quick-panel .button{margin-top:auto}.icon-button{border:1px solid var(--line);background:#fff;color:var(--teal-dark);height:34px;width:34px;border-radius:6px;font-size:20px;cursor:pointer}.table-section{margin-top:16px;padding:20px}.table-head{align-items:center}.table-head h3{margin-bottom:0}.table-wrap{width:100%;max-width:100%;overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;border-top:1px solid var(--line);padding:13px 10px;vertical-align:middle}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}td:first-child{font-weight:700}.status{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#eef1f1;color:var(--muted)}.status.ready{background:#e0f2ec;color:var(--teal-dark)}.status.bad{background:#f9e5e1;color:var(--red)}.route{display:block;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--teal-dark);font-family:ui-monospace,monospace;font-size:12px}.copy{border:0;background:transparent;color:var(--teal);cursor:pointer;font-weight:700}.empty{text-align:center;color:var(--muted);padding:34px}.toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;padding:11px 14px;border-radius:6px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.query-panel{margin-top:16px}.query-input{width:100%;min-height:84px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.query-option{display:flex;align-items:center;gap:7px;color:var(--muted)}.query-option input{width:86px;padding:8px}.query-results-wrap{width:100%;max-width:100%;overflow:auto;margin-top:16px}.query-results{min-width:620px}.code-value{font-family:ui-monospace,monospace;font-weight:800;color:var(--teal-dark);letter-spacing:.08em}.query-ok{color:var(--teal-dark)}.query-error{color:var(--red)}@media(max-width:760px){.topbar{padding:0 16px}.top-actions a{display:none}.shell{padding:16px}.access-strip{align-items:stretch;flex-direction:column}.access-strip>div{min-width:0}.access-strip .muted{display:block;margin:4px 0 0}.token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0}.token-row input{grid-column:1/-1;min-width:0}.token-row .primary{width:100%}.hero-row{gap:15px;flex-wrap:wrap;padding-top:28px}.hero-row h2{font-size:26px}.metric{margin-left:0}.work-grid{grid-template-columns:minmax(0,1fr)}.metric:nth-last-child(1){margin-left:auto}.panel-head{min-width:0}.inline-actions,.split-actions{flex-wrap:wrap}.split-actions input{min-width:0;width:100%;flex-basis:100%}.query-results-wrap,.table-wrap{overscroll-behavior-inline:contain}}

.pool-description {
  margin: 8px 0 18px;
}

.account-pools {
  display: grid;
  gap: 16px;
}

.account-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scrollbar-width: thin;
}

.account-tab {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  max-width: 330px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  text-align: left;
}

.account-tab:hover {
  border-color: #9fbfba;
  background: #f7fbfa;
}

.account-tab.active {
  border-color: var(--teal);
  background: var(--teal);
  color: #fff;
  box-shadow: 0 5px 14px rgba(13, 119, 112, .18);
}

.account-tab-email {
  overflow: hidden;
  max-width: 220px;
  text-overflow: ellipsis;
  font-weight: 800;
  white-space: nowrap;
}

.account-tab-count {
  flex: 0 0 auto;
  padding-left: 10px;
  border-left: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.account-tab.active .account-tab-count {
  border-left-color: rgba(255, 255, 255, .35);
  color: #d9f1ed;
}

.account-pool-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfdfc;
}

.account-pool-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  background: #f1f8f6;
}

.account-identity,
.account-pool-summary,
.pool-route-address {
  display: flex;
  align-items: center;
}

.account-identity {
  min-width: 0;
  gap: 12px;
}

.account-avatar {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 8px;
  background: var(--teal);
  color: #fff;
  font-weight: 800;
}

.account-label {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.account-identity h4 {
  overflow: hidden;
  margin: 1px 0 0;
  text-overflow: ellipsis;
  font-size: 16px;
  white-space: nowrap;
}

.account-pool-summary {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.alias-count {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.pool-copy {
  padding: 5px 8px;
  border: 1px solid #b9cdca;
  border-radius: 5px;
  background: #fff;
}

.sync-account {
  padding: 5px 8px;
  border: 1px solid #b9cdca;
  border-radius: 5px;
  background: #fff;
  color: var(--teal-dark);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.sync-account:hover {
  border-color: var(--teal);
  background: #eaf5f2;
}

.sync-account:disabled {
  cursor: wait;
  opacity: .6;
}

.delete-account {
  padding: 5px 8px;
  border: 1px solid #ddb9b5;
  border-radius: 5px;
  background: #fff;
  color: var(--red);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.delete-account:hover {
  border-color: var(--red);
  background: #fdf3f1;
}

.delete-account:disabled {
  cursor: wait;
  opacity: .6;
}

.primary-route-block,
.split-routes-block {
  padding: 16px 18px 18px;
}

.split-routes-block {
  border-top: 1px solid var(--line);
  background: #fff;
}

.pool-subhead {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.pool-subhead h5 {
  margin: 2px 0 0;
  font-size: 13px;
}

.pool-subhead .muted {
  font-size: 12px;
}

.split-route-list {
  display: grid;
  gap: 8px;
}

.pool-route {
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(260px, 1.5fr) auto;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
}

.pool-route-address {
  min-width: 0;
  gap: 9px;
}

.alias-checkbox,
.alias-select-all {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  accent-color: var(--teal);
  cursor: pointer;
}

.pool-route-address strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.route-type {
  flex: 0 0 auto;
  padding: 3px 6px;
  border-radius: 4px;
  background: #f1eee8;
  color: var(--amber);
  font-size: 10px;
  font-weight: 800;
}

.route-type.primary {
  background: #e0f2ec;
  color: var(--teal-dark);
}

.pool-route .route {
  max-width: none;
}

.pool-route .copy {
  white-space: nowrap;
}

.pool-route-actions,
.alias-bulk-actions,
.alias-select-all-label {
  display: flex;
  align-items: center;
}

.pool-route-actions {
  justify-content: flex-end;
  gap: 8px;
}

.delete-alias,
.delete-selected-aliases {
  border: 1px solid #ddb9b5;
  border-radius: 5px;
  background: #fff;
  color: var(--red);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.delete-alias {
  padding: 4px 8px;
}

.delete-selected-aliases {
  padding: 5px 9px;
}

.delete-alias:hover,
.delete-selected-aliases:hover:not(:disabled) {
  border-color: var(--red);
  background: #fdf3f1;
}

.delete-alias:disabled,
.delete-selected-aliases:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.alias-bulk-actions {
  gap: 12px;
}

.alias-select-all-label {
  gap: 6px;
  color: var(--muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.pool-empty {
  padding: 18px 12px;
  border: 1px dashed #c9d7d8;
  border-radius: 6px;
  color: var(--muted);
  text-align: center;
}

.alias-split-panel {
  margin-top: 16px;
}

.alias-split-description {
  margin: 0 0 18px;
}

.alias-split-form {
  display: grid;
  grid-template-columns: minmax(240px, 1.5fr) minmax(110px, .55fr) repeat(3, minmax(150px, 1fr));
  gap: 12px;
}

.alias-field {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.alias-field > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

.alias-field input,
.alias-field select {
  width: 100%;
  min-width: 0;
}

.alias-split-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.alias-split-actions .muted {
  min-width: 0;
}

@media(max-width: 760px) {
  .account-pools-section {
    padding: 16px;
  }

  .account-pool-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-tab {
    max-width: 280px;
  }

  .account-pool-summary {
    justify-content: flex-start;
  }

  .pool-subhead {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .pool-route {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .pool-route .route {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .pool-route .copy {
    white-space: nowrap;
  }

  .pool-route-actions {
    grid-column: 2;
    grid-row: 1;
  }

  .alias-bulk-actions {
    width: 100%;
    justify-content: space-between;
  }

  .alias-split-form {
    grid-template-columns: minmax(0, 1fr) minmax(100px, .45fr);
  }

  .alias-account-field,
  .alias-field:nth-child(3),
  .alias-field:nth-child(4) {
    grid-column: 1 / -1;
  }

  .alias-split-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}