:root{--ink:#19324a;--muted:#687b8e;--line:#d9e5ef;--blue:#3979b7;--violet:#8367c7;--orange:#e9944b;--paper:#f5f9fc;--white:#fff}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 12% 0,#e9f4ff 0,transparent 34%),radial-gradient(circle at 88% 12%,#f2edff 0,transparent 32%),var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
.stats-header{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 3vw;background:rgba(255,253,248,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:2}
.stats-header .brand{display:flex;align-items:center;gap:10px;color:#17241d;text-decoration:none;font-family:"Space Grotesk",sans-serif;font-size:21px;font-weight:700}
.stats-header .brand>span:last-child>span{color:var(--blue)}
.stats-header .brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #7ca729;border-radius:10px;color:#29451e;transform:rotate(-6deg)}
.stats-header nav{display:flex;gap:38px}
.stats-header nav a,.stats-header .login{font-size:14px;color:#4f5a51;text-decoration:none;transition:.2s}
.stats-header nav a:hover,.stats-header .login:hover,.stats-header nav a[aria-current="page"]{color:var(--blue)}
.stats-header .login{border:1px solid #17241d;padding:11px 17px;border-radius:99px;background:#17241d;color:#fff}
main{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:58px 0 70px}
.intro{text-align:center;max-width:820px;margin:0 auto 32px}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--blue)}
h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(38px,6vw,66px);line-height:1;margin:14px 0 18px}
.intro p,.section-title p{color:var(--muted)}
.period-tabs{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:-10px 0 28px}
.period-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--muted);border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}
.period-tabs button:hover{border-color:#9cbcd9;color:var(--blue)}
.period-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(57,121,183,.17)}
.state{text-align:center;padding:42px;font-weight:800;color:var(--muted)}
.error{color:#a33b34}.hidden{display:none!important}
.period{text-align:center;color:var(--muted);font-size:14px;margin:0 0 18px}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.summary article,.panel{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px rgba(62,94,122,.07)}
.summary article{min-height:145px;padding:22px;display:flex;flex-direction:column;gap:7px}
.summary small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.summary strong{font-family:"Space Grotesk",sans-serif;font-size:34px}
.summary article>span{margin-top:auto;align-self:flex-start}
.delta{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;white-space:nowrap}
.delta.up{color:#176039;background:#ddf7e8}.delta.down{color:#a33b34;background:#ffebe8}.delta.neutral{color:#536273;background:#edf2f6}
.panel{padding:24px;margin-bottom:24px}
.section-title h2{font-family:"Space Grotesk",sans-serif;margin:0 0 6px;font-size:25px}
.section-title p{margin:0 0 18px}
.chart{border:1px solid var(--line);border-radius:15px;background:linear-gradient(#fff,#f7fafc);padding:15px;margin-bottom:18px;overflow:hidden}
.chart-stage{position:relative}
.chart svg{display:block;width:100%;height:auto;max-height:300px}
.grid line{stroke:#d8e2eb;stroke-width:1}
.grid text,.x-axis text{fill:#738496;font:600 12px Manrope,Arial,sans-serif}
.chart-point{cursor:pointer;stroke:#fff;stroke-width:3;transition:r .15s,filter .15s}
.chart-point:hover,.chart-point:focus{r:9;filter:drop-shadow(0 3px 5px rgba(25,50,74,.3));outline:none}
.chart-tooltip{position:absolute;z-index:3;min-width:150px;max-width:230px;transform:translate(-50%,calc(-100% - 14px));padding:10px 12px;border-radius:12px;background:#19324a;color:#fff;box-shadow:0 10px 28px rgba(25,50,74,.28);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s;white-space:nowrap}
.chart-tooltip.visible{opacity:1;visibility:visible}
.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip strong{font-size:13px}.chart-tooltip span{margin-top:3px;color:#dbe8f3;font-size:11px}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin:2px 4px 14px;color:var(--muted);font-size:13px;font-weight:800}
.legend button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;transition:.2s}
.legend button:hover{border-color:#9cbcd9;color:var(--ink)}
.legend button.active{border-color:var(--blue);background:#edf6ff;color:var(--ink);box-shadow:0 4px 12px rgba(57,121,183,.13)}
.legend i{width:11px;height:11px;border-radius:50%}
.table-wrap{width:100%;overflow-x:auto;border-radius:12px;-webkit-overflow-scrolling:touch}
table{width:100%;min-width:900px;border-collapse:collapse;background:#fff}
th,td{padding:14px 13px;border-bottom:1px solid #e7eef4;text-align:right;font-size:14px}
th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:#f8fbfd}
th:first-child,td:first-child{text-align:left}tbody tr:last-child td{border-bottom:0}
.rank{font-size:18px;font-weight:900;color:var(--blue)}.flag{font-size:22px;margin-right:8px}.empty{text-align:center!important;color:var(--muted);padding:28px!important}
.sites-table-wrap{overflow-x:visible}
.sites-table{min-width:0;table-layout:fixed}
.sites-table th,.sites-table td{padding:10px 5px;font-size:12px}
.sites-table th{font-size:9px;letter-spacing:.02em;white-space:normal;line-height:1.25}
.sites-table th:nth-child(1){width:19%}.sites-table th:nth-child(2){width:10%}.sites-table th:nth-child(3){width:13%}.sites-table th:nth-child(4){width:12%}.sites-table th:nth-child(5){width:13%}.sites-table th:nth-child(6){width:10%}.sites-table th:nth-child(7){width:13%}.sites-table th:nth-child(8){width:10%}
.sites-table .delta{padding:4px 5px;font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.details-toggle{display:block;margin:4px auto 16px;border:1px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);padding:9px 16px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}
.details-toggle:hover{background:#edf6ff}.details-toggle[aria-expanded="true"]{background:var(--blue);color:#fff}
.lower-period-tabs{margin:0 0 18px}
.details-table-wrap{overflow-x:visible}
.details-table{min-width:0;table-layout:fixed}
.details-table th,.details-table td{padding:9px 4px;font-size:11px}
.details-table th{font-size:8.5px;letter-spacing:.01em;white-space:normal;line-height:1.2}
.details-table th:nth-child(1){width:17%}.details-table th:nth-child(2){width:10%}.details-table th:nth-child(3){width:13%}.details-table th:nth-child(4){width:12%}.details-table th:nth-child(5){width:13%}.details-table th:nth-child(6){width:10%}.details-table th:nth-child(7){width:13%}.details-table th:nth-child(8){width:12%}
.details-table .delta{padding:4px 4px;font-size:8.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.countries-table-wrap{overflow-x:visible}
.countries-table{min-width:0;table-layout:fixed}
.countries-table th,.countries-table td{padding:8px 3px;font-size:10px}
.countries-table th{font-size:8px;letter-spacing:0;white-space:normal;line-height:1.15}
.countries-table th:nth-child(1){width:4%}.countries-table th:nth-child(2){width:20%}.countries-table th:nth-child(3){width:9%}.countries-table th:nth-child(4){width:12%}.countries-table th:nth-child(5){width:11%}.countries-table th:nth-child(6){width:12%}.countries-table th:nth-child(7){width:9%}.countries-table th:nth-child(8){width:12%}.countries-table th:nth-child(9){width:11%}
.countries-table .rank{font-size:13px}.countries-table .flag{font-size:15px;margin-right:3px}.countries-table .delta{padding:3px 3px;font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.privacy{text-align:center;color:var(--muted);font-size:13px;margin-top:30px}
@media(max-width:950px){.stats-header nav{gap:18px}.summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.stats-header{padding:0 16px}.stats-header nav{display:none}.stats-header .login{font-size:0}.stats-header .login span{font-size:14px}main{width:min(100% - 24px,1240px);padding-top:38px}.period-tabs{display:flex;margin-top:-6px}.summary{grid-template-columns:1fr}.panel{padding:14px}.table-wrap{max-width:calc(100vw - 52px)}.sites-table-wrap,.details-table-wrap,.countries-table-wrap{max-width:none;overflow:visible}.sites-table,.sites-table tbody,.sites-table tr,.sites-table td,.details-table,.details-table tbody,.details-table tr,.details-table td,.countries-table,.countries-table tbody,.countries-table tr,.countries-table td{display:block;width:100%}.sites-table,.details-table,.countries-table{background:transparent}.sites-table thead,.details-table thead,.countries-table thead{display:none}.sites-table tr,.details-table tr,.countries-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}.sites-table td,.details-table td,.countries-table td{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:right;padding:9px 10px}.sites-table td:first-child,.details-table td:first-child{grid-column:1/-1;font-size:14px;background:#f5f9fc}.sites-table td::before,.details-table td::before,.countries-table td::before{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;text-align:left}.sites-table td:nth-child(2)::before,.details-table td:nth-child(2)::before{content:'Látogatók'}.sites-table td:nth-child(3)::before,.details-table td:nth-child(3)::before{content:'Változás'}.sites-table td:nth-child(4)::before,.details-table td:nth-child(4)::before{content:'Megjelenések'}.sites-table td:nth-child(5)::before,.details-table td:nth-child(5)::before{content:'Változás'}.sites-table td:nth-child(6)::before,.details-table td:nth-child(6)::before{content:'Kattintások'}.sites-table td:nth-child(7)::before,.details-table td:nth-child(7)::before{content:'Változás'}.sites-table td:nth-child(8)::before,.details-table td:nth-child(8)::before{content:'CTR'}.countries-table td:first-child{font-size:13px;background:#f5f9fc}.countries-table td:nth-child(2){font-size:13px;background:#f5f9fc}.countries-table td:nth-child(3)::before{content:'Látogatók'}.countries-table td:nth-child(4)::before{content:'Változás'}.countries-table td:nth-child(5)::before{content:'Megjelenések'}.countries-table td:nth-child(6)::before{content:'Változás'}.countries-table td:nth-child(7)::before{content:'Kattintások'}.countries-table td:nth-child(8)::before{content:'Változás'}.countries-table td:nth-child(9)::before{content:'CTR'}}