:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#172226;
  background:#f4f6f4;
  font-synthesis:none;
}
*{box-sizing:border-box}
body{margin:0;background:#f4f6f4;color:#172226}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.site-header{background:#fff;border-bottom:1px solid #dce2dd;position:sticky;top:0;z-index:10}
.top{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{font-weight:800;letter-spacing:-.02em;font-size:17px}
.brand span{font-weight:600;color:#66766f;margin-left:5px}
.top-actions{display:flex;align-items:center;gap:8px}
.nav-link,.btn{border:0;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700;cursor:pointer}
.nav-link{color:#506159}
.nav-link:hover,.nav-link.active{background:#eef3f0;color:#244b40}
.btn{display:inline-flex;align-items:center;justify-content:center;background:#315f52;color:#fff}
.btn:hover{background:#294f45}
.btn.secondary{background:#eef2ef;color:#30483f;border:1px solid #dce2dd}
.btn.secondary:hover{background:#e5ece8}
.view{max-width:1180px;margin:0 auto;padding:42px 34px 70px}
.view.narrow{max-width:900px}
.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:24px}
.page-header h1{margin:7px 0 10px;font-size:34px;letter-spacing:-.025em}
.page-header p{max-width:760px;margin:0;color:#697873;line-height:1.55}
.kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#587067}
.message{min-height:20px;margin:4px 0 18px;color:#64746e;font-size:13px}
.message.success{padding:10px 12px;background:#edf7e9;color:#3e6a2b;border-radius:8px}
.message.error{padding:10px 12px;background:#fff0f0;color:#a43131;border-radius:8px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stats article,.card{background:#fff;border:1px solid #dce2dd;border-radius:14px;box-shadow:0 8px 28px rgba(24,63,54,.04)}
.stats article{padding:20px}
.stats span,.stats strong,.stats small{display:block}
.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#76847e;font-weight:800}
.stats strong{font-size:28px;margin:8px 0 5px;color:#172226}
.stats small{color:#76847e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card{padding:22px}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.card-head h2{margin:0 0 6px;font-size:18px}
.card-head p{margin:0;color:#75817d;font-size:13px;line-height:1.45}
.table-wrap{overflow:auto;border:1px solid #edf0ed;border-radius:10px}
.data-table{width:100%;border-collapse:collapse;font-size:13px}
.data-table th{background:#f7f9f7;color:#66756f;text-align:left;padding:11px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e7ebe8}
.data-table td{padding:13px;border-bottom:1px solid #edf0ed;vertical-align:middle;color:#36463f}
.data-table tr:last-child td{border-bottom:0}
.data-table tbody tr[data-href]{cursor:pointer}
.data-table tbody tr[data-href]:hover{background:#f8faf8}
.subject-cell strong{display:block;color:#18241f}
.subject-cell small{display:block;color:#7b8883;margin-top:3px}
.empty{text-align:center!important;color:#7b8883!important;padding:28px!important}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#eef1ef;color:#66736f}
.status.running,.status.queued{background:#e7f0f5;color:#35627a}
.status.succeeded{background:#e8f5df;color:#3e6a2b}
.status.failed{background:#fff0f0;color:#a43131}
.query-form{display:grid;gap:18px}
.query-form label{display:grid;gap:7px}
.query-form label>span{font-size:13px;font-weight:800;color:#31413a}
.query-form small,.muted{font-size:12px;color:#788680}
input,select,textarea{width:100%;border:1px solid #cfd8d2;border-radius:9px;background:#fff;color:#172226;padding:11px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#6d8e83;box-shadow:0 0 0 3px rgba(49,95,82,.09)}
textarea{resize:vertical;line-height:1.5}
.form-actions,.action-list{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px}
.details{margin:0;display:grid;border:1px solid #edf0ed;border-radius:10px;overflow:hidden}
.details>div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:11px 13px;border-bottom:1px solid #edf0ed}
.details>div:last-child{border-bottom:0}
.details dt{font-size:12px;font-weight:800;color:#65736e}
.details dd{margin:0;font-size:12px;color:#37463f;overflow-wrap:anywhere}
pre{margin:0;white-space:pre-wrap;overflow:auto;max-height:760px;background:#111a17;color:#dce8e3;padding:18px;border-radius:10px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.signed-out{min-height:100vh;display:grid;place-items:center;padding:28px}
.signed-out .card{max-width:440px;width:100%;text-align:center;padding:36px}
.signed-out h1{margin:10px 0}.signed-out p{color:#697873;margin-bottom:22px}
@media(max-width:900px){
  .stats{grid-template-columns:1fr 1fr}
  .detail-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .top{padding:12px 18px;align-items:flex-start}
  .top-actions{flex-wrap:wrap;justify-content:flex-end}
  .view{padding:28px 18px 50px}
  .page-header{display:block}
  .page-header>.btn{margin-top:16px}
  .stats{grid-template-columns:1fr}
  .data-table th:nth-child(5),.data-table td:nth-child(5),.data-table th:nth-child(6),.data-table td:nth-child(6){display:none}
}