:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;background:#f4f7fb;font-family:Inter,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}main{min-height:100vh}.topbar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #dbe3ec;align-items:center;gap:14px;height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.brandMark{color:#fff;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#162033;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.topbar strong{letter-spacing:.02em;font-size:18px;display:block}.topbar small{color:#738096}.connection{border-radius:999px;margin-left:auto;padding:9px 14px;font-size:13px;font-weight:700}.connection.ok{color:#08745c;background:#e7f8f2}.connection.waiting{color:#8a5a00;background:#fff4d6}.hero{background:radial-gradient(circle at 85% 10%,#ffe8de,#0000 35%),radial-gradient(circle at 10% 30%,#dff7ff,#0000 32%),#fff;padding:72px 5vw 54px}.eyebrow,.panelHead span{color:#ed642e;letter-spacing:.14em;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;max-width:800px;margin:10px 0 14px;font-size:clamp(34px,5vw,62px);line-height:1.12}.hero>p:last-child{color:#657187;max-width:720px;font-size:17px;line-height:1.8}.notice{color:#694b00;background:#fff9e9;border:1px solid #f0d795;border-radius:16px;flex-wrap:wrap;gap:12px;margin:28px 5vw 0;padding:18px 20px;display:flex}.notice code{width:100%;font-size:12px}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 5vw;display:grid}.metrics article,.panel{background:#fff;border:1px solid #e2e7ee;border-radius:22px;box-shadow:0 16px 40px #15233a0f}.metrics article{padding:22px 24px}.metrics span,.metrics small{color:#748198;display:block}.metrics strong{margin:6px 0 2px;font-size:34px;display:block}.grid{grid-template-columns:1.4fr .8fr;gap:22px;padding:0 5vw 60px;display:grid}.panel{padding:24px;overflow:hidden}.panelHead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panelHead h2{margin:3px 0 0}.panelHead button{color:#8691a2;background:#e8edf3;border:0;border-radius:10px;padding:10px 14px}.empty{text-align:center;color:#818b9c;border:1px dashed #d7dee8;border-radius:14px;place-items:center;min-height:140px;padding:20px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf0f4;padding:14px 10px;font-size:14px}th{color:#7b8799;font-size:12px}td small,.job small{color:#8993a3;margin-top:4px;display:block}.pill{color:#bc481f;background:#fff0e9;border-radius:999px;padding:5px 9px;font-weight:700}.job{border-bottom:1px solid #edf0f4;padding:14px 0;position:relative}.jobStatus{font-size:12px;font-weight:800;position:absolute;top:14px;right:0}.jobStatus.completed{color:#08745c}.jobStatus.failed{color:#bd214e}.progress{background:#edf1f6;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.progress i{background:linear-gradient(90deg,#ff6c33,#25c6c9);height:100%;display:block}.job p{color:#6f7a8d;margin:7px 0 0;font-size:13px}@media (max-width:860px){.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr 1fr}.topbar small{display:none}}@media (max-width:600px){.topbar{padding:0 18px}.topbar strong{font-size:15px}.connection{padding:7px 9px;font-size:11px}.hero{padding:52px 20px 40px}.metrics,.grid{padding-left:20px;padding-right:20px}.metrics{grid-template-columns:1fr}.tableWrap{overflow-x:auto}}