.analytics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px 0;border-bottom:1px solid #dde5e7}.analytics-summary strong{display:block;font-size:26px;margin-top:8px}.analytics-chart{height:200px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #ccd9dd;margin:25px 0 12px;overflow:hidden}.day-bar{flex:1;height:100%;display:flex;align-items:flex-end;gap:1px;min-width:0}.day-bar span{width:50%;min-height:2px;background:#0b8071}.day-bar span+span{background:#d64c3e}.legend{display:flex;gap:20px;font-size:13px}.legend b{display:inline-block;width:10px;height:10px;background:#0b8071;margin-right:6px}.legend span+span b{background:#d64c3e}.webhook-form{display:grid;gap:16px;max-width:700px}.webhook-form input[type=url]{width:100%}.security-editor{width:min(560px,calc(100% - 30px));border:1px solid #cad6d9;border-radius:6px;padding:24px}.security-editor::backdrop{background:#0006}.security-editor textarea{width:100%;min-height:140px;padding:12px;resize:vertical;font:inherit}.analytics-section{border-top:1px solid #dce5e7;margin-top:30px;padding-top:25px}.secret-output{word-break:break-all;white-space:pre-wrap}@media(max-width:650px){.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-chart{height:150px}}
.day-bar span{min-height:0}.page-heading>div{flex:1}.page-heading select{width:180px;flex:none}.table-wrap:has(#daily){max-height:340px;overflow:auto}.table-wrap:has(#daily) th{position:sticky;top:0;background:#f8faf9}@media(max-width:650px){.page-heading{flex-wrap:wrap}.page-heading>div{flex-basis:100%}.page-heading select{width:100%}}