:root{font-family:Avenir,'Segoe UI',sans-serif;color:#20344c;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:24px 6%;display:flex;align-items:center;gap:24px;background:white;border-bottom:1px solid #dce4ed}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;color:#20344c;text-decoration:none}.brand span{font-weight:400;color:#467585}#identity{margin-left:auto;color:#526b80}.preview{background:#e5edf9;color:#365377;text-align:center;padding:10px;font-size:13px}main{max-width:1180px;padding:42px 30px 70px;margin:auto}h1{font-size:48px;line-height:1.13;letter-spacing:-1.8px;margin:14px 0 24px;font-weight:600}#welcome{padding:55px 0 90px}#welcome h1{font-size:72px}.kicker{font-size:15px;color:#287283;font-weight:600}.intro{max-width:610px;font-size:21px;line-height:1.6;color:#506479}.note{font-size:14px;line-height:1.6;color:#526b80}.actions{display:flex;gap:12px;margin:28px 0}button{background:#166e80;color:white;border:1px solid #166e80;padding:12px 18px;border-radius:7px;font:inherit;cursor:pointer}.secondary{background:white;color:#254560;border-color:#c2d1df}button:hover{filter:brightness(.94)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6c80d9;outline-offset:3px}nav{display:flex;align-items:end;gap:12px;margin-bottom:38px}nav label{margin-right:auto}label{display:block;font-size:14px;color:#445e75}select,input:not([type=checkbox]){display:block;padding:10px;margin-top:6px;font:inherit;border:1px solid #bdcddd;border-radius:5px;background:white;color:#20344c;max-width:100%}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading h1{font-size:40px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:white;border:1px solid #dce4ed;border-radius:12px;margin:25px 0}.metric{padding:26px;border-right:1px solid #dce4ed}.metric:last-child{border:0}.number{font-size:46px;letter-spacing:-2px;margin:10px 0}.metric p{font-size:13px;color:#526b80}.quality{border-left:4px solid #8567bd;background:#ebeaf7;padding:20px 24px;line-height:1.6}.quality p{margin:8px 0 0}.columns{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;margin:40px 0}.row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #dce4ed;padding:14px 0}.bar{height:5px;background:#b7d4dd;margin-top:6px}h2{font-size:22px;font-weight:600}details{padding:22px;background:white;border-radius:8px;line-height:1.6}summary{cursor:pointer}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}#token{padding:20px;background:#e4efe9;overflow-wrap:anywhere}#status{color:#a13947}footer{text-align:center;padding:25px;border-top:1px solid #dce4ed;color:#526b80;font-size:13px}[hidden]{display:none!important}@media(max-width:700px){header{padding:18px}.brand{font-size:20px}#identity{display:none}main{padding:26px 20px}#welcome{padding:20px 0}#welcome h1{font-size:48px}.heading{display:block}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:20px}.metric:nth-child(2){border:0}.metric:nth-child(-n+2){border-bottom:1px solid #dce4ed}.columns{grid-template-columns:1fr;gap:20px}.actions,nav{flex-wrap:wrap}.number{font-size:38px}}

#members .row span{overflow-wrap:anywhere;min-width:0}#memberSubject{width:420px}#serviceStatus{overflow-wrap:anywhere}

.dashboard-toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.dashboard-toolbar label{flex:1;min-width:180px}.dashboard-toolbar select{width:100%}#dashboardForm{background:#fff;border:1px solid #dce4ed;border-radius:10px;padding:20px;margin:24px 0 34px}#dashboardForm fieldset{border:0;padding:0;flex-basis:100%;margin:0}#metricChoices{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}#dashboardForm .actions{margin:0}#dashboardName{min-width:260px}.stale{color:#9a541c;background:#fff3df;padding:12px}.metrics{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.number{overflow-wrap:anywhere}button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){#dashboardForm{padding:16px}#dashboardName{min-width:0;width:100%}.dashboard-toolbar label{min-width:100%;width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0;padding:16px}.number{font-size:30px}nav label{width:100%}nav select{width:100%}#metricChoices{display:grid;gap:12px}.row strong{overflow-wrap:anywhere}select{width:100%}.heading label{max-width:100%}}

#analytics section{margin:1.5rem 0}#analytics form{display:grid;gap:1rem}#analytics textarea{width:100%;box-sizing:border-box;padding:1rem;font:0.85rem monospace;resize:vertical}#queryResult{overflow:auto;max-height:32rem}#queryResult table{width:100%;border-collapse:collapse}#queryResult th,#queryResult td{text-align:left;padding:.7rem;border-bottom:1px solid #d9e0e7}#analyticsUsage{max-width:48rem}#analytics input[readonly]{width:100%;font:0.85rem monospace}#install label{margin:.8rem 0}#productSetup{background:#fff;border:1px solid #dce4ed;border-radius:10px;padding:20px}#productSetup input,#writeKeyForm input{width:100%;max-width:32rem}#productSetup .actions,#analytics section .actions{margin:.4rem 0}#writeKeys .row span,#receipt .row span{overflow-wrap:anywhere;min-width:0}