:root{color-scheme:dark;font:16px system-ui;background:#11151c;color:#e7ebf3}body{margin:0}header{padding:24px 6%;border-bottom:1px solid #343c4c;display:flex;gap:32px}header span,p{color:#aeb8cc}main{max-width:1000px;margin:40px auto;padding:0 24px}section{background:#19212d;border:1px solid #343c4c;padding:24px;border-radius:16px}h1{font-size:36px}h2{font-size:20px;margin-top:30px}form{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:18px 0}label{display:flex;flex-direction:column;gap:8px}input,textarea,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #56627b;background:#11151c;color:inherit}button{cursor:pointer;background:#4862ad}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;background:#11151c;padding:16px;border-radius:8px}article{border-top:1px solid #56627b;margin:16px 0;padding:16px 0}textarea{width:90%}[hidden]{display:none!important}
dl{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,2fr);gap:12px 24px;margin:0}dt{color:#aeb8cc}dd{margin:0;overflow-wrap:anywhere}

.usage-scroll{overflow-x:auto;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid #343c4c;vertical-align:top}th{color:#aeb8cc;font-weight:600}td:nth-child(2){min-width:180px}tbody tr:hover{background:#222f40}

#funnel-status{padding:1rem;border:2px solid currentColor;font-weight:bold}#funnel-status[data-color="RED"]{color:#ff8282}#funnel-status[data-color="YELLOW"]{color:#ffe08a}#funnel-status[data-color="GREEN"]{color:#92e8ac}#funnel-status[data-color="GRAY"]{color:#b9c2cf}