:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#223a36;background:#f4f6f3;font-size:14px;--green:#246653;--line:#e2e8e2;--muted:#7b8983}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,select{cursor:pointer}button{border:0}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:17px}.muted{color:var(--muted);line-height:1.8;margin-top:12px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px;margin-bottom:14px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#dcedd4;color:#2d5b49;width:40px;height:40px;border-radius:13px;font-size:21px;font-weight:700}.shell{display:grid;grid-template-columns:226px 1fr;min-height:100vh}.shell aside{position:fixed;inset:0 auto 0 0;width:226px;background:#173d33;color:#d8e7df;padding:32px 20px}.brand{display:flex;gap:11px;align-items:center}.brand small{display:block;color:#8cac9d;font-weight:400;font-size:10px;margin-top:8px}.nav-caption{font-size:10px;color:#86a495;letter-spacing:2px;margin:57px 13px 17px}.nav-item,.side-link{display:block;padding:15px 13px;border-radius:9px;margin:5px 0;font-size:13px}.nav-item{background:#32584b;color:#fff}.side-link{color:#abc2b6}.side-link:hover{background:#284d40}.sidebar-bottom{position:absolute;bottom:30px;font-size:10px;color:#a1bbad}.sidebar-bottom p{font-size:9px;margin-top:9px;color:#779d88}.status-dot{display:inline-block;width:7px;height:7px;background:#6ba784;border-radius:50%;margin-right:7px}.shell main{grid-column:2;padding:43px 38px;min-width:0;max-width:1700px;width:100%}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.plain{background:white;border:1px solid var(--line);border-radius:8px;padding:10px 15px;color:#4d685c;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:34px 0 20px}.toolbar-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.toolbar label{font-size:11px;color:var(--muted)}select{margin-left:10px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:#2b5040}.live-label{font-size:11px;color:#648473}.export{background:var(--green);color:#fff;border-radius:8px;padding:12px 16px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 19px;min-width:0}.metrics article:first-child{background:#e7efdd;border-color:#d6e3c8}.metrics p{font-size:12px;color:#6a7e71}.metrics strong{display:block;font-size:34px;font-weight:550;margin:14px 0 12px;letter-spacing:-1px}.metrics small{display:block;color:#8c978e;font-size:9px;line-height:1.7}.middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px;margin:24px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.panel-title p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:9px}.legend,#visit-count{font-size:10px;color:#638975;white-space:nowrap}#chart{height:226px;display:flex;align-items:center}#chart svg{width:100%;height:100%;overflow:visible}#chart text{fill:#819087;font-size:10px}.empty{padding:45px 10px;text-align:center;color:#94a097;font-size:12px;line-height:1.9;width:100%}.page-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 19px;font-size:11px}.page-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.bar-track{grid-column:1/-1;height:5px;background:#f1f4ed;border-radius:5px;margin-top:-3px;overflow:hidden}.bar-track i{display:block;height:100%;background:#9fbb90;border-radius:5px}.details{padding-bottom:8px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}th{background:#f7f9f5;color:#7f8c81;font-size:10px;font-weight:400;padding:14px}td{border-bottom:1px solid #eef1ec;padding:17px 14px;color:#5e7367;max-width:240px;overflow:hidden;text-overflow:ellipsis}th:first-child{border-radius:7px 0 0 7px}th:last-child{border-radius:0 7px 7px 0}.badge{padding:5px 7px;border-radius:5px;background:#f2f4ef;color:#8c968e;font-size:9px}.badge.online{background:#e4f0dd;color:#59814b}footer{font-size:10px;color:#8b978e;line-height:1.9;margin-top:25px}footer a{color:#507660;margin-left:12px}.error,#login-error{color:#a33b32;font-size:12px;margin:12px 0}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:25px;background:radial-gradient(ellipse at top,#e6eedd,#f4f6f3 60%)}.login-card{width:min(430px,100%);background:white;padding:38px;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #203b2810}.login-card .brand-mark{margin-bottom:25px}.login-card h1{font-size:27px}.login-card label{display:block;font-size:12px;color:#648074;margin-top:24px}.login-card input{display:block;width:100%;padding:13px 12px;border:1px solid #dbe3d9;background:#fafbf8;border-radius:8px;margin-top:9px;color:#284638}.primary{display:flex;justify-content:space-between;background:var(--green);color:white;padding:14px 18px;border-radius:8px;width:100%;margin-top:27px}.login-card>a{font-size:11px;color:#8b9d8d}.privacy{max-width:760px;margin:70px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:35px}.privacy p{line-height:2;margin:18px 0;color:#677d70}.privacy h2{margin-top:25px}.privacy a{text-decoration:underline}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.shell{grid-template-columns:190px 1fr}.shell aside{width:190px;padding:28px 16px}.shell main{padding:35px 24px}.middle{grid-template-columns:1fr}.metrics strong{font-size:29px}}
@media(max-width:760px){.shell{display:block}.shell aside{position:static;width:100%;padding:18px 21px}.shell aside .nav-caption,.shell aside .nav-item,.shell aside .side-link,.sidebar-bottom{display:none}.shell main{padding:27px 18px}h1{font-size:23px}.toolbar{align-items:flex-start;flex-direction:column;margin-top:25px}.toolbar-right{width:100%}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics article{padding:17px 14px}.metrics article:last-child{grid-column:1/-1}.metrics strong{font-size:29px}.panel{padding:19px}.privacy{margin:25px 15px;padding:24px}.login-card{padding:28px}header .plain{font-size:10px;padding:8px}.panel-title{align-items:flex-start}}

.metrics article:last-child strong{font-size:25px;letter-spacing:-.5px;line-height:1.5}