@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");
:root {
  color-scheme: dark;
  --bg: #0f1729;
  --panel: #121b31;
  --line: #29313d;
  --text: #e7ebef;
  --muted: #8596ad;
  --blue: #3c83f6;
  --green: #21c45d;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select {
  font: inherit;
}
button,
a,
input,
select {
  outline-offset: 4px;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.shell {
  display: flex;
  min-height: 100vh;
}
aside {
  width: 225px;
  flex-shrink: 0;
  background: #131b2d;
  border-right: 1px solid var(--line);
  padding: 30px 20px;
  position: relative;
}
aside > a:not(.wordmark) {
  display: block;
  padding: 14px 12px;
  margin: 8px -4px;
  color: var(--muted);
}
aside > a.nav-active {
  background: #3c83f61a;
  color: #75a8ff;
  border-radius: 8px;
}
.wordmark {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -1px;
}
.wordmark span {
  font-weight: 400;
  color: var(--muted);
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 2px;
  color: var(--muted);
  margin: 35px 0 16px;
}
.sidebar-bottom {
  position: absolute;
  bottom: 30px;
  font-size: 11px;
  color: var(--muted);
}
.screen {
  padding: 36px;
  flex: 1;
  min-width: 0;
}
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
header .eyebrow {
  margin-top: 0;
}
h1 {
  font-size: 30px;
  letter-spacing: -1px;
  margin: 8px 0;
}
h2 {
  font-size: 22px;
  letter-spacing: -0.5px;
}
.muted,
small,
.fineprint {
  color: var(--muted);
}
.badge {
  font-size: 12px;
  text-transform: capitalize;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 30px;
}
.positive {
  color: var(--green);
}
.toolbar {
  display: flex;
  align-items: end;
  gap: 20px;
  margin: 32px 0 20px;
}
.toolbar label {
  font-size: 11px;
  color: var(--muted);
}
input,
select {
  display: block;
  width: 100%;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 12px;
  color: var(--text);
  margin: 8px 0 18px;
}
.toolbar input {
  margin-bottom: 0;
}
.toolbar > span {
  margin-left: auto;
  padding-bottom: 12px;
}
.table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
}
table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
th,
td {
  text-align: left;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}
th {
  font-size: 11px;
  color: var(--muted);
  font-weight: 500;
}
td {
  font-variant-numeric: tabular-nums;
}
td small {
  display: block;
  font-size: 11px;
  margin-top: 6px;
}
td strong {
  font-weight: 500;
}
.empty {
  text-align: center;
  padding: 70px 20px;
  color: var(--muted);
}
.empty h2 {
  color: var(--text);
  font-size: 18px;
}
.fineprint {
  font-size: 11px;
  margin-top: 20px;
}
.account-page {
  max-width: 1080px;
  margin: auto;
  padding: 32px 24px;
}
.account-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  margin: 70px 0;
}
.account-intro h1 {
  font-size: 54px;
  line-height: 1.05;
  margin: 24px 0;
}
.account-intro p {
  line-height: 1.8;
}
.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 30px;
  border-radius: 16px;
}
.tabs {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.tabs button,
.text-button {
  background: none;
  border: 0;
  color: var(--muted);
  padding: 8px 0;
}
.tabs .selected {
  color: var(--text);
  border-bottom: 2px solid var(--blue);
}
label {
  display: block;
  font-size: 12px;
}
.primary,
.secondary {
  border-radius: 7px;
  padding: 13px 18px;
  border: 1px solid var(--line);
  display: inline-block;
  text-align: center;
}
.primary {
  background: var(--blue);
  border-color: var(--blue);
  color: white;
}
.secondary {
  background: transparent;
  color: var(--text);
}
form > .primary,
.panel > .primary {
  width: 100%;
  margin: 12px 0;
}
.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px 0;
}
#message {
  padding: 16px;
  background: #3c83f61a;
  border: 1px solid #3c83f655;
  border-radius: 8px;
  line-height: 1.6;
}
#api-key {
  word-break: break-all;
  display: block;
  padding: 12px;
  background: var(--bg);
  user-select: all;
}
.fineprint a {
  text-decoration: underline;
}
footer {
  border-top: 1px solid var(--line);
  padding: 25px 0;
  color: var(--muted);
  font-size: 12px;
}
[hidden] {
  display: none !important;
}
@media (max-width: 800px) {
  aside {
    display: none;
  }
  .screen {
    padding: 24px 16px;
  }
  .toolbar {
    flex-wrap: wrap;
  }
  .toolbar > span {
    margin-left: 0;
  }
  .account-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    margin: 32px 0;
  }
  .account-intro h1 {
    font-size: 40px;
  }
  .panel {
    padding: 24px;
  }
  header {
    align-items: flex-start;
  }
}
.admin-page { max-width: 1200px; margin: 0 auto; padding: 32px 24px 80px; }
.admin-header { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:64px; }
.admin-header nav { display:flex; flex-wrap:wrap; gap:24px; }
.admin-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:32px 0; }
.admin-stats .panel { padding:24px; }
.admin-stats strong { display:block; font-size:32px; margin-top:12px; }
.admin-table-wrap { overflow-x:auto; }
.admin-table { width:100%; border-collapse:collapse; text-align:left; }
.admin-table th,.admin-table td { padding:18px 14px; border-bottom:1px solid var(--line); }
.admin-table th { color:var(--muted); font-weight:500; }
.admin-table small { display:block; margin-top:6px; color:var(--muted); }
@media(max-width:700px) { .admin-stats {grid-template-columns:repeat(2,1fr);} .admin-header {align-items:flex-start;} }

/* Account workspace: scoped so the live screen keeps its existing layout. */
.member-hub{max-width:1160px;margin:0 auto;padding:28px 32px 0;min-height:100vh}.member-hub .hub-nav{display:flex;align-items:center;gap:28px;padding:0 0 26px;border-bottom:1px solid var(--line)}.hub-nav nav{display:flex;gap:28px;margin-left:auto;font-size:13px;color:var(--muted);align-items:center}.hub-nav-active{color:var(--text)}.member-hub .hub-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:54px 0 30px}.hub-overline{font-size:10px;font-weight:600;letter-spacing:.17em;color:#87a3cd;margin:0 0 14px}.hub-heading h1{font-size:34px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 12px;font-weight:500}.member-hub .hub-muted{color:#98a8bf;font-size:14px;line-height:1.7;margin:0}.hub-identity{font-size:12px;color:var(--muted);padding-bottom:4px;overflow-wrap:anywhere}.hub-card{background:#121c30;border:1px solid #27334a;border-radius:16px;padding:28px}.hub-access{display:grid;grid-template-columns:1.3fr 1fr;padding:0;overflow:hidden}.hub-access-copy{padding:34px;background:radial-gradient(ellipse at top left,#203b642e,transparent 75%)}.hub-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:#1b2b45;color:#80adf5;border:1px solid #2a405f;border-radius:11px;flex-shrink:0}.hub-access-copy>.hub-icon{float:right}.hub-access h2{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:0 0 12px}.member-hub .hub-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 17px;border:1px solid #34435c;background:#19263c;color:#e7ebef;border-radius:8px;font:500 13px Inter,sans-serif;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .3s,border-color .3s}.member-hub .hub-button:hover{background:#22344e;border-color:#4c6385}.member-hub .hub-button-primary{background:#3c83f6;border-color:#3c83f6;color:white}.member-hub .hub-button-primary:hover{background:#2d73e6}.hub-access-copy>.hub-button{margin-top:25px}.hub-access-details{padding:34px;border-left:1px solid #27334a;background:#10192b80;display:flex;flex-direction:column;justify-content:center}.hub-status{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;text-transform:capitalize;padding:6px 10px;border-radius:6px;font-size:11px;border:1px solid #3a465a;color:#b8c3d4}.hub-status-active{background:#142d28;border-color:#284d3e;color:#90d5af}.hub-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.hub-access dl{margin:22px 0 0}.hub-access dl>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #263147;font-size:12px}.hub-access dl>div:last-child{border-bottom:0;padding-bottom:0}.hub-access dt{color:#8f9eb4}.hub-access dd{margin:0;text-align:right}.hub-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.hub-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.member-hub h2{line-height:1.3}.hub-card-title h2,.hub-admin h2{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.hub-small-tag{margin-left:auto;border:1px solid #34435c;border-radius:5px;padding:3px 7px;font-size:10px;color:#9eafc5;white-space:nowrap}.hub-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:22px}.member-hub .hub-link{display:inline-block;background:none;border:0;padding:0;font:500 12px Inter,sans-serif;color:#9ebff5;cursor:pointer;text-decoration:none}.hub-link:hover{text-decoration:underline}.member-hub .hub-danger{color:#d3a0a0}.hub-key-settings{border-top:1px solid #29364b;padding-top:18px;margin:20px 0}.hub-key-settings summary{font-size:13px;cursor:pointer;color:#ccd8eb}.hub-key-settings .hub-muted{margin-top:14px;font-size:12px}.hub-secret{display:block;padding:14px;background:#0c1423;border:1px solid #34435c;border-radius:8px;overflow-wrap:anywhere;margin:16px 0;font-size:12px;user-select:all}.hub-admin{display:flex;align-items:center;gap:18px;padding:22px 26px;border:1px solid #29364b;border-radius:12px;margin-top:20px}.hub-admin .hub-muted{font-size:12px;margin-top:4px}.hub-admin>.hub-button{margin-left:auto}.hub-footer{display:flex;justify-content:space-between;gap:20px;margin-top:56px;font-size:11px}.hub-loading{padding:50px;text-align:center}.hub-notice{padding:16px 20px;background:#192d4b;border:1px solid #365482;border-radius:10px;margin:20px 0;font-size:13px;line-height:1.6}.hub-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hub-plan{border:1px solid #29364b;background:#121c30;border-radius:16px;padding:28px;cursor:pointer;transition:border-color .3s,background .3s}.hub-plan-selected{border-color:#5e98f5;background:#16243d;box-shadow:inset 0 0 0 1px #5e98f5}.hub-plan-top{display:flex;align-items:center;justify-content:space-between}.hub-plan input{width:18px;height:18px;accent-color:#3c83f6;margin:0;padding:0}.hub-plan h2{font-size:20px;font-weight:500;margin:24px 0 10px;letter-spacing:-.5px}.hub-plan .hub-price{font-size:40px;letter-spacing:-1.4px;margin:26px 0}.hub-price span{font-size:13px;color:#98a8bf;letter-spacing:0;font-weight:400}.hub-plan ul{list-style:none;padding:0;margin:0;display:grid;gap:14px;font-size:13px}.hub-plan li{display:flex;gap:12px}.hub-plan li span{color:#8aafe8}.hub-checkout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4px 12px}.hub-checkout strong{font-size:15px;font-weight:500}.hub-checkout .hub-muted{font-size:12px;margin-top:5px}.hub-terms{font-size:11px;color:#8d9db4;margin:0 4px;line-height:1.7}.member-hub button:disabled{opacity:.45;cursor:wait}.member-hub :focus-visible{outline:2px solid #91b7f7;outline-offset:4px}
@media(max-width:760px){.member-hub{padding:22px 18px 0}.hub-nav nav{gap:14px}.hub-nav nav>a:first-child{display:none}.member-hub .hub-heading{margin:34px 0 24px;display:block}.hub-heading h1{font-size:28px}.hub-identity{display:block;margin-top:14px}.hub-access,.hub-tools,.hub-plan-grid{grid-template-columns:1fr}.hub-access-copy,.hub-access-details,.hub-card,.hub-plan{padding:24px}.hub-access{padding:0}.hub-access-details{border-left:0;border-top:1px solid #27334a}.hub-admin{flex-wrap:wrap;padding:20px}.hub-admin>.hub-button{margin-left:0;width:100%}.hub-admin>div:nth-child(2){flex:1}.hub-checkout{align-items:stretch;flex-direction:column;gap:16px}.hub-footer{flex-direction:column;gap:8px;margin-top:36px}.hub-card-title{gap:10px}.hub-card-title h2{font-size:15px}}

.hub-screen-only{grid-template-columns:1fr}.hub-plan-grid.hub-screen-only{max-width:720px}.hub-screen-only .hub-plan{cursor:default}

/* A focused checkout entry for customers without an active membership. */
.subscription-page{display:flex;flex-direction:column;min-height:100vh}.subscription-focus{width:100%;max-width:460px;margin:56px auto 44px}.subscription-heading{text-align:center;margin-bottom:26px}.subscription-heading h1{font-size:28px;font-weight:500;letter-spacing:-.9px;margin:0 0 10px}.subscription-heading p{color:#98a8bf;font-size:14px;margin:0}.subscription-card{border:1px solid #2e3d55;border-radius:16px;background:#131f34;padding:30px}.subscription-card-top{display:flex;align-items:center;justify-content:space-between}.subscription-trial{font-size:11px;color:#acd0ff;background:#213a5d;padding:6px 10px;border-radius:6px}.subscription-card h2{font-size:21px;font-weight:500;letter-spacing:-.4px;margin:24px 0 10px}.subscription-description{font-size:13px;line-height:1.7;color:#98a8bf;margin:0}.subscription-price{font-size:42px;letter-spacing:-1.5px;line-height:1.2;margin:26px 0}.subscription-price span{font-size:13px;letter-spacing:0;color:#98a8bf}.subscription-card ul{list-style:none;padding:22px 0 0;margin:0 0 28px;border-top:1px solid #2b384e;display:grid;gap:14px;font-size:13px}.subscription-card li{display:flex;gap:12px;line-height:1.5}.subscription-card li:before{content:"✓";color:#8bb7fa}.subscription-card>.hub-button{width:100%;justify-content:space-between;padding:14px 18px}.subscription-terms{font-size:11px;line-height:1.7;text-align:center;color:#8e9fb7;margin:15px 0 0}.subscription-reassurance{text-align:center;font-size:11px;color:#8e9fb7;margin:20px 0 0}.subscription-page>.hub-footer{margin-top:auto}.subscription-card>.hub-link{margin-top:20px}.subscription-page .hub-nav nav>a:first-child{display:block}@media(max-width:600px){.subscription-focus{margin:36px auto}.subscription-heading h1{font-size:25px}.subscription-card{padding:24px}.subscription-page .hub-nav{gap:14px}.subscription-page .hub-nav nav{font-size:12px}}
/* Two-Up tracker: adapted from the supplied handover's palette and table layout. */
.tracker-app{--t-bg:hsl(222 47% 11%);--t-panel:hsl(222 40% 12.5%);--t-text:hsl(210 20% 92%);--t-muted:hsl(215 20% 60%);--t-line:hsl(215 20% 20%);display:flex;height:100dvh;background:var(--t-bg);color:var(--t-text);font-size:13px}
.tracker-light{--t-bg:#f6f7f9;--t-panel:#fff;--t-text:#10182a;--t-muted:#677383;--t-line:#dce0e6;color-scheme:light}
.tracker-app button,.tracker-app select,.tracker-app input{color:inherit;background:transparent;border:1px solid var(--t-line);border-radius:6px;padding:7px 12px;font-size:12px}.tracker-app button:hover{background:#8596ad15}.tracker-app button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.tracker-app select option{background:var(--t-panel)}
.tracker-app .tracker-sidebar{width:222px;padding:0;background:var(--t-panel);border-right:1px solid var(--t-line);display:flex;flex-direction:column;position:relative;flex-shrink:0}.tracker-brand{height:60px;border-bottom:1px solid var(--t-line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.tracker-brand a{display:flex;align-items:center;gap:10px;font-size:14px}.tracker-symbol{display:grid;place-items:center;background:#e7ebef;color:#101827;width:23px;height:23px;border-radius:5px}.tracker-brand button{border:0;padding:0;color:var(--t-muted)}.tracker-sidebar nav{padding:16px 11px;display:grid;gap:4px}.tracker-sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;color:var(--t-muted);white-space:nowrap}.tracker-sidebar nav a.selected{background:#8596ad40;color:var(--t-text)}.tracker-app .tracker-logout{margin-top:auto;border:0;border-top:1px solid var(--t-line);border-radius:0;padding:20px;justify-content:flex-start;color:var(--t-muted)}.is-collapsed .tracker-sidebar{width:68px}.is-collapsed .nav-label{display:none}.is-collapsed .tracker-brand{padding:12px;gap:5px}.is-collapsed .tracker-brand button svg{width:12px}
.tracker-main{flex:1;min-width:0;max-width:1480px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.tracker-header{display:block;padding:24px 24px 20px;border-bottom:1px solid var(--t-line)}.tracker-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.tracker-heading h1{font-size:20px;letter-spacing:-.3px;margin:0 0 4px;font-weight:600}.tracker-heading p{font-size:13px;color:var(--t-muted);margin:0;opacity:.8}.tracker-tools{display:flex;gap:12px;align-items:center;color:var(--t-muted);font-size:11px;white-space:nowrap}.tracker-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;color:var(--t-muted)}.tracker-filters select{min-width:150px;max-width:250px}.tracker-filters input{width:120px}.tracker-filters>button{border:0}.tracker-health{margin-left:auto;font-size:11px}.tracker-content{padding:16px 24px 8px;display:flex;flex:1;flex-direction:column;min-height:0}.tracker-stats{display:flex;gap:24px;flex-wrap:wrap;border:1px solid var(--t-line);border-radius:8px;padding:12px 20px;background:var(--t-panel);margin-bottom:16px}.tracker-stats>div{display:flex;align-items:center;gap:8px}.tracker-stats small{display:block;font-size:10px;color:var(--t-muted);opacity:.7;margin:0 0 3px}.tracker-stats strong{font-size:14px;font-weight:600}.stat-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#3b82f615;color:#3b82f6}.tracker-app .green{color:#22c55e}.tracker-app .amber{color:#f59e0b}.tracker-app .blue{color:#3b82f6}.tracker-app .red{color:#ef6464}.tracker-table-wrap{overflow:auto;min-height:0;flex:1;border:1px solid var(--t-line);border-radius:8px;scrollbar-width:thin;scrollbar-color:#334155 transparent}.tracker-app .tracker-table{width:100%;min-width:1065px;table-layout:fixed;border-collapse:collapse}.tracker-table thead{position:sticky;top:0;z-index:1;background:var(--t-bg)}.tracker-app .tracker-table th{height:50px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:400;color:var(--t-muted);padding:10px 12px;text-align:left;border-bottom:1px solid var(--t-line)}.tracker-table th button{padding:0;border:0;font-size:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}.tracker-table th button span{opacity:.5}.tracker-app .tracker-table td{padding:14px 12px;height:65px;border-bottom:1px solid var(--t-line);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-table th:nth-child(n+5),.tracker-table td:nth-child(n+5){text-align:center}.tracker-table tbody tr:nth-child(even){background:#8596ad08}.tracker-table tbody tr:hover{background:#8596ad12}.tracker-table td small{display:block;color:var(--t-muted);opacity:.7;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.tracker-table td:first-child small{font-size:11px}.tracker-table .fixture-name{font-size:14px}.tracker-table td strong{font-size:14px;font-weight:500}.muted-cell{color:var(--t-muted)}.health-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8596ad;vertical-align:middle;margin-right:5px}.health-dot.live{background:#22c55e}.health-dot.down{background:#f59e0b}.edge-pill{display:inline-block;padding:4px 10px;border-radius:4px;background:#3b82f61a;font-weight:600;border:1px solid #3b82f620}.edge-pill.amber{background:#f59e0b20;border-color:#f59e0b20}.edge-pill.green{background:#22c55e18;border-color:#22c55e20}.edge-pill.red{background:#ef444418;border-color:#ef444420}.tracker-app .calc-button{border:0;color:var(--t-muted);font-size:11px;padding:0}.tracker-footnote{font-size:10px;color:var(--t-muted);margin:8px 0 0}.tracker-empty{padding:55px 20px;text-align:center;color:var(--t-muted)}.tracker-empty h2{font-size:16px}.tracker-modal-backdrop{position:fixed;inset:0;z-index:100;background:#0009;display:grid;place-items:center;padding:20px}.tracker-modal{position:relative;width:min(420px,100%);background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;padding:28px}.tracker-modal h2{font-size:20px}.tracker-modal p{color:var(--t-muted);line-height:1.6}.tracker-modal input{display:block;width:100%;margin-top:8px}.tracker-modal dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.tracker-modal dd{text-align:right;margin:0}.tracker-app .calc-close{position:absolute;right:12px;top:12px;border:0;font-size:20px}
@media(max-width:1100px){.tracker-heading{flex-wrap:wrap}.tracker-health{margin-left:0}.tracker-app .tracker-sidebar{width:190px}.tracker-stats{gap:18px}.is-collapsed .tracker-sidebar{width:68px}}
@media(max-width:700px){.tracker-app{height:100dvh;flex-direction:column}.tracker-app .tracker-sidebar{width:100%;height:auto;flex-direction:row;border-right:0;border-bottom:1px solid var(--t-line);align-items:center}.tracker-brand{border:0;height:52px;padding:0 12px}.tracker-brand .nav-label,.tracker-brand>button{display:none}.tracker-sidebar nav{display:flex;padding:6px;gap:0}.tracker-sidebar nav a{font-size:11px;padding:8px}.tracker-sidebar nav svg{width:13px}.tracker-app .tracker-logout{margin:0 4px 0 auto;border:0;padding:8px}.tracker-logout .nav-label{display:none}.tracker-header{padding:20px 16px 16px}.tracker-content{padding:12px 16px 8px}.tracker-tools{gap:8px;flex-wrap:wrap}.tracker-stats{gap:14px;padding:12px}.tracker-stats>div{width:calc(50% - 10px)}.tracker-filters select{min-width:0;width:calc(50% - 4px)}.tracker-filters input{width:calc(50% - 4px)}.tracker-main{width:100%}}
.tracker-filters input,.tracker-filters select{margin:0}.tracker-filters select{width:auto}.tracker-table th{white-space:normal}.tracker-table th button{text-align:inherit}
@media(max-width:700px){.tracker-filters select{width:calc(50% - 4px)}}

.admin-table td{vertical-align:top}.admin-table .secondary{white-space:nowrap;font-size:12px}.activity-details{min-width:260px;max-width:340px;white-space:normal;font-size:12px}.activity-details p{line-height:1.6}.activity-session{padding:14px 0;border-bottom:1px solid var(--line)}.activity-session strong,.activity-session span{display:block;margin-bottom:6px}.activity-session strong{font-family:monospace;overflow-wrap:anywhere}.activity-session span{color:var(--muted)}.activity-details .actions{gap:8px;margin-top:14px}

.tracker-table .bookmaker-logo{display:block;width:44px;height:auto;object-fit:contain;border-radius:6px;margin:0 auto}.offer-badges{display:inline-flex;align-items:center;justify-content:center;gap:4px}.offer-badge{display:inline-block;font-size:10px;font-weight:600;line-height:18px;padding:2px 5px;border-radius:4px;text-decoration:none!important;border:1px solid var(--t-line)}.offer-ep{color:#8db9ff;background:#3b82f615}.offer-mbo{color:var(--t-text);background:#8596ad15}.tracker-light .offer-ep{color:#2563eb}

.account-brand{display:inline-flex;align-items:center;gap:10px;color:#e7ebef;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.account-brand-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e7ebef;color:#101827;flex-shrink:0}