.analytics-open { margin-top:20px; padding:10px 0; color:#fff; border:0; border-bottom:1px solid currentColor; background:transparent; font:inherit; cursor:pointer; }
.analytics-screen { background:#f5f7f6; color:#18241f; min-height:100vh; }
.analytics-wrap { max-width:1180px; margin:auto; padding:32px 24px 60px; }
.analytics-header { display:flex; gap:16px; align-items:center; padding-bottom:24px; border-bottom:1px solid #d5ded9; }
.analytics-header h2 { margin:4px 0 0; font-size:28px; letter-spacing:0; color:#18241f; }
.analytics-header span { color:#52635a; font-size:13px; }
.analytics-header button { width:44px; height:44px; flex-shrink:0; border:1px solid #bbc9c0; border-radius:4px; background:white; color:#234d3a; font-size:24px; cursor:pointer; }
.analytics-header button:last-child { margin-left:auto; }
.analytics-header button:disabled { opacity:.5; cursor:wait; }
.analytics-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:24px 0 12px; font-size:14px; }
.analytics-toolbar select { font:inherit; padding:10px; border:1px solid #bbc9c0; border-radius:4px; background:#fff; color:#18241f; }
.analytics-toolbar>span { margin-left:auto; font-size:12px; color:#52635a; }
.analytics-meta { font-size:12px; color:#52635a; margin:12px 0 24px; }
.analytics-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #d5ded9; gap:0 24px; }
.analytics-metrics article { padding:22px 0; border-bottom:1px solid #d5ded9; min-width:0; }
.analytics-metrics article>span { font-size:13px; font-weight:600; display:block; }
.analytics-metrics strong { display:block; font-size:32px; color:#245e43; margin:6px 0; }
.analytics-metrics small { display:block; font-size:12px; line-height:1.5; color:#52635a; }
.analytics-section { padding:26px 0 10px; min-width:0; }
.analytics-section h3 { font-size:17px; margin:0 0 18px; color:#18241f; letter-spacing:0; }
.analytics-chart { display:flex; gap:3px; height:156px; border-bottom:1px solid #bbc9c0; align-items:stretch; }
.analytics-chart>div { flex:1; min-width:0; display:flex; align-items:flex-end; }
.analytics-chart span { width:100%; min-height:0; background:#328366; border-radius:2px 2px 0 0; }
.analytics-chart-axis { display:flex; justify-content:space-between; font-size:11px; color:#52635a; margin-top:8px; }
.analytics-section details { margin-top:16px; font-size:13px; }
.analytics-section summary { cursor:pointer; color:#245e43; }
.analytics-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; }
.analytics-section table { width:100%; border-collapse:collapse; font-size:13px; table-layout:fixed; }
.analytics-section th,.analytics-section td { padding:12px 6px; border-bottom:1px solid #d5ded9; text-align:right; overflow-wrap:anywhere; font-weight:400; vertical-align:top; }
.analytics-section th:first-child { text-align:left; width:52%; }
.analytics-section thead th { color:#52635a; font-size:11px; font-weight:600; }
.analytics-empty { font-size:14px; color:#52635a; padding:12px 0; }
@media(max-width:650px) { .analytics-wrap { padding:20px 16px 40px; } .analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; } .analytics-columns { grid-template-columns:1fr; } .analytics-toolbar>span { margin-left:0; width:100%; } .analytics-header h2 { font-size:24px; } .analytics-chart { gap:2px; } }