:root, [data-bs-theme="dark"] {
  color-scheme: dark;
  --tblr-body-bg: #111111;
  --tblr-body-color: #eeeeee;
  --tblr-bg-surface: #1b1b1b;
  --tblr-bg-surface-secondary: #242424;
  --tblr-bg-surface-tertiary: #303030;
  --tblr-border-color: #333333;
  --tblr-secondary: #aaaaaa;
  --tblr-link-color: #eeeeee;
  --tblr-link-hover-color: #ffffff;
  --tblr-primary: #eeeeee;
  --tblr-primary-rgb: 238, 238, 238;
}
.btn-primary{--tblr-btn-bg:#eeeeee;--tblr-btn-border-color:#eeeeee;--tblr-btn-color:#111111;--tblr-btn-hover-bg:#cccccc;--tblr-btn-hover-border-color:#cccccc;--tblr-btn-hover-color:#111111;--tblr-btn-active-bg:#bbbbbb;--tblr-btn-active-border-color:#bbbbbb;--tblr-btn-active-color:#111111;--tblr-btn-disabled-bg:#777777;--tblr-btn-disabled-border-color:#777777;--tblr-btn-disabled-color:#111111}
.form-control,.form-select{background-color:#151515;border-color:#414141;color:#eeeeee}
.form-control:focus,.form-select:focus{background-color:#151515;color:#ffffff;border-color:#999999;box-shadow:0 0 0 .2rem #ffffff18}
.form-check-input:checked{background-color:#777777;border-color:#aaaaaa}
.text-primary{color:#eeeeee!important}.bg-primary{background-color:#eeeeee!important;color:#111111!important}
.brand-mark{color:#111111!important}
#giftPicker{width:min(1120px,96vw);max-width:1120px;height:min(820px,92svh);max-height:92svh;overflow:hidden}
#giftPicker[open]{display:flex;flex-direction:column}
#giftPicker .dialog-header,#giftPicker .dialog-footer{flex-shrink:0}
.gift-search{display:flex;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid #333333;flex-shrink:0}
.gift-search input{max-width:460px}.gift-search span{white-space:nowrap}
.gift-grid{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:14px;flex:1;min-height:0;align-content:start}
.gift-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:166px;padding:18px 10px 14px;border:1px solid #414141;border-radius:8px;background:#242424;color:#eeeeee;transition:background .15s,border-color .15s}
.gift-choice:hover{background:#303030;border-color:#858585}.gift-choice.selected{border:2px solid #eeeeee;background:#363636;padding:17px 9px 13px}.gift-choice:focus-visible{outline:3px solid #ffffff;outline-offset:2px}
.gift-choice img,.gift-placeholder{width:70px;height:70px;object-fit:contain;font-size:46px}.gift-choice strong{font-size:13px;text-align:center;line-height:1.4}.gift-cost{color:#cccccc;font-size:12px}.gift-check{position:absolute;right:9px;top:8px;color:#ffffff;display:none}.selected .gift-check{display:block}
.selected-gifts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.selected-gifts span{display:flex;align-items:center;gap:6px;background:#303030;padding:6px 10px;border-radius:5px}.selected-gifts img{width:28px;height:28px;object-fit:contain}
.agency-arena-entry{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333333;padding:14px 0;gap:12px}.agency-arena-entry small{display:block;color:#aaaaaa;margin-top:5px}
@media(max-width:600px){.gift-grid{padding:12px;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.gift-choice{min-height:148px}.gift-choice img{width:56px;height:56px}.gift-search{padding:14px;gap:10px}#giftPicker .dialog-footer{padding:14px;flex-wrap:wrap}#giftPicker .dialog-header{padding:16px}.gift-choice strong{font-size:12px}}
body {
  background: #111111;
  color: #eeeeee;
}
[hidden] {
  display: none !important;
}
.login-shell {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px;
}
.login-card {
  width: 100%;
  max-width: 410px;
}
.brand-mark {
  display: inline-grid;
  place-items: center;
  background: #eeeeee;
  color: white;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  font-weight: 800;
}
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 236px;
  background: #1b1b1b;
  color: #dddddd;
  display: flex;
  flex-direction: column;
  z-index: 20;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 28px 24px;
  color: white;
  text-decoration: none;
  font-size: 19px;
}
.brand img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  background: white;
  border-radius: 6px;
}
.sidebar-caption {
  padding: 0 24px 20px;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999999;
}
.sidebar nav a {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 13px 24px;
  color: #bbbbbb;
  text-decoration: none;
  border-left: 3px solid transparent;
  min-height: 46px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.sidebar nav a.active {
  background: #303030;
  border-color: #eeeeee;
  color: white;
  font-weight: 500;
}
.sidebar nav svg {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  display: block;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sidebar-footer {
  margin-top: auto;
  padding: 24px;
  font-size: 13px;
  color: #bbbbbb;
}
.page-wrapper {
  margin-left: 236px;
  min-height: 100svh;
}
.panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1b1b1b;
  border-bottom: 1px solid #333333;
  padding: 24px 32px;
  gap: 16px;
}
.panel-header h1 {
  font-size: 24px;
}
.panel-main {
  padding: 28px 32px;
  max-width: 1600px;
  margin: 0 auto;
}
.toolbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}
.toolbar .form-control {
  max-width: 320px;
}
.summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 24px;
}
.summary .card-body {
  padding: 20px;
}
.summary strong {
  display: block;
  font-size: 28px;
  margin-top: 8px;
  font-weight: 600;
}
.table th {
  font-size: 11px;
  letter-spacing: 0.5px;
}
.table td {
  vertical-align: middle;
  padding-top: 16px;
  padding-bottom: 16px;
}
.table-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}
.table-logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border: 1px solid #e4e7eb;
  background: white;
  border-radius: 5px;
  margin-right: 10px;
}
.identity-cell {
  display: flex;
  align-items: center;
}
.empty-state {
  padding: 60px 24px;
  text-align: center;
  color: #aaaaaa;
}
.stream-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
  gap: 24px;
}
.card-header {
  min-height: 60px;
}
.control-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.account-tiktok {
  font-size: 25px;
  font-weight: 600;
}
.url-box {
  display: flex;
  gap: 10px;
}
.url-box input {
  min-width: 0;
}
.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
  margin-right: 6px;
}
dialog {
  border: 1px solid #414141;
  background: #1b1b1b;
  color: #eeeeee;
  border-radius: 8px;
  padding: 0;
  max-width: 580px;
  width: calc(100% - 32px);
  box-shadow: 0 12px 60px #00000066;
}
dialog::backdrop {
  background: #00000099;
}
.dialog-header,
.dialog-footer {
  padding: 18px 24px;
  border-bottom: 1px solid #333333;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dialog-footer {
  border-top: 1px solid #333333;
  border-bottom: 0;
  justify-content: flex-end;
  gap: 8px;
}
.dialog-body {
  padding: 24px;
  max-height: 65svh;
  overflow-y: auto;
}
.field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.field {
  margin-bottom: 16px;
}
.field label {
  display: block;
}
.arena-score-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.arena-score-list li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #333333;
  padding: 12px 0;
}
.arena-score-list li:last-child {
  border: 0;
}
.help-text {
  font-size: 13px;
  color: #aaaaaa;
}
.plan-row {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.plan-row button {
  flex: 1;
  white-space: normal;
  padding: 12px 6px;
}
.plan-row strong {
  display: block;
}
.audit-details {
  max-width: 360px;
  overflow-wrap: anywhere;
}
.mobile-role {
  display: none;
}
@media (max-width: 1000px) {
  .sidebar {
    width: 196px;
  }
  .page-wrapper {
    margin-left: 196px;
  }
  .panel-main {
    padding: 20px;
  }
  .panel-header {
    padding: 20px;
  }
  .stream-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .sidebar {
    position: static;
    width: 100%;
    height: auto;
  }
  .brand {
    padding: 16px 20px;
  }
  .sidebar-caption {
    display: none;
  }
  .sidebar nav {
    display: flex;
    overflow-x: auto;
  }
  .sidebar nav a {
    padding: 12px 16px;
    white-space: nowrap;
    border-left: 0;
    border-bottom: 3px solid transparent;
  }
  .sidebar-footer {
    position: absolute;
    right: 16px;
    top: 13px;
    padding: 0;
  }
  .sidebar-footer span {
    display: none;
  }
  .sidebar-footer button {
    margin: 0 !important;
  }
  .page-wrapper {
    margin-left: 0;
  }
  .panel-header {
    padding: 20px;
  }
  .summary {
    gap: 10px;
  }
  .summary strong {
    font-size: 22px;
  }
  .summary .card-body {
    padding: 14px;
  }
  .toolbar {
    align-items: stretch;
  }
  .toolbar .form-control {
    min-width: 0;
  }
  .field-grid {
    grid-template-columns: 1fr;
  }
  .panel-main {
    padding: 16px;
  }
  .table-actions {
    flex-wrap: wrap;
  }
  .plan-row {
    flex-wrap: wrap;
  }
}