:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#182a45;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #84b7ff;outline-offset:2px}h1,h2,p{margin-top:0}.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:linear-gradient(165deg,#14253f,#1a3455);color:#c0d0e3}.brand{height:88px;display:flex;align-items:center;gap:13px;padding:0 24px;color:#fff;font-size:19px;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;color:#4a9aff}.sidebar nav{display:grid;gap:7px;padding:20px 13px}.nav-item{width:100%;display:flex;align-items:center;gap:14px;min-height:49px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#aebfd3;text-align:left;font-size:13px;font-weight:650}.nav-item:hover{background:#ffffff10;color:#fff}.nav-item.active{background:#287cf6;color:#fff;box-shadow:0 8px 18px #1b66d333}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding:20px 20px 24px;border-top:1px solid #ffffff13;color:#aebfd3;font-size:11px}.online-dot{width:7px;height:7px;border-radius:50%;background:#43d4a0;box-shadow:0 0 0 4px #43d4a022}.sidebar-bottom button{display:flex;align-items:center;gap:7px;margin-left:auto;padding:0;border:0;background:none;color:#b7c9de;font-size:11px}.sidebar-bottom button:hover{color:#fff}.workspace{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:88px;padding:13px 25px 13px 28px;border-bottom:1px solid #e7edf4;background:#fff}.topbar-title{min-width:170px}.topbar-title h1{margin:0 0 4px;color:#142744;font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-.035em}.topbar-title p{margin:0;color:#93a1b5;font-size:11px;white-space:nowrap}.topbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.header-site-switch{display:flex;align-items:center;gap:9px;max-width:210px;min-width:150px;height:42px;padding:0 10px;border:1px solid #dae5f1;border-radius:8px;background:#f8fbff;color:#243b5a;text-align:left}.header-site-switch:hover{border-color:#95bff6}.header-site-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:7px;background:#e8f2ff;color:#287cf6}.header-site-copy{display:block;min-width:0;flex:1}.header-site-copy small{display:block;color:#91a0b5;font-size:9px}.header-site-copy strong{display:block;overflow:hidden;margin-top:1px;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.period-switcher{display:flex;align-items:center;height:41px;padding:4px;border-radius:8px;background:#f1f4f9;white-space:nowrap}.period-switcher button{height:33px;min-width:57px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#5e708a;font-size:11px;font-weight:700}.period-switcher button:hover{color:#287cf6}.period-switcher button.active{background:#287cf6;color:#fff;box-shadow:0 4px 10px #287cf63c}.outline-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:58px;height:40px;padding:0 11px;border:1px solid #dbe6f3;border-radius:8px;background:#fff;color:#4d6584;font-size:11px;font-weight:700;white-space:nowrap}.outline-button:hover{border-color:#9fc5f6;color:#287cf6}.danger-button{border-color:#ffcbd1;color:#d85762}.danger-button:hover{border-color:#ee929c;color:#c74c57}.mobile-logout{display:none}.content{max-width:1700px;margin:0 auto;padding:18px 22px 36px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{display:flex;align-items:flex-start;gap:17px;min-height:139px;padding:22px 20px;border:1px solid #e6ecf4;border-radius:10px;background:#fff;box-shadow:0 3px 13px #1f426008}.metric-icon{display:grid;place-items:center;width:55px;height:55px;flex:none;border-radius:50%;background:#edf4ff;color:#287cf6}.metric-copy{min-width:0}.metric-card h2{margin:2px 0 9px;color:#29415f;font-size:13px;font-weight:700}.metric-card strong{display:block;margin-bottom:5px;color:#102744;font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.metric-sub{color:#9aa8bb;font-size:11px}.metric-change{font-size:11px;font-weight:750}.metric-change small{margin-left:3px;color:#9aa8bb;font-size:10px;font-weight:500}.metric-change.positive{color:#1eaf7d}.metric-change.negative{color:#e46270}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:13px;margin-top:13px}.panel{min-width:0;border:1px solid #e5ecf4;border-radius:10px;background:#fff;box-shadow:0 3px 13px #1f426007}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px 0}.panel-heading h2{margin:0;color:#18314f;font-size:16px;font-weight:800}.trend-panel{min-height:422px}.chart-legend{display:flex;align-items:center;gap:15px;color:#8594aa;font-size:11px}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.blue{background:#287cf6}.legend-dot.coral{background:#ff817e}.trend-chart-wrap{height:370px;padding:5px 20px 10px}.trend-chart{width:100%;height:100%;overflow:visible}.axis-label{fill:#8fa0b7;font-size:10px;font-family:inherit}.empty-chart-label{fill:#9eacbd;font-size:13px;font-family:inherit}.distribution-stack{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:13px}.source-panel{min-height:204px}.source-content{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:14px;padding:16px 22px 18px}.donut{display:grid;place-items:center;width:137px;height:137px;border-radius:50%}.donut-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:95px;height:95px;border-radius:50%;background:#fff}.donut-center strong{font-size:21px;line-height:1;color:#19304e}.donut-center span{margin-top:5px;color:#91a1b7;font-size:10px}.source-list{display:grid;gap:9px;min-width:0}.source-row{display:grid;grid-template-columns:minmax(0,1fr) 47px 36px;align-items:center;gap:5px;font-size:10px}.source-name{display:flex;align-items:center;gap:7px;min-width:0;color:#526985}.source-name i{width:8px;height:8px;flex:none;border-radius:50%}.source-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-row strong{color:#344c6a;text-align:right;font-weight:700}.source-row em{color:#98a7b9;text-align:right;font-style:normal}.region-panel{min-height:204px}.text-button{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border:1px solid #dce6f2;border-radius:6px;background:#fff;color:#5e7391;font-size:10px;font-weight:700}.text-button:hover{border-color:#98bff4;color:#287cf6}.panel-caption{margin:5px 22px 9px;color:#a0adbf;font-size:10px}.region-list{display:grid;gap:7px;list-style:none;margin:0;padding:0 22px 15px}.region-list li{display:grid;grid-template-columns:23px minmax(0,1fr) 42px;align-items:center;gap:8px;color:#4a607c;font-size:10px}.region-rank{font-variant-numeric:tabular-nums;color:#9daec4;font-weight:800}.region-rank.first{color:#287cf6}.region-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-name i{display:block;overflow:hidden;height:6px;margin-top:4px;border-radius:5px;background:#edf1f6}.region-name i b{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#4c9dfc,#95c7ff)}.region-list strong{color:#2a4567;text-align:right;font-variant-numeric:tabular-nums}.region-list .region-empty{display:block;color:#a1adbd;padding:22px 0}.recent-panel{margin-top:13px;overflow:hidden}.recent-panel .panel-heading{padding-bottom:17px}.table-scroll{width:100%;overflow-x:auto}.visit-table,.site-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.visit-table{min-width:840px}.visit-table th,.site-table th{height:37px;padding:0 15px;background:#f5f8fc;color:#7d8fa8;font-size:10px;font-weight:700}.visit-table td,.site-table td{height:44px;padding:0 15px;border-top:1px solid #edf1f6;color:#445b78;font-size:10px}.visit-table tbody tr{cursor:pointer}.visit-table tbody tr:hover,.site-table tbody tr:hover{background:#f8fbff}.visit-table .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace}.visit-table .uuid{max-width:170px;overflow:hidden;text-overflow:ellipsis}.browser{display:inline-flex;align-items:center;gap:7px}.browser-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eaf2fe;color:#2377e4;font-size:10px;font-weight:800}.empty-cell{height:110px!important;text-align:center;color:#a0aec0!important}.section-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 16px}.section-intro h2{margin:0 0 6px;color:#213753;font-size:19px}.section-intro p{margin:0;color:#91a0b5;font-size:11px}.section-intro>span{color:#7490b2;font-size:11px;font-weight:700}.records-panel,.site-table-panel{overflow:hidden}.records-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.search-box,.modal-search{display:flex;align-items:center;gap:8px;width:min(360px,100%);height:38px;padding:0 11px;border:1px solid #dce6f0;border-radius:7px;color:#9ba9ba}.search-box:focus-within,.modal-search:focus-within{border-color:#7cb3ff;box-shadow:0 0 0 3px #287cf617}.search-box input,.modal-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#213754;font-size:12px}.records-toolbar>span{color:#a1aec0;font-size:10px}.pager{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 18px;border-top:1px solid #edf1f6;color:#8b9db4;font-size:11px}.pager>div{display:flex;gap:7px}.pager button,.subtle-button{min-height:32px;padding:0 12px;border:1px solid #dce5f0;border-radius:6px;background:#fff;color:#60738f;font-size:11px;font-weight:700}.pager button:not(:disabled):hover,.subtle-button:hover{border-color:#a2c6fa;color:#287cf6}.site-table{min-width:710px}.site-table td{height:58px}.site-table td strong,.site-table td small{display:block}.site-table td strong{font-size:11px;color:#2d4564}.site-table td small{margin-top:4px;color:#96a6b9;font-size:10px}.status,.hidden-mark{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700}.status.active{color:#22ac7e}.status.inactive{color:#d36670}.hidden-mark{margin-left:7px;color:#99a8b9}.table-action{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #d5e6ff;border-radius:6px;background:#f6faff;color:#287cf6;font-size:10px;font-weight:700}.table-action:hover{border-color:#8dbcf8}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#0c1d35a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(480px,100%);max-height:min(760px,calc(100vh - 40px));overflow-y:auto;padding:24px;border:1px solid #e0e8f2;border-radius:14px;background:#fff;box-shadow:0 24px 80px #06172f66}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.modal-head h2{margin:0;color:#1c3454;font-size:19px}.icon-button{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:6px;background:transparent;color:#8798ad}.icon-button:hover{background:#f2f5fa;color:#324e70}.site-picker .modal-search{width:100%}.site-choices{display:grid;gap:8px;max-height:420px;overflow-y:auto;margin-top:14px}.site-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 13px;border:1px solid #e2eaf4;border-radius:8px;background:#fff;text-align:left}.site-choice:hover,.site-choice.current{border-color:#91bdf8;background:#f5f9ff}.site-choice strong,.site-choice small{display:block}.site-choice strong{color:#29435f;font-size:12px}.site-choice small{margin-top:4px;color:#97a6b8;font-size:10px}.selected-dot{width:8px;height:8px;border-radius:50%;background:#287cf6}.empty-text{padding:16px;color:#9aa9bc;font-size:11px}.modal-form label,.reset-modal label{display:block;margin:15px 0;color:#526985;font-size:11px;font-weight:700}.modal-form input:not([type=checkbox]),.reset-modal input{display:block;width:100%;height:41px;margin-top:7px;padding:0 11px;border:1px solid #dce6f1;border-radius:7px;background:#fff;color:#213954;font-size:12px}.modal-form .checkbox-label{display:flex;align-items:center;gap:8px;margin:13px 0}.checkbox-label input{accent-color:#287cf6}.site-domain{margin:0 0 13px;color:#8496ab;font-size:11px}.form-error{min-height:16px;margin:8px 0;color:#d44f5f;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.primary-button,.danger-solid{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 16px;border:0;border-radius:7px;background:#287cf6;color:#fff;font-size:11px;font-weight:750}.primary-button:hover{background:#176eeb}.danger-solid{background:#d85864}.danger-solid:hover{background:#c24a57}.detail-modal{width:min(570px,100%)}.detail-time{margin:-6px 0 16px;color:#9aa8b9;font-size:11px}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #edf1f6;font-size:11px}.detail-list dt{color:#92a1b4}.detail-list dd{overflow-wrap:anywhere;margin:0;color:#344d6b}.region-modal{width:min(590px,100%);padding-bottom:0}.modal-caption{margin:-5px 0 14px;color:#93a3b6;font-size:11px}.region-table-head,.region-page-list li{display:grid;grid-template-columns:45px minmax(0,1fr) 75px 65px;gap:10px;align-items:center;padding:10px 12px;font-size:11px}.region-table-head{border-radius:6px;background:#f5f8fc;color:#8192a8;font-weight:700}.region-page-list{list-style:none;max-height:390px;overflow-y:auto;margin:0;padding:0}.region-page-list li{border-bottom:1px solid #edf1f6;color:#344d6a}.region-page-list strong,.region-page-list em{text-align:right}.region-page-list em{color:#91a2b7;font-style:normal}.region-modal .pager{margin:0 -24px}.warning-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:12px;border-radius:50%;background:#fff0f2;color:#d65b67}.reset-modal p{color:#70829b;font-size:12px;line-height:1.7}.reset-modal p strong{color:#263e5d}.reset-modal label strong{margin-left:4px;color:#233f66}.toast{position:fixed;right:22px;bottom:20px;z-index:60;padding:12px 16px;border-radius:8px;background:#193455;color:#fff;box-shadow:0 12px 35px #0b203d55;font-size:12px}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:13px;color:#287cf6}.boot-screen span{color:#6e829b;font-size:13px}.login-screen{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:22px;background:#142943}.login-ambient{position:absolute;inset:-20%;background:radial-gradient(circle at 22% 24%,#2d6dac55,transparent 28%),radial-gradient(circle at 78% 74%,#287cf633,transparent 32%)}.login-card{position:relative;width:min(430px,100%);padding:37px;border:1px solid #dce6f1;border-radius:16px;background:#fff;box-shadow:0 25px 75px #06162977}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:34px;color:#1e3655;font-size:19px;font-weight:800}.login-brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#287cf6;color:#fff}.login-card h1{margin:0 0 8px;color:#142c4b;font-size:27px}.login-card p{margin-bottom:28px;color:#91a2b7;font-size:12px}.login-card label{display:block;margin-top:16px;color:#526882;font-size:11px;font-weight:700}.login-card input{display:block;width:100%;height:43px;margin-top:8px;padding:0 12px;border:1px solid #dce5ef;border-radius:7px;background:#fff;color:#243f60;font-size:13px}.login-card .primary-button{width:100%;height:44px;margin-top:8px;font-size:12px}@media(max-width:1350px){.topbar{flex-wrap:wrap}.topbar-controls{flex:1}.content{padding:16px}.metric-card{padding:19px 14px;gap:12px}.metric-icon{width:45px;height:45px}.metric-card strong{font-size:24px}.source-content{grid-template-columns:118px minmax(0,1fr);gap:8px;padding:15px}.donut{width:112px;height:112px}.donut-center{width:78px;height:78px}.source-row{grid-template-columns:minmax(0,1fr) 39px 30px}.panel-heading{padding:17px 17px 0}.region-list{padding:0 17px 14px}.panel-caption{margin-left:17px}}@media(max-width:1050px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.brand{justify-content:center;padding:0}.brand strong,.nav-item span,.sidebar-bottom{display:none}.sidebar nav{padding:12px 8px}.nav-item{justify-content:center;padding:0}.analytics-grid{grid-template-columns:1fr}.distribution-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.trend-panel{min-height:355px}.trend-chart-wrap{height:310px}.source-panel,.region-panel{min-height:210px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto;min-height:59px;flex-direction:row;align-items:center;padding:7px 12px}.brand{height:auto;gap:7px;padding:0;font-size:15px}.brand strong{display:block}.brand-mark svg{width:20px}.sidebar nav{display:flex;gap:3px;margin-left:auto;padding:0}.nav-item{width:auto;min-height:36px;gap:4px;padding:0 7px;font-size:10px}.nav-item span{display:block}.nav-item svg{width:15px;height:15px}.topbar{display:block;padding:16px}.topbar-title h1{font-size:21px}.topbar-title p{white-space:normal}.topbar-controls{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:7px;margin-top:14px}.header-site-switch{width:100%;max-width:none;flex-basis:100%;height:38px}.header-site-copy{display:flex;align-items:center;gap:8px}.header-site-copy small{font-size:10px}.header-site-copy strong{font-size:11px}.period-switcher{order:2;width:100%;justify-content:space-between}.period-switcher button{flex:1;min-width:0;padding:0 3px;font-size:10px}.outline-button{height:34px;padding:0 8px}.outline-button span{font-size:10px}.mobile-logout{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce6f1;border-radius:7px;background:#fff;color:#607895}.content{padding:13px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:130px;display:block;padding:14px}.metric-icon{width:35px;height:35px;margin-bottom:9px}.metric-icon svg{width:18px}.metric-card h2{margin-bottom:5px;font-size:10px}.metric-card strong{font-size:21px}.metric-sub,.metric-change{font-size:9px}.analytics-grid{gap:9px;margin-top:9px}.trend-panel{min-height:320px}.trend-chart-wrap{height:270px;padding:5px 10px}.distribution-stack{grid-template-columns:1fr;gap:9px}.source-content{grid-template-columns:120px minmax(0,1fr)}.donut{width:114px;height:114px}.recent-panel{margin-top:9px}.section-intro{display:block}.section-intro>span{display:block;margin-top:9px}.records-toolbar{display:block}.records-toolbar>span{display:block;margin-top:8px}.search-box{width:100%}.modal{padding:19px}.detail-list>div{grid-template-columns:105px minmax(0,1fr)}.region-modal .pager{margin:0 -19px}}@media(max-width:380px){.nav-item{padding:0 5px;font-size:9px}.brand strong{font-size:14px}.brand-mark{display:none}.topbar-title p{font-size:10px}.source-row{grid-template-columns:minmax(0,1fr) 40px 30px}}.site-intro-actions{display:flex;align-items:center;gap:12px;color:#7490b2;font-size:11px;font-weight:700}.site-intro-actions .primary-button{min-height:36px;padding:0 13px}.field-help{margin:-4px 0 8px;color:#93a2b5;font-size:10px;line-height:1.65}@media(max-width:760px){.site-intro-actions{justify-content:space-between;margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.site-actions .reset-action{border-color:#ffd9dd;background:#fff8f8;color:#cb5260}.site-actions .reset-action:hover{border-color:#efa0a9;background:#fff1f2}.site-table{min-width:1100px}.site-count{font-variant-numeric:tabular-nums;font-weight:700}.sort-heading{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap}.sort-heading:hover{color:#287cf6}.sort-arrows{display:inline-flex;flex-direction:column;gap:3px}.sort-arrows i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #c7d2df}.sort-arrows i:last-child{border-bottom:0;border-top:5px solid #c7d2df}.sort-arrows i.selected{border-bottom-color:#287cf6}.sort-arrows i:last-child.selected{border-top-color:#287cf6}.record-filters{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px}.date-range{display:flex;align-items:center;gap:9px;color:#899bb2;font-size:11px}.date-range label{display:flex;align-items:center;gap:7px;color:#607691;white-space:nowrap}.date-range input{width:140px;height:37px;padding:0 8px;border:1px solid #dce6f1;border-radius:7px;background:#fff;color:#344f70;font-size:11px}.record-search{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:37px;padding:0 18px}@media(max-width:700px){.record-filters .search-box{width:100%}.date-range{width:100%;gap:6px}.date-range label{flex:1;display:block;font-size:10px}.date-range input{display:block;width:100%;margin-top:5px}.date-range>span{padding-top:17px}.record-search{width:100%}}