*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e5e7eb;background:radial-gradient(circle at 0 0,#1e3a8a55,#0000 34%),radial-gradient(circle at 100% 0,#0f766e44,#0000 28%),#020617;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.page{max-width:1180px;margin:0 auto;padding:56px 24px}.hero{margin-bottom:32px;padding:8px 4px}.heroTop{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:12px;font-weight:800}h1{letter-spacing:-.06em;max-width:780px;margin:0;font-size:clamp(40px,6vw,72px);line-height:.95}h2{letter-spacing:-.03em;margin:0 0 12px;font-size:22px}.heroText{color:#aebed3;max-width:780px;font-size:18px;line-height:1.7}.grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b824;border-radius:28px;padding:26px;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff0a}.card p,.card li{color:#b9c6d8;line-height:1.65}.flow{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.flow span{color:#f8fafc;background:#0f172adb;border:1px solid #94a3b829;border-radius:999px;padding:9px 13px;box-shadow:inset 0 1px #ffffff0a}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border:1px solid #ffffff14;border-radius:999px;margin-top:12px;padding:10px 16px;font-weight:700;box-shadow:0 12px 28px #2563eb38}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}label{color:#f8fafc;margin-top:18px;font-weight:650;display:block}input{color:#e5e7eb;background:#020617b8;border:1px solid #94a3b82e;border-radius:16px;outline:none;width:100%;margin-top:8px;padding:12px 14px}input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}code{overflow-wrap:anywhere;color:#93c5fd;background:#020617c2;border:1px solid #94a3b824;border-radius:10px;max-width:100%;padding:5px 7px;display:inline-block}.result{background:#02061785;border:1px solid #94a3b81f;border-radius:18px;margin-top:18px;padding:16px}.hint{color:#8ea0b8;font-size:14px}.error{color:#fca5a5}.badge{letter-spacing:.02em;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-block}.badge-queued{color:#e2e8f0;background:#334155}.badge-running{color:#dbeafe;background:#1d4ed8}.badge-completed{color:#dcfce7;background:#166534}.badge-failed{color:#fee2e2;background:#991b1b}.authStatus{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0;font-size:.85rem;display:flex}.authStatus button{margin-top:0;padding:8px 12px}.authUser{font-weight:700}.authRole{color:#93c5fd}@media (width<=800px){.page{padding:32px 16px}.heroTop{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}.metricsSection{margin-top:22px}.grafanaGrid{grid-template-columns:1fr;gap:18px;margin-top:18px;display:grid}.grafanaPanel{background:#02061785;border:1px solid #94a3b824;border-radius:18px;overflow:hidden}.grafanaPanel h3{color:#e5e7eb;border-bottom:1px solid #94a3b81f;margin:0;padding:14px 16px;font-size:15px}.grafanaPanel iframe{border:0;width:100%;height:300px;display:block}.heroActions{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a94;border:1px solid #94a3b824;border-radius:999px;align-items:center;gap:8px;padding:5px;display:flex}.gitlabLink{color:#cbd5e1;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none}.gitlabLink:hover{color:#f8fafc;background:#94a3b81f}.datasetPreview{color:#b9c6d8;align-items:center;gap:8px;width:fit-content;margin-top:14px;font-size:14px;display:flex;position:relative}.tooltipIcon{color:#93c5fd;width:20px;height:20px;box-shadow:none;background:0 0;border:1px solid #64748b;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:12px;display:inline-flex}.datasetTooltip{z-index:100;background:#0f172a;border:1px solid #94a3b833;border-radius:18px;width:min(1000px,100vw - 48px);padding:16px;display:none;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 24px 80px #0009}.tooltipIcon:hover+.datasetTooltip,.tooltipIcon:focus+.datasetTooltip,.datasetTooltip:hover{display:block}.tableWrapper{overflow-x:auto}.datasetTooltip table{border-collapse:collapse;width:100%;font-size:12px}.datasetTooltip th,.datasetTooltip td{text-align:left;white-space:nowrap;border-bottom:1px solid #94a3b824;padding:8px 10px}.datasetTooltip th{color:#93c5fd}.card:has(.datasetPreview){z-index:10;position:relative}.datasetTooltip{z-index:1000}.accessHint{color:#8291a8;margin:12px 0 0;font-size:13px;line-height:1.5}.accessHint span{color:#aebed3;font-weight:600}.accessHint a{color:#67e8f9;font-weight:600;text-decoration:none}.accessHint a:hover{text-decoration:underline}