.visitor-analytics{width:100%;color:#25333a}.visitor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.visitor-heading h2{margin:0 0 6px;font-size:26px;color:#20343b}.visitor-heading p,.visitor-panel-title p,.visitor-list-head p{margin:0;color:#89979c;font-size:13px}.visitor-refresh{border:1px solid #0198af;border-radius:9px;background:#fff;color:#018ca0;padding:10px 18px;font:inherit;cursor:pointer;transition:.2s}.visitor-refresh:hover{background:#0198af;color:#fff}.visitor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.visitor-summary article{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f8fbfb);border:1px solid #e7edef;border-radius:14px;padding:21px 22px;box-shadow:0 5px 22px #17343c0d}.visitor-summary article:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-34px;top:-35px;background:#0198af14}.visitor-summary span{display:block;color:#788a90;font-size:13px}.visitor-summary strong{display:block;margin:8px 0 3px;font-size:30px;line-height:1;color:#087f91}.visitor-summary small{color:#9aa6aa;font-size:12px}.visitor-panel{background:#fff;border:1px solid #e7edef;border-radius:15px;padding:22px;box-shadow:0 4px 22px #17343c0b;margin-bottom:22px}.visitor-panel-title,.visitor-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.visitor-panel h3{margin:0 0 5px;font-size:17px;color:#263a40}.visitor-chart{height:230px;display:grid;grid-template-columns:repeat(30,minmax(18px,1fr));align-items:end;gap:5px;border-bottom:1px solid #dfe7e9;padding:28px 2px 0;overflow:hidden}.visitor-bar{height:100%;min-width:0;display:grid;grid-template-rows:20px 1fr 28px;align-items:end;text-align:center}.visitor-bar span{font-size:10px;color:#7d8e93;overflow:hidden}.visitor-bar i{display:block;width:74%;min-height:2px;margin:0 auto;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#20b9c9,#087f91);transition:height .35s ease}.visitor-bar small{font-size:9px;color:#a0abad;transform:rotate(-54deg);white-space:nowrap;align-self:center}.visitor-tabs{display:flex;padding:3px;background:#edf4f5;border-radius:10px}.visitor-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 16px;color:#728388;font:inherit;font-size:13px;cursor:pointer}.visitor-tabs button.active{background:#fff;color:#058b9d;box-shadow:0 2px 8px #183b4214;font-weight:600}.visitor-table-wrap{width:100%;overflow:auto}.visitor-table-wrap table{width:100%;border-collapse:collapse;min-width:820px}.visitor-table-wrap th{padding:12px 14px;text-align:left;background:#f5f8f9;color:#718187;font-size:12px;font-weight:600;border-bottom:1px solid #e7edef}.visitor-table-wrap td{padding:15px 14px;border-bottom:1px solid #eef2f3;color:#53656b;font-size:13px}.visitor-table-wrap tr:last-child td{border-bottom:0}.visitor-ip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#314b53!important}.visitor-count{font-weight:700;color:#07899c!important}.visitor-empty{text-align:center;color:#96a4a8;padding:46px 20px}.visitor-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;color:#849398;font-size:12px}.visitor-pagination button{border:1px solid #dce6e8;border-radius:8px;background:#fff;padding:7px 13px;color:#52666c;cursor:pointer}.visitor-pagination button:disabled{opacity:.4;cursor:not-allowed}.visitor-analytics.is-loading{cursor:progress}.visitor-analytics.is-loading .visitor-refresh{opacity:.55;pointer-events:none}@media(max-width:1100px){.visitor-summary{grid-template-columns:repeat(2,1fr)}.visitor-chart{overflow-x:auto;grid-template-columns:repeat(30,25px)}}@media(max-width:640px){.visitor-heading,.visitor-list-head{flex-direction:column}.visitor-summary{grid-template-columns:1fr 1fr;gap:10px}.visitor-summary article{padding:17px}.visitor-summary strong{font-size:25px}.visitor-panel{padding:16px}.visitor-tabs{width:100%}.visitor-tabs button{flex:1}.visitor-pagination{justify-content:center}}