@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0f0d;--surface:#101612;--surface-2:#151c17;--border:#263029;--text:#e9eee9;--muted:#8a988e;--green:#88eab2;--green-deep:#193c2a;--red:#edaba8;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green)}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.shell{max-width:1240px;padding:0 44px;margin:auto}.header{height:104px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:620;letter-spacing:-.4px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#16271d;color:var(--green);border:1px solid #284330}.brand-mark svg{width:27px;height:27px;stroke-width:2.3}.brand-sub{display:block;color:var(--muted);font-size:11px;font-weight:450;letter-spacing:.2px;margin-top:-1px}.header-actions{display:flex;align-items:center;gap:24px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.connection.error .dot{background:var(--red)}.connection.busy .dot{animation:pulse 1.3s infinite}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid transparent;border-radius:8px;height:42px;padding:0 17px;font-weight:560;font-size:13px;transition:background .15s,border-color .15s}.button-quiet{color:#becbc1;border-color:var(--border);height:37px;background:transparent;font-size:12px}.button-quiet:hover{background:var(--surface-2);border-color:#405345}.button-primary{background:var(--green);color:#0c2013;border-color:var(--green)}.button-primary:hover:enabled{background:#a6f4c7;border-color:#a6f4c7}.button-primary svg{fill:currentColor;stroke-width:1}.button-secondary{background:#141c16;border-color:#334037;color:#c6d0c9}.button-secondary:hover:enabled{background:#1c2820;border-color:#536f5c}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:39px 0 28px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--green);margin:0 0 12px;font-weight:600}h1{font-size:31px;font-weight:570;letter-spacing:-1.1px;line-height:1.25;margin:0}h2{font-size:14px;letter-spacing:-.15px;font-weight:600;margin:0}.version{color:#617067;border:1px solid var(--border);font-size:10px;padding:3px 8px;border-radius:5px;margin-bottom:1px}.mobile-break{display:none}.collection-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:23px 25px 25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.subtle{font-size:12px;color:var(--muted)}.panel-heading>.subtle{font-size:11px}.source-grid{display:grid;grid-template-columns:minmax(250px,1.65fr) minmax(220px,1fr);gap:20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span:first-child{font-size:11px;color:#b6c2b9;font-weight:480}.field input{height:42px;width:100%;min-width:0;background:#0c120e;border:1px solid #2b372e;border-radius:7px;padding:0 12px;color:#dae5dd;font-size:13px;transition:border-color .15s}.field input::placeholder{color:#546258}.field input:hover:enabled{border-color:#43574a}.field input:focus{border-color:#699b7a;outline:2px solid #88eab21a;outline-offset:0}.source-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-toggle{position:absolute;right:3px;top:3px;height:36px;width:36px;border:0;border-radius:5px;background:transparent;color:#738e7c;display:grid;place-items:center}.password-toggle:hover{color:var(--green)}.filter-row{display:flex;align-items:flex-start;gap:13px;border-top:1px solid #222d25;margin-top:23px;padding-top:21px}.date-group{display:flex;flex-direction:column;width:184px;flex-shrink:0}.date-shortcuts{display:flex;gap:10px;margin-top:8px}.shortcut{padding:0;border:0;background:transparent;color:#6e8275;font-size:10px}.shortcut:hover,.shortcut.active{color:var(--green)}.time-field{width:142px;flex-shrink:0}.time-divider{padding-top:34px;color:#4c5b51;font-size:12px}.collection-actions{display:flex;gap:9px;align-items:center;margin:24px 0 0 auto}.metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;margin:25px 0;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(115deg,#111a14,#101612)}.metric{padding:19px 24px;position:relative}.metric+.metric:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:var(--border)}.metric-label{display:block;font-size:11px;color:#91a196}.metric strong{display:inline-block;font-size:30px;font-weight:550;letter-spacing:-1px;margin:7px 0 1px;font-variant-numeric:tabular-nums;color:#e1ece4}.metric-caption{font-size:10px;color:#697e70;margin-left:9px}.metric-last strong{font-size:18px;letter-spacing:-.3px;margin:14px 0 5px;line-height:1.6;display:block}.metric-last .metric-caption{display:block;margin-left:0;margin-top:-1px}.table-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.table-heading{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.table-heading p{margin:4px 0 0;font-size:11px}.table-badge{font-size:10px;color:#8fa197;padding:4px 8px;border:1px solid #2b3a30;border-radius:5px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}thead{background:#141e17}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#83958a;text-align:left;font-weight:550;padding:12px 25px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}th:first-child{width:30%}th:nth-child(2){width:44%}th:last-child{width:26%}.date-column{text-align:right}.date-column svg{width:13px;height:13px;margin-left:5px;vertical-align:-3px;color:#5c7966}td{padding:14px 25px;height:68px;border-bottom:1px solid #202b23;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#151f18}.country{display:flex;gap:12px;align-items:center;min-width:0}.flag{width:28px;height:20px;object-fit:cover;border-radius:3px;border:1px solid #ffffff14;flex-shrink:0;background:#24332a}.country-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d0dbd3;font-size:12px}.country-code{display:block;font-size:9px;letter-spacing:.8px;color:#66836f;margin-top:2px}.ip-wrap{display:flex;align-items:center;gap:10px;min-width:0}.ip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#adbbaf;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.copy-button{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:0;border-radius:5px;background:transparent;color:#53695b;opacity:0;transition:opacity .1s,color .1s}.copy-button svg{width:14px;height:14px}tr:hover .copy-button,.copy-button:focus-visible{opacity:1}.copy-button:hover{color:var(--green);background:#213328}.visit-date{text-align:right;white-space:nowrap;font-size:12px;color:#bdcbc1;font-variant-numeric:tabular-nums}.visit-date time{display:block;font-size:11px;color:#627b6b;margin-top:3px}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 25px;border-top:1px solid var(--border);min-height:70px}.table-footer>.subtle{font-size:11px}#pagination{display:flex;align-items:center;gap:5px}.page-button{height:31px;min-width:31px;padding:0 8px;border:1px solid transparent;border-radius:6px;color:#81988a;background:transparent;font-size:11px;display:flex;align-items:center;justify-content:center}.page-button:hover:enabled{background:#213227;color:#c8dfd0}.page-button.active{background:#203f2d;border-color:#35593f;color:var(--green)}.page-button svg{width:13px;height:13px}.page-gap{font-size:11px;color:#5f7567;padding:0 2px}.empty-state{text-align:center;padding:58px 20px 62px;color:#8c9f92}.empty-icon{display:grid;place-items:center;width:52px;height:52px;background:#17261c;border:1px solid #294131;color:#709b7d;border-radius:13px;margin:0 auto 17px}.empty-icon svg{width:29px;height:29px}.empty-state h3{font-size:14px;color:#b6c9bd;font-weight:500;margin:0 0 7px}.empty-state p{font-size:12px;color:#6b8373;margin:0}.page-footer{display:flex;justify-content:space-between;gap:20px;margin:22px 0 34px;font-size:10px;color:#516b5a}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.page-footer .dot{width:4px;height:4px;background:#4c8b60}.progress-area{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.progress-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;color:#b7d6c0}.progress-top .subtle{font-size:11px}progress{display:block;appearance:none;height:4px;width:100%;border:0;border-radius:4px;background:#26372c;overflow:hidden;margin:0 0 8px}progress::-webkit-progress-bar{background:#26372c}progress::-webkit-progress-value{background:var(--green);border-radius:4px;transition:width .2s}progress::-moz-progress-bar{background:var(--green)}progress:indeterminate{background:linear-gradient(90deg,#26372c 0%,#88eab2 50%,#26372c 100%);background-size:200% 100%;animation:slide 1.3s infinite linear}#progress-detail{font-size:10px}.notice{margin-top:16px;padding:11px 13px;border-radius:7px;font-size:12px;background:#172c1f;border:1px solid #2b4d35;color:#a4d4b3;overflow-wrap:anywhere}.notice.error{background:#2b1b1b;border-color:#54302e;color:var(--red)}.notice.info{color:#b6c8bd;background:#1b2921;border-color:#33493b}.is-loading tbody{opacity:.45}.is-loading .table-scroll{transition:opacity .15s}.loading-row td{text-align:center;color:var(--muted);height:130px;font-size:12px}@keyframes pulse{50%{opacity:.35}}@keyframes slide{to{background-position:-200% 0}}
@media(min-width:1500px){.shell{max-width:1320px;padding:0 50px}.header{height:112px}.page-heading{margin-top:43px}h1{font-size:34px}.collection-panel{padding:25px 28px 27px}.source-grid{gap:24px}.filter-row{gap:16px}.date-group{width:210px}.time-field{width:158px}}
@media(max-width:1050px){.shell{padding:0 26px}.filter-row{flex-wrap:wrap}.collection-actions{margin-left:auto}.time-field{width:132px}.date-group{width:174px}.collection-actions .button{padding:0 12px}.time-divider{display:none}.metric-caption{display:block;margin:0}h1{font-size:29px}}
@media(max-width:850px){.collection-actions{margin-left:0;margin-top:7px;flex-basis:100%}.filter-row{gap:14px}.date-group{flex:1}.time-field{flex:1;width:auto}.source-grid{grid-template-columns:1.3fr 1fr}.metric{padding:18px}.header-actions{gap:13px}.connection{font-size:10px}.country{gap:9px}th,td{padding-left:18px;padding-right:18px}th:first-child{width:29%}th:nth-child(2){width:43%}th:last-child{width:28%}.table-footer{padding-left:18px;padding-right:18px}.copy-button{opacity:1}}
@media(max-width:600px){.shell{padding:0 16px}.header{height:81px}.brand{font-size:16px;gap:10px}.brand-mark{height:36px;width:36px;border-radius:9px}.brand-mark svg{width:23px;height:23px}.brand-sub{font-size:10px}.header-actions{gap:9px}.connection{display:none}.export{font-size:10px;height:33px;padding:0 10px}.export svg{width:13px}.page-heading{margin:29px 0 23px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:10px}h1{font-size:27px;letter-spacing:-.8px}.mobile-break{display:block}.collection-panel{padding:19px 17px 21px;border-radius:11px}.panel-heading{margin-bottom:18px}.panel-heading>.subtle{font-size:9px}.source-grid{grid-template-columns:1fr;gap:17px}.field input{font-size:12px;padding:0 9px}.field>span:first-child{font-size:10px}.filter-row{margin-top:21px;padding-top:19px;gap:10px}.date-group{flex-basis:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;width:100%;flex-shrink:1}.date-shortcuts{margin-bottom:12px;gap:12px}.time-field{flex-basis:calc(50% - 5px)}.collection-actions{margin-top:5px}.collection-actions .button{flex:1}.collection-actions .button-secondary{flex:0 0 auto}.metrics{grid-template-columns:1fr 1fr;margin:19px 0}.metric{padding:17px}.metric strong{font-size:27px}.metric-label{font-size:10px}.metric-caption{font-size:9px}.metric-last{grid-column:1/-1;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:13px 17px}.metric-last:before{display:none}.metric-last strong{font-size:12px;line-height:1.6;letter-spacing:0;margin:0;text-align:right}.metric-last .metric-caption{grid-column:1/-1;font-size:9px;margin-top:3px}.table-heading{padding:18px 17px}.table-heading p{font-size:10px}.table-badge{font-size:9px;padding:3px 6px}.table-panel{border-radius:11px}th,td{padding-left:13px;padding-right:13px}th{font-size:9px;letter-spacing:.4px;padding-top:10px;padding-bottom:10px}td{padding-top:13px;padding-bottom:13px;height:72px}.table-scroll table{min-width:460px}th:first-child{width:33%}th:nth-child(2){width:37%}th:last-child{width:30%}.country{gap:8px}.flag{width:23px;height:17px}.country-name{font-size:11px}.ip{font-size:10px}.ip-wrap{gap:3px}.copy-button{width:20px}.visit-date{font-size:10px}.visit-date time{font-size:10px}.table-footer{flex-wrap:wrap;padding:13px 14px;gap:12px}.table-footer>.subtle{font-size:10px}#pagination{margin-left:auto;gap:3px}.page-button{height:28px;min-width:28px;font-size:10px;padding:0 6px}.empty-state{padding:40px 16px 43px}.empty-state h3{font-size:12px}.empty-state p{font-size:11px;max-width:230px;margin:auto}.progress-top{align-items:flex-start;flex-direction:column;gap:3px}.page-footer{font-size:9px;margin:18px 0 26px}}
.copy-fallback{position:fixed;left:-10000px;top:0;opacity:0}
#diagnostics-download{margin-top:12px}
.period-section{border-top:1px solid #222d25;margin-top:23px;padding-top:21px}.period-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.period-boundary{margin:0;padding:0;border:0;min-width:0}.period-boundary legend{padding:0;margin-bottom:12px;color:#a4cbb1;font-size:12px;font-weight:550}.boundary-inputs{display:grid;grid-template-columns:minmax(145px,1.15fr) minmax(130px,1fr);gap:12px}.period-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.period-toolbar .date-shortcuts{margin:0;gap:16px}.period-toolbar .shortcut{font-size:11px}.period-toolbar .collection-actions{margin:0;flex-basis:auto}.period-toolbar .collection-actions .button{flex:none}
@media(max-width:850px){.period-grid{gap:18px}.boundary-inputs{grid-template-columns:minmax(130px,1.1fr) minmax(112px,1fr);gap:8px}}
@media(max-width:700px){.period-grid{grid-template-columns:1fr;gap:20px}.boundary-inputs{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}.period-toolbar{align-items:flex-start;flex-wrap:wrap;gap:18px}.period-toolbar .collection-actions{width:100%}.period-toolbar .collection-actions .button{flex:1}.period-boundary legend{font-size:11px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}