#analytics-view{padding:34px 40px 40px}
.analytics-wrap{max-width:1440px;margin:0 auto}
.analytics-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.analytics-header h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:600;margin:10px 0}
.analytics-header h1:focus{outline:none}
.analytics-header p{font-size:13px;color:var(--text-secondary);line-height:1.6}
.analytics-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.analytics-controls select{background:var(--bg-primary);color:var(--text-primary);border:var(--rule);height:36px;padding:0 30px 0 12px;font:inherit;font-size:12px;max-width:180px}
.analytics-demo{font-size:10px;color:var(--text-tertiary);border:var(--rule);padding:5px 8px;white-space:nowrap}
.analytics-period{display:flex;border:var(--rule);height:36px}
.analytics-period button{padding:0 12px;font-size:11px;color:var(--text-secondary);border-right:var(--rule)}
.analytics-period button:last-child{border:0}
.analytics-period button[aria-pressed=true]{background:var(--surface-active);color:var(--text-primary)}
.analytics-date{font-size:11px;color:var(--text-tertiary);display:flex;gap:8px;margin:22px 0 28px;flex-wrap:wrap}
.analytics-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-bottom:36px}
.analytics-metric{border-top:var(--rule);padding:17px 0 0;position:relative;min-width:0;display:flex;flex-direction:column;gap:8px}
.analytics-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);line-height:1.4}
.analytics-metric>strong{font-size:32px;line-height:1.2;letter-spacing:-.7px;font-weight:600;font-variant-numeric:tabular-nums}
.analytics-delta,.analytics-small{font-size:11px;color:var(--text-secondary);line-height:1.5;font-variant-numeric:tabular-nums}
.analytics-delta>span{color:var(--text-tertiary)}
.analytics-small b{font-weight:500;color:var(--text-primary);margin-left:4px}
svg.analytics-spark{width:100%;height:28px;max-width:130px;color:var(--text-tertiary);stroke-width:1.5;overflow:visible;fill:none}
.analytics-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:38px}
.analytics-chart-panel{min-width:0;border-top:var(--rule);padding-top:20px}
.analytics-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.analytics-section-head h2{font-size:14px;font-weight:500;line-height:1.5}
.analytics-section-head>span{font-size:11px;color:var(--text-tertiary);white-space:nowrap;padding-top:3px}
.analytics-section-head p{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin-top:5px}
svg.analytics-chart{width:100%;height:auto;display:block;overflow:visible;fill:none;stroke:none}
.analytics-chart text{font-family:Plex,'IBM Plex Sans',sans-serif;font-size:10px;fill:var(--text-tertiary);stroke:none;font-weight:400}
.analytics-gridline{stroke:var(--surface-border);stroke-width:.65;stroke-dasharray:2 4}
.analytics-chart rect{stroke:none}
.generated-bar,.generated-key{fill:var(--surface-border-strong);background:var(--surface-border-strong)}
.verified-bar,.verified-key{fill:var(--status-success);background:var(--status-success)}
.analytics-bar:hover{opacity:.7}
.analytics-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--text-secondary);padding:6px 0 0 30px;line-height:1.5}
.analytics-legend span{display:inline-flex;gap:7px;align-items:center}
.analytics-legend i{width:6px;height:6px;display:inline-block;flex-shrink:0}
.analytics-chart-data{font-size:11px;color:var(--text-tertiary);margin:14px 0 0 30px}
.analytics-chart-data summary,.analytics-footer summary{cursor:pointer;width:fit-content}
.analytics-data-scroll{max-height:240px;overflow:auto;margin-top:12px}
.analytics-data-scroll table{width:100%;font-size:11px}
.analytics-data-scroll td,.analytics-data-scroll th{padding:8px 4px;border-bottom:var(--rule);text-align:right;font-weight:400}
.analytics-data-scroll th:first-child{text-align:left}
.analytics-breakdown{border-top:var(--rule);padding-top:22px}
.analytics-table-scroll{overflow-x:auto;position:relative;max-width:100%}
.analytics-feed-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.analytics-feed-table thead th{font-size:10px;font-weight:400;letter-spacing:.4px;color:var(--text-tertiary);padding:0 16px 14px 0;border-bottom:var(--rule);text-align:right}
.analytics-feed-table th:first-child{text-align:left}
.analytics-feed-table tbody th{font-weight:500;font-size:13px}
.analytics-feed-table td,.analytics-feed-table tbody th{border-bottom:var(--rule);padding:18px 16px 18px 0}
.analytics-feed-table td{color:var(--text-secondary)}
.analytics-feed-table tr>:last-child{padding-right:0}
.analytics-feed-table tbody tr:hover{background:color-mix(in srgb,var(--text-primary) 3%,var(--bg-primary))}
.analytics-feed-table th button{text-align:left;padding:0;color:var(--text-primary);width:100%;font-weight:500;font-size:13px;background:none}
.analytics-feed-table th button:hover{text-decoration:underline;text-underline-offset:3px}
.analytics-feed-table th button span{display:block;font-size:10px;color:var(--text-tertiary);font-weight:400;margin-top:6px}
.analytics-feed-table .analytics-emphasis{color:var(--text-primary);font-weight:500}
.analytics-feed-table .icon-button{width:26px;height:26px}
.analytics-feed-table .icon-button svg{width:16px;height:16px}
.analytics-share{display:inline-flex;gap:10px;align-items:center}
.analytics-share i{width:70px;height:4px;background:linear-gradient(to right,var(--status-success) var(--share),var(--bg-tertiary) var(--share));display:block}
.analytics-back{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-secondary);padding:0;background:none}
.analytics-back svg{width:14px;height:14px}
.analytics-footer{margin-top:24px;font-size:11px;color:var(--text-tertiary);line-height:1.7;display:flex;gap:24px;justify-content:space-between;align-items:flex-start}
.analytics-footer details{max-width:620px}
.analytics-footer details summary{margin-left:auto}
.analytics-footer details p{margin-top:12px}
@media(max-width:1100px){#analytics-view{padding:30px 28px}.analytics-metrics{gap:18px}.analytics-metric>strong{font-size:29px}.analytics-header{align-items:flex-start}.analytics-controls{max-width:360px}.analytics-charts{gap:24px}.analytics-delta>span{display:block}}
@media(max-width:900px){.analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.analytics-charts{grid-template-columns:1fr;gap:30px}.analytics-footer{display:block}.analytics-footer details{margin-top:12px}.analytics-footer details summary{margin-left:0}}
@media(max-width:700px){#analytics-view{padding:26px 22px 36px}.analytics-header{display:block}.analytics-header h1{font-size:26px}.analytics-controls{justify-content:flex-start;max-width:none;margin-top:22px;gap:10px}.analytics-demo{order:3}.analytics-controls select{flex:1;max-width:none}.analytics-date{font-size:10px;gap:6px;margin:20px 0 24px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.analytics-metric:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.analytics-metric:last-child>strong{grid-row:1/3;grid-column:2;text-align:right}.analytics-metric:last-child>.analytics-small:last-child{display:none}.analytics-label{font-size:10px;letter-spacing:.6px}.analytics-metric>strong{font-size:29px}.analytics-section-head{gap:10px}.analytics-section-head h2{font-size:13px}.analytics-section-head>span{font-size:10px}.analytics-feed-table{min-width:640px}.analytics-legend{padding-left:0;gap:10px}.analytics-chart-data{margin-left:0}.analytics-period button{padding:0 10px}}
.analytics-feed-table th button.analytics-feed-link{display:flex;align-items:center;gap:13px;white-space:normal;min-width:230px}
.analytics-feed-link>svg{width:21px;height:21px;flex-shrink:0;color:var(--text-secondary)}
.analytics-feed-table th button span.analytics-feed-name{font-size:13px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4}
.analytics-feed-name small{display:block;font-size:10px;font-weight:400;color:var(--text-tertiary);margin-top:5px}
#analytics-title{display:flex;align-items:center;gap:12px;max-width:660px}
.analytics-title-icon{display:inline-flex;flex-shrink:0;color:var(--text-secondary)}
.analytics-title-icon svg{width:26px;height:26px}