:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202d43;background:#f5f7fb;font-size:14px;--blue:#4867e8;--line:#e8ecf3;--muted:#7e8a9e}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}:focus-visible{outline:3px solid #99b1ff;outline-offset:3px}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 21px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:-.7px}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;width:37px;height:37px;border-radius:11px;font-size:13px;letter-spacing:0}.brand small{font-size:9px;letter-spacing:1px;color:var(--muted)}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#9aa4b4;margin:47px 14px 16px}nav{display:grid;gap:7px}nav a{padding:14px 13px;border-radius:9px;color:#788399;font-size:13px;font-weight:600}nav a:hover{background:#f6f7fc}nav a.active{color:var(--blue);background:#eef1ff}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:24px}.avatar{background:#eaf0ff;color:var(--blue);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:700}.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.sidebar-bottom>a{margin-left:auto;font-size:22px;color:var(--muted)}main{margin-left:238px}.topbar{min-height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:15px;color:var(--muted)}.topbar strong{color:#3e4b61;font-weight:500}.content{padding:36px 38px;max-width:1840px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--blue);margin-bottom:9px}h1{font-size:29px;letter-spacing:-.9px;margin:0 0 9px}p{color:var(--muted);line-height:1.7;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;background:var(--blue);color:white;padding:11px 16px;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap}.button:hover{filter:brightness(.96)}.secondary{border-color:#dfe5ef;background:white;color:#526178}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-bottom:24px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 8px #1f315003}.metric{padding:22px}.metric-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:500}.metric-label span{width:30px;height:30px;background:#f0f3ff;border-radius:8px;display:grid;place-items:center;color:var(--blue);font-size:18px}.metric-value{font-size:31px;font-weight:700;letter-spacing:-1px;margin:9px 0}.metric small{font-size:10px;color:#96a0af}.insights{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:24px}.panel{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.panel-heading h2{font-size:14px;margin:0;font-weight:650;letter-spacing:-.2px}.panel-heading p{font-size:11px;margin-top:8px}.panel-heading>.muted{font-size:10px}.muted{color:var(--muted)}.pill,.count{font-size:10px;color:#8591a7;background:#f5f7fb;border:1px solid var(--line);padding:5px 8px;border-radius:6px;white-space:nowrap}.count{margin-left:7px;color:var(--blue);background:#f0f3ff;border:0}.bars{display:flex;gap:10px;height:180px;align-items:stretch;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#f2f4f8 43px,#f2f4f8 44px)}.bar-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-column small{font-size:8px;color:#9ba7b9}.bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:70%;max-width:29px;background:#7890f4;border-radius:4px 4px 0 0;min-width:3px}.bar-column:last-child .bar{background:var(--blue)}.bar-column>span{font-size:9px;color:#9aa4b4}.chart-caption{font-size:10px;color:#a4adbc;text-align:center;margin-top:14px}.rank-list{max-height:210px;overflow:auto;padding-right:4px}.rank{margin-bottom:15px}.rank>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px;gap:12px}.rank strong{font-weight:500}.rank small{color:#a0a9b9}.meter{height:5px;background:#f0f2f8;border-radius:6px;overflow:hidden}.meter i{height:100%;display:block;background:#8399f4;border-radius:6px}.visitors{padding:0;margin-bottom:24px}.visitors>.panel-heading{padding:24px 24px 0}.filters{display:flex;align-items:flex-end;gap:11px;padding:0 24px 24px;flex-wrap:wrap}.filters label{font-size:10px;font-weight:600;color:#8591a4;display:flex;flex-direction:column;gap:7px;flex:1;min-width:114px}.filters label.search{flex:2;min-width:220px}input,select{border:1px solid #e1e7f0;background:white;color:#56667e;border-radius:6px;padding:10px 11px;width:100%;min-height:39px;font-size:11px}input::placeholder{color:#a1aab9}.reset{font-size:11px;color:var(--muted);padding:12px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{background:#f9fafc;color:#8c98ac;font-size:10px;font-weight:500;padding:14px 18px;white-space:nowrap;border-block:1px solid var(--line)}td{padding:18px;border-bottom:1px solid #f0f2f7;vertical-align:top;color:#64728a}tr:hover td{background:#fcfdff}td small{display:block;font-size:9px;color:#a1aaba;margin-top:6px}.ip{color:#34455f;font:11px Consolas,monospace}.source{display:inline-block;background:#eef2ff;color:#6078d8;padding:5px 7px;border-radius:5px;font-size:10px;white-space:nowrap}.source.neutral{background:#f2f4f8;color:#8b97aa}.nowrap{white-space:nowrap}.url-cell{min-width:170px;max-width:240px}summary{cursor:pointer;overflow-wrap:anywhere;max-width:230px}details>div{padding-top:14px;word-break:break-word}details p{font-size:10px;margin:5px 0 12px}.pagination{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;color:#99a3b5;font-size:10px;gap:12px}.pagination>div{display:flex;align-items:center;gap:15px}.pagination .button{padding:8px 12px;font-size:10px}.empty{text-align:center;padding:50px}.empty strong{font-size:15px;color:#53627c}.empty p{margin-top:8px}.bottom{grid-template-columns:1fr 1.65fr}.country-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f1f3f8;font-size:11px}.country-row small{color:#a0aabc;font-weight:400}.attribution p{font-size:12px;margin-bottom:11px}.attribution>small{display:block;color:#a0aabc;font-size:10px;line-height:1.6}.tag-examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}code{padding:7px 9px;background:#f4f6fc;border:1px solid #edf0f7;border-radius:5px;color:#6e83cb;font-size:10px}footer{display:flex;justify-content:space-between;gap:15px;color:#a5aebe;font-size:10px;padding:8px 0}.error{background:#fff0f0;color:#b74343;padding:12px;margin:15px 24px;border-radius:5px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{background:white;border:1px solid var(--line);padding:40px;border-radius:16px;width:100%;max-width:430px}.login-card .brand{justify-content:center;margin-bottom:35px}.login-card h1{font-size:24px}.login-card form{display:grid;gap:20px;margin-top:26px}.login-card label{display:grid;gap:9px;font-size:12px}.login-card input{font-size:14px;padding:13px}.login-card .button{padding:14px}.login-card .back{display:block;text-align:center;color:var(--muted);margin-top:24px;font-size:12px}.login-card .error{margin:20px 0 0}@media(max-width:1100px){.sidebar{width:195px;padding-inline:14px}main{margin-left:195px}.content{padding:25px 22px}.topbar{padding-inline:22px}.metrics{gap:10px}.metric{padding:16px}.insights{grid-template-columns:1fr 1fr}.panel{padding:18px}.panel-heading{flex-wrap:wrap}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px;margin-top:13px;flex-wrap:wrap}.sidebar nav a{padding:9px;font-size:11px}.brand{font-size:17px}main{margin:0}.topbar{min-height:52px;padding-inline:18px;font-size:9px}.content{padding:24px 16px}.heading{align-items:flex-start}h1{font-size:24px}.heading p{font-size:12px}.heading .button{font-size:10px;padding:9px}.metrics{grid-template-columns:1fr 1fr}.metric-value{font-size:27px}.insights,.bottom{grid-template-columns:1fr}.filters{padding-inline:16px}.filters label{min-width:130px}.filters .search{flex-basis:100%}.visitors>.panel-heading{padding-inline:16px}.pagination{padding:16px;align-items:flex-start;flex-direction:column}.bars{gap:6px}footer{flex-direction:column;font-size:9px}.panel-heading>.muted{font-size:9px}}