:root{
--bg:#2e3138;
--bg2:#343841;
--nav:#3d424c;
--panel:#424751;
--panel2:#4c535f;
--panel3:#586170;
--text:#fffaf2;
--text2:#e2dbcf;
--text3:#b8afa1;
--text4:#867e74;
--accent:#ff8f70;
--accent2:#9fd3ff;
--good:#91dfb1;
--bad:#ff9c9c;
--warn:#ffd27a;
--r:22px;
--r2:34px;
--max:1240px;
}
html{
height:auto!important;
overflow:visible!important;
background:var(--bg)!important;
}
html,body{
margin:0!important;
min-height:100vh!important;
background:var(--bg)!important;
color:var(--text)!important;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
font-size:16.5px!important;
line-height:1.6!important;
font-weight:440!important;
letter-spacing:0!important;
-webkit-font-smoothing:antialiased!important;
}
*{
box-sizing:border-box!important;
}
body{
display:block!important;
max-width:none!important;
padding:0!important;
overflow-x:hidden!important;
overflow-y:visible!important;
}
a{
color:inherit!important;
text-decoration:none!important;
}
a:hover{
color:var(--accent)!important;
text-decoration:none!important;
}
svg{
max-width:100%!important;
flex:0 0 auto!important;
}
nav:not(.landing-nav){
position:sticky!important;
top:0!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
z-index:50!important;
width:100%!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:18px clamp(18px,4vw,44px)!important;
display:grid!important;
grid-template-columns:minmax(250px,1fr) auto!important;
align-items:center!important;
gap:18px!important;
background:var(--bg)!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
}
nav:not(.landing-nav)::before{
content:""!important;
position:absolute!important;
left:clamp(18px,4vw,44px)!important;
right:clamp(18px,4vw,44px)!important;
bottom:0!important;
height:1px!important;
background:rgba(255,250,242,.08)!important;
display:block!important;
}
nav:not(.landing-nav) .nav-left{
display:flex!important;
align-items:center!important;
gap:12px!important;
width:auto!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0!important;
flex:0 1 auto!important;
}
nav:not(.landing-nav) .logo-link{
display:flex!important;
align-items:center!important;
gap:12px!important;
height:52px!important;
min-width:0!important;
margin:0 10px 0 0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
color:var(--text)!important;
font-size:25px!important;
font-weight:780!important;
line-height:1!important;
letter-spacing:-.06em!important;
text-transform:none!important;
position:static!important;
transform:none!important;
}
nav:not(.landing-nav) .logo-link::before{
content:""!important;
display:block!important;
width:42px!important;
height:42px!important;
border-radius:15px!important;
background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
flex:0 0 42px!important;
}
nav:not(.landing-nav) .logo-link::after{
content:""!important;
display:none!important;
}
nav:not(.landing-nav) .logo-link span{
display:block!important;
color:var(--text)!important;
white-space:nowrap!important;
}
nav:not(.landing-nav) .logo-link img,nav:not(.landing-nav) .logo-link svg,nav:not(.landing-nav) .nav-logo{
display:none!important;
}
nav:not(.landing-nav) .site-dropdown,nav:not(.landing-nav) .rt-dropdown{
position:relative!important;
display:flex!important;
width:auto!important;
height:auto!important;
min-width:0!important;
margin:0!important;
}
nav:not(.landing-nav) .site-dropdown-trigger,nav:not(.landing-nav) .rt-trigger,nav:not(.landing-nav) .nav-left>span{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
height:42px!important;
min-height:42px!important;
max-width:260px!important;
margin:0!important;
padding:0 16px!important;
background:var(--nav)!important;
color:var(--text2)!important;
border:0!important;
border-radius:999px!important;
box-shadow:none!important;
font-size:14px!important;
font-weight:650!important;
line-height:1!important;
letter-spacing:0!important;
white-space:nowrap!important;
cursor:pointer!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
nav:not(.landing-nav) .site-dropdown-trigger:hover,nav:not(.landing-nav) .rt-trigger:hover{
background:var(--panel2)!important;
color:var(--text)!important;
}
nav:not(.landing-nav) .rt-trigger{
color:var(--good)!important;
}
.realtime-dot,.live-dot,.lsa-dot{
display:inline-block!important;
width:9px!important;
height:9px!important;
border-radius:50%!important;
background:var(--good)!important;
box-shadow:none!important;
animation:none!important;
flex:0 0 auto!important;
}
nav:not(.landing-nav) .site-dropdown-menu,nav:not(.landing-nav) .rt-dropdown-menu{
display:none;
position:absolute!important;
top:48px!important;
left:0!important;
right:auto!important;
transform:none!important;
width:max-content!important;
min-width:220px!important;
max-width:360px!important;
padding:8px!important;
background:var(--panel2)!important;
border:0!important;
border-radius:18px!important;
box-shadow:none!important;
z-index:90!important;
}
nav:not(.landing-nav) .site-dropdown.open .site-dropdown-menu,nav:not(.landing-nav) .rt-dropdown.open .rt-dropdown-menu{
display:block!important;
}
nav:not(.landing-nav) .site-dropdown-item,nav:not(.landing-nav) .rt-empty,nav:not(.landing-nav) .rt-visitor-item,nav:not(.landing-nav) .rt-view-all{
display:block!important;
padding:11px 13px!important;
background:transparent!important;
border:0!important;
border-radius:13px!important;
color:var(--text2)!important;
font-size:14px!important;
font-weight:560!important;
line-height:1.35!important;
cursor:pointer!important;
}
nav:not(.landing-nav) .site-dropdown-item:hover,nav:not(.landing-nav) .site-dropdown-item.selected,nav:not(.landing-nav) .rt-visitor-item:hover,nav:not(.landing-nav) .rt-view-all:hover{
background:var(--panel3)!important;
color:var(--text)!important;
}
nav:not(.landing-nav) .nav-right{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:6px!important;
width:auto!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
flex-wrap:wrap!important;
flex-direction:row!important;
position:static!important;
}
.nav-hamburger{
display:none!important;
}
nav:not(.landing-nav) .nav-link,nav:not(.landing-nav) .nav-right>a,nav:not(.landing-nav) .nav-right button{
display:flex!important;
align-items:center!important;
justify-content:center!important;
height:42px!important;
min-height:42px!important;
margin:0!important;
padding:0 14px!important;
background:transparent!important;
color:var(--text3)!important;
border:0!important;
border-radius:999px!important;
box-shadow:none!important;
font-size:14px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:0!important;
text-transform:none!important;
white-space:nowrap!important;
position:static!important;
transform:none!important;
}
nav:not(.landing-nav) .nav-link:hover,nav:not(.landing-nav) .nav-link.active{
background:var(--nav)!important;
color:var(--text)!important;
}
nav:not(.landing-nav) .nobots-toggle{
display:none!important;
}
.dashboard,.content,.empty-state{
width:min(var(--max),calc(100vw - 48px))!important;
max-width:var(--max)!important;
margin:0 auto!important;
padding:48px 0 96px!important;
}
.dashboard{
display:block!important;
}
.content{
min-height:calc(100vh - 96px)!important;
}
h1,h2,h3,p{
margin-top:0!important;
}
h1{
margin:0 0 32px!important;
color:var(--text)!important;
font-size:48px!important;
font-weight:720!important;
line-height:.98!important;
letter-spacing:-.065em!important;
}
h2{
margin:0 0 18px!important;
color:var(--text)!important;
font-size:34px!important;
font-weight:720!important;
line-height:1.05!important;
letter-spacing:-.05em!important;
}
h3,.dp h3,.panel-header h3,.settings-card h3,.ip-stats-title,.ai-summary-title{
margin:0 0 18px!important;
color:var(--text)!important;
font-size:17px!important;
font-weight:750!important;
line-height:1.15!important;
letter-spacing:-.02em!important;
text-transform:none!important;
}
p,.muted,.settings-hint,.empty-msg,.empty-cell,.empty-state p{
color:var(--text3)!important;
font-size:15px!important;
line-height:1.65!important;
}
.dash-toolbar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin:0 0 28px!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
flex-wrap:wrap!important;
}
.date-range,.dash-actions,.dash-btn-group,.visitor-filter,.chart-toggle,.calendar-nav,.modal-actions,.sl-actions,.ll-actions{
display:flex!important;
align-items:center!important;
gap:8px!important;
flex-wrap:wrap!important;
}
.btn,.btn-primary,.btn-outline,.btn-danger,.btn-small,.btn-range,.chart-toggle-btn,.vf-icon,.ai-summary-btn,.goto-btn,.goto-btn-sm,.up-btn,.cal-arrow,.filter-clear,.js-click-search-btn,.ll-action-btn,.sl-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
height:42px!important;
min-height:42px!important;
margin:0!important;
padding:0 16px!important;
background:var(--panel)!important;
color:var(--text2)!important;
border:0!important;
border-radius:999px!important;
box-shadow:none!important;
font-size:14px!important;
font-weight:720!important;
line-height:1!important;
letter-spacing:0!important;
text-transform:none!important;
cursor:pointer!important;
transition:none!important;
white-space:nowrap!important;
}
.btn:hover,.btn-primary:hover,.btn-outline:hover,.btn-danger:hover,.btn-small:hover,.btn-range:hover,.chart-toggle-btn:hover,.vf-icon:hover,.ai-summary-btn:hover,.goto-btn:hover,.goto-btn-sm:hover,.up-btn:hover,.cal-arrow:hover,.filter-clear:hover,.js-click-search-btn:hover,.ll-action-btn:hover,.sl-btn:hover{
background:var(--panel2)!important;
color:var(--text)!important;
transform:none!important;
}
.btn-primary,.btn-range.active,.chart-toggle-btn.active,.vf-icon.active,.js-click-search-btn,.ai-summary-btn{
background:var(--accent)!important;
color:#29120b!important;
}
.btn-danger,.ll-action-danger,.sl-btn-danger{
background:rgba(255,156,156,.18)!important;
color:var(--bad)!important;
}
.btn svg,.btn-small svg,.btn-outline svg,.js-share-btn svg,.js-export-btn svg{
width:16px!important;
height:16px!important;
stroke:currentColor!important;
}
.active-filters{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin:0 0 22px!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
flex-wrap:wrap!important;
}
.active-filters[style*="display:none"]{
display:none!important;
}
.filter-label{
color:var(--text4)!important;
font-size:12px!important;
font-weight:780!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
}
.filter-tag,.badge-human,.badge-bot,.badge-mixed,.badge-live,.badge-new,.badge-return,.kind-pill,.dc-tag,.err-pill,.metric-pill,.label-pill,.pill,.chip,.tag{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:30px!important;
padding:0 11px!important;
background:var(--panel)!important;
color:var(--text2)!important;
border:0!important;
border-radius:999px!important;
box-shadow:none!important;
font-size:12px!important;
font-weight:720!important;
line-height:1!important;
letter-spacing:0!important;
text-transform:none!important;
}
.badge-human,.vf-human{
color:var(--good)!important;
}
.badge-bot,.vf-bot,.err-pill-bad{
color:var(--bad)!important;
}
.badge-live,.badge-new{
color:var(--accent2)!important;
}
.ai-ask-box,.ai-summary-card{
position:relative!important;
margin:34px 0 42px!important;
padding:28px!important;
background:var(--panel)!important;
border:0!important;
border-radius:var(--r2)!important;
box-shadow:none!important;
overflow:hidden!important;
}
.ai-ask-head,.ai-summary-head{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin:0 0 18px!important;
padding:0!important;
color:var(--accent2)!important;
font-size:13px!important;
font-weight:820!important;
line-height:1!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
}
.ai-ask-head svg,.ai-summary-head svg{
width:18px!important;
height:18px!important;
stroke:currentColor!important;
}
.ai-ask-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:12px!important;
align-items:end!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.ai-ask-input,textarea,input,select,.settings-select,.filter-select,.js-search,.js-click-search,.js-target,.js-slug,.js-label{
width:100%!important;
min-width:0!important;
background:var(--panel2)!important;
color:var(--text)!important;
border:0!important;
border-radius:18px!important;
box-shadow:none!important;
font-family:inherit!important;
font-size:16px!important;
font-weight:500!important;
line-height:1.45!important;
outline:none!important;
}
.ai-ask-input{
min-height:96px!important;
resize:vertical!important;
padding:18px 20px!important;
font-size:22px!important;
line-height:1.35!important;
}
.ai-ask-input::placeholder,input::placeholder,textarea::placeholder{
color:var(--text4)!important;
opacity:1!important;
}
.ai-ask-input:focus,textarea:focus,input:focus,select:focus{
background:var(--panel3)!important;
color:var(--text)!important;
}
.ai-ask-send{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:66px!important;
height:66px!important;
margin:0!important;
padding:0!important;
background:var(--accent)!important;
color:#29120b!important;
border:0!important;
border-radius:22px!important;
box-shadow:none!important;
cursor:pointer!important;
}
.ai-ask-send:hover{
background:#ffac92!important;
color:#29120b!important;
transform:none!important;
}
.ai-ask-send svg{
width:26px!important;
height:26px!important;
stroke:currentColor!important;
}
.ai-ask-suggestions{
display:flex!important;
gap:8px!important;
margin:18px 0 0!important;
padding:0!important;
flex-wrap:wrap!important;
}
.ai-ask-chip{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:36px!important;
padding:0 13px!important;
background:var(--panel2)!important;
color:var(--text3)!important;
border:0!important;
border-radius:999px!important;
box-shadow:none!important;
font-size:13px!important;
font-weight:650!important;
line-height:1!important;
cursor:pointer!important;
}
.ai-ask-chip:hover{
background:var(--panel3)!important;
color:var(--text)!important;
}
.ai-ask-answer,.ai-summary-body{
position:relative!important;
display:block!important;
margin:22px 0 0!important;
padding:18px 20px 18px 52px!important;
background:var(--panel2)!important;
color:var(--text2)!important;
border:0!important;
border-radius:22px!important;
box-shadow:none!important;
font-size:16px!important;
line-height:1.65!important;
}
.ai-ask-answer:empty,.ai-summary-body:empty{
display:none!important;
}
.ai-ask-answer::before,.ai-summary-body::before{
content:""!important;
position:absolute!important;
left:20px!important;
top:24px!important;
width:14px!important;
height:14px!important;
border-radius:50%!important;
background:var(--accent2)!important;
}
.ai-spinner{
width:18px!important;
height:18px!important;
border-radius:50%!important;
background:var(--accent2)!important;
display:inline-block!important;
animation:none!important;
}
.g4,.g2,.mini-charts,.tables-grid,.ip-stats-grid,.visitors-list,.sites-list,.ll-stats,.ll-urls,.visitor-info-grid,.in-grid{
display:grid!important;
gap:16px!important;
}
.g4{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
margin:0 0 18px!important;
}
.g2,.mini-charts,.ip-stats-grid,.visitor-info-grid,.in-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.tables-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
align-items:start!important;
margin-top:16px!important;
}
.bx,.dp,.chart-wrap,.calendar-box,.vcard,.ip-stats-card,.info-card,.settings-card,.sl-row,.ll-card,.modal,.auth-box,.visitor-header,.table-scroll,.click-search-box,.map-wrap{
background:var(--panel)!important;
color:var(--text)!important;
border:0!important;
border-radius:var(--r)!important;
box-shadow:none!important;
overflow:hidden!important;
}
.bx{
min-height:150px!important;
padding:24px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:16px!important;
}
.bv,.ip-stat-value,.ll-stat-num,.info-value{
display:block!important;
color:var(--text)!important;
font-size:52px!important;
font-weight:720!important;
line-height:.9!important;
letter-spacing:-.055em!important;
font-variant-numeric:tabular-nums!important;
}
.bd{
min-height:18px!important;
color:var(--accent2)!important;
font-size:13px!important;
font-weight:720!important;
line-height:1.2!important;
}
.bl,.ip-stat-label,.ll-stat-label,.info-label,.vcard-label,.settings-label,.cal-dow{
color:var(--text4)!important;
font-size:12px!important;
font-weight:820!important;
line-height:1.1!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
}
.chart-wrap{
padding:22px!important;
margin:16px 0!important;
}
.chart-canvas-wrap{
height:390px!important;
min-height:390px!important;
position:relative!important;
margin:0!important;
padding:0!important;
}
.chart-toggle{
margin:18px 0 0!important;
justify-content:center!important;
}
.chart-toggle-btn{
height:36px!important;
font-size:13px!important;
padding:0 13px!important;
}
.dp,.calendar-box,.ip-stats-card,.settings-card,.info-card,.click-search-box{
padding:22px!important;
}
.dp.full-width,.full-width{
grid-column:1/-1!important;
}
.mini-chart-canvas{
height:220px!important;
position:relative!important;
}
table{
width:100%!important;
border-collapse:separate!important;
border-spacing:0 6px!important;
margin:0!important;
background:transparent!important;
color:var(--text2)!important;
font-size:15px!important;
line-height:1.35!important;
}
thead,tbody,tr,th,td{
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
th{
padding:0 10px 8px!important;
color:var(--text4)!important;
font-size:11px!important;
font-weight:820!important;
line-height:1!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
text-align:left!important;
}
td{
padding:10px!important;
color:var(--text2)!important;
font-size:15px!important;
font-weight:520!important;
line-height:1.35!important;
vertical-align:middle!important;
}
tbody tr{
border-radius:16px!important;
}
tbody tr:hover td{
background:var(--panel2)!important;
color:var(--text)!important;
}
tbody tr:hover td:first-child{
border-radius:16px 0 0 16px!important;
}
tbody tr:hover td:last-child{
border-radius:0 16px 16px 0!important;
}
.num,.oc-cell,.date-cell{
font-variant-numeric:tabular-nums!important;
text-align:right!important;
white-space:nowrap!important;
}
.data-row,.click-search-row{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
}
.click-search-row{
margin:0 0 16px!important;
}
.click-search-results,.click-search-summary{
color:var(--text3)!important;
font-size:14px!important;
line-height:1.5!important;
}
.calendar{
display:grid!important;
gap:8px!important;
}
.calendar-header{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 14px!important;
}
.cal-grid{
display:grid!important;
grid-template-columns:repeat(7,minmax(0,1fr))!important;
gap:6px!important;
}
.cal-cell,.cal-empty{
min-height:42px!important;
padding:6px!important;
background:var(--panel2)!important;
border:0!important;
border-radius:14px!important;
color:var(--text3)!important;
font-size:12px!important;
line-height:1!important;
}
.cal-empty{
opacity:.35!important;
}
.cal-day-num{
display:block!important;
color:var(--text2)!important;
font-weight:760!important;
}
.cal-day-val{
display:block!important;
margin-top:5px!important;
color:var(--text4)!important;
font-size:11px!important;
font-weight:650!important;
}
.h0{background:var(--panel2)!important;}
.h1{background:#475462!important;}
.h2{background:#526b7d!important;}
.h3{background:#6688a4!important;}
.h4{background:var(--accent2)!important;color:#102033!important;}
.heatmap-legend{
display:flex!important;
align-items:center!important;
gap:7px!important;
margin-top:14px!important;
color:var(--text4)!important;
font-size:12px!important;
font-weight:650!important;
}
.hl-sq{
display:inline-block!important;
width:18px!important;
height:18px!important;
border-radius:6px!important;
}
.ts-row,.hb-split{
color:var(--text2)!important;
font-size:14px!important;
line-height:1.5!important;
}
.ts-row{
display:flex!important;
align-items:center!important;
gap:8px!important;
margin:10px 0!important;
}
.ts-pct{
margin-left:auto!important;
color:var(--text4)!important;
}
.ts-dot{
width:10px!important;
height:10px!important;
border-radius:50%!important;
display:inline-block!important;
}
.ts-dot-h{background:var(--good)!important;}
.ts-dot-b{background:var(--bad)!important;}
.ts-bar,.hour-bar{
height:12px!important;
background:var(--panel2)!important;
border:0!important;
border-radius:999px!important;
overflow:hidden!important;
}
.ts-bar-human,.hour-bar-fill{
height:100%!important;
background:var(--good)!important;
border-radius:999px!important;
}
.ts-bar-bot{
height:100%!important;
background:var(--bad)!important;
border-radius:999px!important;
}
.vcard{
padding:20px!important;
display:grid!important;
gap:14px!important;
}
.vcard-top,.vcard-bottom,.vcard-ip-row,.vcard-detail-entry,.visitor-title-row,.visitor-summary,.sl-main,.sl-meta,.ll-top,.ll-stats,.ll-url-row{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
flex-wrap:wrap!important;
}
.vcard-ip,.visitor-ip,.ip-stats-ip,.ll-short,.sl-domain{
color:var(--text)!important;
font-size:20px!important;
font-weight:760!important;
line-height:1.15!important;
letter-spacing:-.035em!important;
word-break:break-word!important;
}
.vcard-host,.vcard-country,.vcard-detail,.vcard-summary,.last-seen-ago,.rt-visitor-page,.rt-visitor-ip,.ll-target,.ll-label,.ll-copy,.sl-date,.sl-stat{
color:var(--text3)!important;
font-size:14px!important;
font-weight:520!important;
line-height:1.45!important;
word-break:break-word!important;
}
.vcard-go,.oc-link,.panel-link,.sl-code a,.ll-copy{
color:var(--accent2)!important;
font-weight:720!important;
}
.flag-img{
width:22px!important;
height:auto!important;
border-radius:4px!important;
}
.visitor-filter{
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
}
.vf-icon{
width:42px!important;
padding:0!important;
}
.vf-icon svg{
width:19px!important;
height:19px!important;
stroke:currentColor!important;
}
.vf-icon.active.vf-human{
background:rgba(145,223,177,.18)!important;
}
.vf-icon.active.vf-bot{
background:rgba(255,156,156,.18)!important;
}
.content .visitor-filter,.content .date-range{
margin:0 0 18px!important;
}
.ip-stats-card{
margin:0 0 20px!important;
}
.ip-stats-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 18px!important;
flex-wrap:wrap!important;
}
.ip-stat,.ll-stat{
background:var(--panel2)!important;
border:0!important;
border-radius:18px!important;
padding:18px!important;
}
.ip-stat-wide{
grid-column:1/-1!important;
}
.visitor-header{
padding:24px!important;
margin:0 0 18px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
flex-wrap:wrap!important;
}
.visitor-icon,.info-icon{
width:46px!important;
height:46px!important;
display:grid!important;
place-items:center!important;
background:var(--panel2)!important;
border-radius:16px!important;
color:var(--accent2)!important;
}
.visitor-info-grid{
margin:0 0 18px!important;
}
.breakdown-table,.visitors-table{
width:100%!important;
}
.table-scroll{
padding:12px!important;
overflow:auto!important;
}
.settings-card{
max-width:760px!important;
margin:0 auto 18px!important;
}
.settings-field,.sl-settings-row,.add-site-row{
display:grid!important;
gap:8px!important;
margin:0 0 16px!important;
}
.settings-field input,.settings-field select,.settings-select,.filter-select,input,select,textarea{
height:46px!important;
padding:0 15px!important;
}
textarea{
height:auto!important;
min-height:110px!important;
padding:14px 16px!important;
}
.msg-ok,.msg-error,.msg-success,.msg-warning,.msg-info,.msg-fail,.sl-verify-result{
padding:14px 16px!important;
margin:0 0 18px!important;
background:var(--panel)!important;
color:var(--text2)!important;
border:0!important;
border-radius:18px!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1.5!important;
}
.msg-error,.msg-fail{
color:var(--bad)!important;
}
.msg-ok,.msg-success{
color:var(--good)!important;
}
.sites-list,.links-list,.js-links-list{
display:grid!important;
gap:14px!important;
}
.sl-row,.ll-card{
padding:20px!important;
display:grid!important;
gap:14px!important;
}
.sl-actions,.ll-actions{
margin-left:auto!important;
}
.sl-code,.sl-settings-form,.sl-verify-expand,.ll-urls,.removed-section{
background:var(--panel2)!important;
border:0!important;
border-radius:18px!important;
padding:16px!important;
color:var(--text2)!important;
overflow:auto!important;
}
.sl-code-row,.sl-settings-expand,.sl-verify-expand,.sl-code-expand{
margin-top:12px!important;
}
code,pre{
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
font-size:13px!important;
line-height:1.55!important;
color:var(--text2)!important;
white-space:pre-wrap!important;
word-break:break-word!important;
}
.modal-overlay{
position:fixed!important;
inset:0!important;
display:none;
align-items:center!important;
justify-content:center!important;
padding:24px!important;
background:rgba(25,27,31,.72)!important;
z-index:200!important;
}
.modal-overlay.show,.modal-overlay.active{
display:flex!important;
}
.modal{
width:min(560px,100%)!important;
max-height:calc(100vh - 48px)!important;
overflow:auto!important;
padding:24px!important;
}
.share-url-box{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin:14px 0!important;
}
.share-url-box input{
font-size:14px!important;
}
.auth-page{
min-height:100vh!important;
display:grid!important;
place-items:center!important;
padding:32px!important;
background:var(--bg)!important;
}
.auth-box{
width:min(440px,100%)!important;
padding:32px!important;
}
.auth-logo{
margin:0 0 14px!important;
color:var(--text)!important;
font-size:36px!important;
font-weight:800!important;
letter-spacing:-.06em!important;
}
.auth-tagline,.auth-link{
color:var(--text3)!important;
font-size:15px!important;
line-height:1.5!important;
}
.auth-box form{
display:grid!important;
gap:12px!important;
margin-top:22px!important;
}
.map-wrap,#map,.leaflet-container{
min-height:calc(100vh - 170px)!important;
background:var(--panel)!important;
border:0!important;
border-radius:var(--r)!important;
overflow:hidden!important;
}
.leaflet-control,.leaflet-popup-content-wrapper,.leaflet-popup-tip{
background:var(--panel2)!important;
color:var(--text)!important;
border:0!important;
box-shadow:none!important;
}
.up-btn{
position:fixed!important;
right:22px!important;
bottom:22px!important;
width:48px!important;
height:48px!important;
padding:0!important;
z-index:80!important;
}
.empty-state{
display:grid!important;
place-items:start!important;
gap:14px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.empty-state h2{
font-size:46px!important;
margin:0!important;
}
.empty-msg,.empty-cell{
padding:18px!important;
text-align:left!important;
}
.progress,.progress-bar{
height:12px!important;
background:var(--panel2)!important;
border:0!important;
border-radius:999px!important;
overflow:hidden!important;
}
.progress-bar{
background:var(--accent2)!important;
}
::-webkit-scrollbar{
width:12px!important;
height:12px!important;
}
::-webkit-scrollbar-track{
background:var(--bg)!important;
}
::-webkit-scrollbar-thumb{
background:var(--panel3)!important;
border-radius:999px!important;
}
@media(max-width:1180px){
nav:not(.landing-nav){
grid-template-columns:1fr!important;
gap:14px!important;
}
nav:not(.landing-nav) .nav-left,nav:not(.landing-nav) .nav-right{
justify-content:flex-start!important;
}
.g4{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media(max-width:820px){
html,body{
font-size:15.5px!important;
}
nav:not(.landing-nav){
position:relative!important;
padding:16px 16px 12px!important;
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:10px!important;
}
nav:not(.landing-nav)::before{
left:16px!important;
right:16px!important;
}
nav:not(.landing-nav) .nav-left{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:10px!important;
width:100%!important;
}
nav:not(.landing-nav) .logo-link{
height:auto!important;
margin:0!important;
font-size:23px!important;
}
nav:not(.landing-nav) .site-dropdown,nav:not(.landing-nav) .rt-dropdown,nav:not(.landing-nav) .site-dropdown-trigger,nav:not(.landing-nav) .rt-trigger,nav:not(.landing-nav) .nav-left>span{
width:100%!important;
max-width:none!important;
}
nav:not(.landing-nav) .nav-right{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:6px!important;
width:100%!important;
overflow:visible!important;
flex-wrap:wrap!important;
flex-direction:row!important;
padding-bottom:0!important;
position:static!important;
scrollbar-width:none!important;
}
nav:not(.landing-nav) .nav-right::-webkit-scrollbar{
display:none!important;
}
nav:not(.landing-nav) .nav-link{
flex:0 0 auto!important;
height:38px!important;
min-height:38px!important;
font-size:13px!important;
padding:0 12px!important;
}
.dashboard,.content,.empty-state{
width:calc(100vw - 28px)!important;
padding:28px 0 72px!important;
}
h1{
font-size:40px!important;
}
h2{
font-size:30px!important;
}
.dash-toolbar{
align-items:flex-start!important;
gap:12px!important;
}
.date-range,.dash-actions,.dash-btn-group,.visitor-filter{
width:100%!important;
justify-content:flex-start!important;
}
.btn,.btn-primary,.btn-outline,.btn-danger,.btn-small,.btn-range,.chart-toggle-btn{
height:38px!important;
min-height:38px!important;
font-size:13px!important;
padding:0 12px!important;
}
.ai-ask-box,.ai-summary-card{
padding:20px!important;
border-radius:24px!important;
margin:24px 0 28px!important;
}
.ai-ask-row{
grid-template-columns:1fr!important;
align-items:stretch!important;
}
.ai-ask-input{
font-size:19px!important;
min-height:170px!important;
resize:none!important;
}
.ai-ask-send{
width:100%!important;
height:52px!important;
border-radius:18px!important;
}
.g4,.g2,.mini-charts,.tables-grid,.ip-stats-grid,.visitor-info-grid,.in-grid{
grid-template-columns:1fr!important;
}
.bx{
min-height:124px!important;
padding:20px!important;
}
.bv,.ip-stat-value,.ll-stat-num,.info-value{
font-size:44px!important;
}
.chart-wrap,.dp,.calendar-box,.ip-stats-card,.settings-card,.info-card,.click-search-box,.vcard,.sl-row,.ll-card,.visitor-header{
padding:18px!important;
border-radius:20px!important;
}
.chart-canvas-wrap{
height:300px!important;
min-height:300px!important;
}
.mini-chart-canvas{
height:190px!important;
}
table{
font-size:14px!important;
}
th,td{
padding-left:8px!important;
padding-right:8px!important;
}
.cal-grid{
gap:4px!important;
}
.cal-cell,.cal-empty{
min-height:36px!important;
padding:5px!important;
border-radius:10px!important;
}
.share-url-box,.click-search-row{
display:grid!important;
grid-template-columns:1fr!important;
}
}
@media(max-width:520px){
nav:not(.landing-nav) .logo-link::before{
width:36px!important;
height:36px!important;
border-radius:13px!important;
flex-basis:36px!important;
}
.dashboard,.content,.empty-state{
width:calc(100vw - 20px)!important;
}
h1{
font-size:34px!important;
}
.chart-toggle{
overflow-x:auto!important;
flex-wrap:nowrap!important;
justify-content:flex-start!important;
padding-bottom:4px!important;
scrollbar-width:none!important;
}
.chart-toggle::-webkit-scrollbar{
display:none!important;
}
.ai-ask-suggestions{
overflow:visible!important;
flex-wrap:wrap!important;
justify-content:flex-start!important;
padding-bottom:0!important;
}
.ai-ask-chip,.chart-toggle-btn{
flex:0 0 auto!important;
}
.bv,.ip-stat-value,.ll-stat-num,.info-value{
font-size:38px!important;
}
td{
font-size:13px!important;
}
}
.pk-install-btn{
box-shadow:none!important;
border:0!important;
background:var(--accent)!important;
color:#29120b!important;
border-radius:999px!important;
font-weight:760!important;
}
@media(max-width:820px){
.pk-install-btn{
position:static!important;
display:flex!important;
width:max-content!important;
margin:16px auto!important;
}
}