.app-navigation { display:flex; flex-wrap:wrap; gap:8px; padding:12px 28px; border-bottom:1px solid var(--border); }
.app-navigation [aria-current=page] { border-color:var(--blue); color:var(--blue); background:#edf5ff; }
.app-home { max-width:920px; padding:40px 28px; margin:auto; }
.app-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:28px; }
.app-choice { display:flex; align-items:center; gap:18px; min-height:100px; padding:24px; text-align:left; border:1px solid var(--border); border-radius:6px; color:var(--ink); background:white; font-size:17px; font-weight:600; }
.app-choice:hover { border-color:var(--blue); background:#f6faff; }
.app-choice>span:nth-child(2) { flex:1; overflow-wrap:anywhere; }
.app-choice>span:first-child { color:var(--green); }
.analytics-view { padding:28px; min-width:0; }
.analytics-form { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; margin:24px 0; }
.analytics-form .field { width:270px; max-width:100%; }
.analytics-scope,#analyticsStatus { color:var(--muted); font-size:13px; }
.analytics-warnings { border-left:3px solid #a97518; padding-left:14px; color:#745416; font-size:13px; }
.analytics-warnings:empty { display:none; }
.analytics-section { margin-top:28px; }
.analytics-section h3 { font-size:18px; margin:0 0 14px; }
.analytics-table-scroll { max-width:100%; overflow:auto; border:1px solid var(--border); }
.analytics-section table { width:100%; border-collapse:separate; border-spacing:0; font-size:13px; font-variant-numeric:tabular-nums; }
.analytics-section th,.analytics-section td { min-width:120px; max-width:220px; padding:12px; border-right:1px solid #e5e9ec; border-bottom:1px solid #e5e9ec; vertical-align:top; text-align:right; }
.analytics-section th { background:#edf2f5; color:#4b5861; font-weight:600; text-align:left; line-height:1.4; }
.analytics-section th:first-child,.analytics-section td:first-child { position:sticky; left:0; z-index:1; min-width:180px; max-width:240px; text-align:left; background:white; overflow-wrap:anywhere; }
.analytics-section th:first-child { background:#edf2f5; }
.analytics-section tbody tr:hover td { background:#f3f8fc; }
.analytics-section tfoot td { font-weight:600; background:#edf5f0; }
.analytics-section tfoot td:first-child { background:#edf5f0; }
.analytics-section .negative { color:#b02f2f; }
.analytics-section .positive { color:#267d59; }
.analytics-section caption { text-align:left; color:var(--muted); padding:10px 12px; }
@media(max-width:760px) { .app-navigation { padding:10px 16px; } .app-navigation .secondary { flex:1; font-size:13px; } .app-home,.analytics-view { padding:24px 16px; } .app-choices { grid-template-columns:1fr; gap:14px; } .analytics-form .field { width:100%; } .analytics-section th:first-child,.analytics-section td:first-child { min-width:132px; max-width:160px; } }