:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202229;background:#f5f5f6;font-size:14px;--red:#b82735}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid transparent;background:var(--red);color:white;border-radius:7px;padding:11px 17px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#333;border-color:#ddd}label{display:grid;gap:8px;font-size:13px;font-weight:600}input,select,textarea{border:1px solid #d6d7db;border-radius:6px;padding:11px;background:white;color:#202229;min-width:0;width:100%}textarea{min-height:150px;resize:vertical}form{display:grid;gap:18px}button:focus-visible,a:focus-visible{outline:3px solid #cc8291;outline-offset:3px}h1,h2,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px}h2{font-size:23px;letter-spacing:-.5px}p{line-height:1.7;color:#666}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8b8d93;margin-bottom:15px}.wordmark{display:block;font-size:44px;font-weight:850;letter-spacing:4px}.wordmark span{display:block;font-size:10px;letter-spacing:4px;margin-top:4px;color:#c94552}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:#151619;color:white;padding:12vh 8vw;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.login-brand h1{font-size:clamp(40px,5vw,70px);line-height:1.12}.login-brand p{color:#999}.login-panel{padding:12vh 8vw;align-self:center;max-width:650px;width:100%}.login-panel form{margin:30px 0 20px}.login-panel small{color:#85878c;line-height:1.8;display:block}#workspace{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#151619;color:white;padding:32px 22px;display:flex;flex-direction:column}aside .wordmark{font-size:33px;margin-bottom:55px}nav{display:grid;gap:6px}nav button{text-align:left;border:0;background:transparent;color:#9fa1a8;font-size:13px;font-weight:500;padding:13px}nav button.active{background:#2c2025;color:white;border-left:3px solid #cf3948;border-radius:4px}.sidebar-foot{margin-top:auto;display:grid;gap:10px;padding-top:30px}.sidebar-foot small{color:#999}.sidebar-foot button{margin-top:14px;background:#232429;border-color:#333;color:#eee}main{margin-left:235px;padding:40px 45px;max-width:1650px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}header .eyebrow{margin-bottom:8px}header h1{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.card,.panel{background:white;border:1px solid #e3e4e7;border-radius:10px;padding:24px}.card .value{font-size:30px;font-weight:650;display:block;margin:12px 0}.panel{margin-bottom:20px}.panel h2{font-size:18px}.notice{border:1px solid #ebd1ad;background:#fff9ed;padding:15px 18px;border-radius:7px;color:#71502a;line-height:1.6;margin-bottom:22px}.badge{display:inline-block;background:#f1f1f3;color:#666;border-radius:20px;padding:5px 9px;font-size:11px}.good{background:#eaf5ef;color:#28734e}.muted,small{color:#85878c}.empty{padding:40px 20px;text-align:center;color:#73767e;line-height:1.8}.toolbar{display:flex;gap:12px;align-items:end;margin-bottom:20px}.toolbar label{flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#fafafa;color:#8b8d93}th,td{padding:14px 12px;border-bottom:1px solid #eee;vertical-align:top;max-width:500px;overflow-wrap:anywhere}td button{padding:6px 10px;font-size:12px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.stack{display:grid;gap:15px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #eee}.row:last-child{border:0}pre{white-space:pre-wrap;font:inherit;line-height:1.7;color:#555}footer{font-size:11px;color:#9c9da3;margin-top:40px}#status-message:not(:empty){padding:12px;background:#fff0ee;color:#932f34;border-radius:6px;margin-bottom:20px}[hidden]{display:none!important}@media(max-width:1000px){main{padding:28px}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}}@media(max-width:700px){.login{grid-template-columns:1fr}.login-brand{padding:30px;gap:25px}.login-brand h1{display:none}.login-brand p{margin:0}.login-panel{padding:35px 28px}aside{position:static;width:auto;padding:22px}.wordmark,aside .wordmark{font-size:25px;margin-bottom:20px}aside .eyebrow{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.sidebar-foot{padding-top:18px;display:flex;align-items:center;flex-wrap:wrap}.sidebar-foot button{margin:0 0 0 auto}main{margin:0;padding:24px 18px}.toolbar{flex-wrap:wrap}.toolbar label{min-width:160px}header h1{font-size:25px}}

/* Readable tracker tables */
.table-wrap {
  max-width: 100%;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}
.table-wrap table {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}
.table-wrap th,
.table-wrap td {
  min-width: 140px;
  max-width: 300px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  line-height: 1.5;
  padding: 14px 18px;
}
.table-wrap th {
  font-size: 11px;
  letter-spacing: .4px;
  color: #555;
  background: #f7f8fa;
}
.table-wrap tbody tr:hover {
  background: #fafafa;
}

main {
  max-width: none;
  min-width: 0;
}

main { max-width:none; min-width:0; }
.tracker-heading {
  display:flex; justify-content:space-between;
  align-items:flex-start; gap:20px;
}
.tracker-heading p { margin:8px 0 20px; }
.tracker-tools {
  display:grid; grid-template-columns:minmax(240px,1fr) minmax(280px,2fr);
  gap:16px;
}
.tracker-summary { margin:18px 0; font-size:13px; }
.tracker-scroll { max-height:calc(100vh - 300px); }
.table-wrap .tracker-grid {
  width:100%; min-width:1000px; table-layout:fixed;
}
.table-wrap .tracker-grid th,
.table-wrap .tracker-grid td {
  min-width:0; max-width:none; padding:16px 14px;
  font-size:13px; vertical-align:middle;
}
.table-wrap .tracker-grid th {
  position:sticky; top:0; z-index:1;
  font-size:11px; font-weight:700;
}
.tracker-grid th:first-child { width:27%; }
.tracker-grid th:last-child { width:140px; }
.tracker-grid td:first-child { font-weight:650; }
.tracker-cell {
  display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.tracker-grid button { white-space:nowrap; padding:8px 12px; }
.tracker-pager { display:flex; justify-content:flex-end; gap:10px; margin-top:16px; }
.tracker-dialog {
  width:min(800px,94vw); max-height:85vh; overflow:auto;
  padding:28px; border:1px solid #ddd; border-radius:14px;
  color:#202229; box-shadow:0 24px 80px #0003;
}
.tracker-dialog::backdrop { background:#1119; }
.tracker-details { display:grid; grid-template-columns:180px 1fr; margin:20px 0 0; }
.tracker-details dt,.tracker-details dd {
  margin:0; padding:13px 10px; border-bottom:1px solid #eee;
  white-space:pre-wrap; overflow-wrap:break-word;
}
.tracker-details dt { color:#666; font-size:12px; font-weight:600; }
.tracker-details dd { font-size:14px; line-height:1.6; }
@media(max-width:700px) {
  .tracker-tools { grid-template-columns:1fr; }
  .tracker-details { grid-template-columns:1fr; }
  .tracker-details dt { border-bottom:0; padding-bottom:0; }
}
