.wt-stat-page { color:#eaf5f6; }
.wt-stat-page .wt-stat-layout { display:grid; gap:22px; padding:32px 0 48px; max-width:1480px; margin:0 auto; }
.wt-stat-page .wt-stat-top { background:linear-gradient(120deg,rgba(10,31,39,.97),rgba(8,17,30,.94)); border:1px solid rgba(94,224,187,.25); border-radius:22px; padding:30px; box-shadow:0 18px 55px rgba(0,0,0,.2); }
.wt-stat-topline,.wt-stat-identity,.wt-stat-actions,.wt-stat-metric-top,.wt-stat-panel-head,.wt-stat-list-row { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.wt-stat-eyebrow,.wt-stat-kicker { font-size:11px; font-weight:800; letter-spacing:1.6px; color:#62e6c2; }
.wt-stat-back { color:#bdd4dd!important; text-decoration:none; font-size:13px; }
.wt-stat-identity { justify-content:flex-start; margin-top:22px; flex-wrap:wrap; }
.wt-stat-avatar { width:70px; height:70px; flex:none; border-radius:19px; display:grid; place-items:center; background:linear-gradient(145deg,#164c47,#1a3543); border:1px solid #346c65; color:#7ff1d0; font-size:30px; font-weight:900; }
.wt-stat-heading { flex:1; min-width:180px; }
.wt-stat-heading h1 { font-size:clamp(25px,3vw,38px); line-height:1.15; letter-spacing:-1px; margin:6px 0 5px; color:#fff; font-weight:800; overflow-wrap:anywhere; }
.wt-stat-domain,.wt-stat-added { color:#9eb3c5; font-size:13px; }
.wt-stat-rank { border-radius:999px; border:1px solid #327f70; color:#73ebc7; background:#133b36; font-size:13px; font-weight:800; padding:9px 16px; }
.wt-stat-description { margin:23px 0 18px; padding:17px 19px; border-radius:12px; background:rgba(95,220,186,.09); border:1px solid rgba(95,220,186,.12); color:#d4e7e7; line-height:1.65; overflow-wrap:anywhere; }
.wt-stat-actions { justify-content:flex-start; flex-wrap:wrap; }
.wt-stat-visit { display:inline-flex; justify-content:center; align-items:center; border-radius:11px; background:#5ce0ba; color:#061d1c!important; padding:13px 21px; font-weight:800; text-decoration:none!important; transition:transform .2s,background .2s; }
.wt-stat-visit:hover { background:#80f1d0; transform:translateY(-2px); }
.wt-stat-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.wt-stat-metric,.wt-stat-panel { min-width:0; background:#0b1523; border:1px solid #243849; border-radius:18px; box-shadow:0 8px 30px rgba(0,0,0,.12); }
.wt-stat-metric { padding:22px 20px; }
.wt-stat-metric-top { color:#adc2cf; font-size:12px; font-weight:600; }
.wt-stat-metric-icon { background:#123c35; color:#64e8bf; padding:8px; border-radius:10px; font-size:18px; }
.wt-stat-metric strong { display:block; color:#fff; font-size:clamp(23px,2.4vw,34px); letter-spacing:-1px; margin:13px 0 6px; line-height:1.15; overflow-wrap:anywhere; }
.wt-stat-metric small { color:#728da0; font-size:11px; }
.wt-stat-graphs { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.wt-stat-panel { padding:23px; }
.wt-stat-panel-head { padding-bottom:20px; }
.wt-stat-panel h2 { margin:7px 0 0; color:#f5f9fc; font-size:19px; font-weight:800; }
.wt-stat-canvas { position:relative; height:300px; }
.wt-stat-canvas canvas,.wt-stat-device canvas { width:100%!important; height:100%!important; }
.wt-stat-bottom { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.wt-stat-device { position:relative; height:240px; max-width:290px; margin:auto; }
.wt-stat-list { max-height:260px; overflow:auto; }
.wt-stat-list-row { padding:12px 0; border-top:1px solid #243746; font-size:13px; }
.wt-stat-list-row span { color:#c4d5dd; overflow-wrap:anywhere; min-width:0; }
.wt-stat-list-row strong { color:#67e6c3; flex:none; }
.wt-stat-empty { color:#9aafbf; font-size:13px; }
.wt-stat-footer { color:#7891a2; font-size:12px; text-align:center; }
@media(max-width:1150px){.wt-stat-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wt-stat-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.wt-stat-bottom> :last-child{grid-column:1/-1}}
@media(max-width:767px){.wt-stat-page .wt-stat-layout{padding:16px 0 30px;gap:14px}.wt-stat-page .wt-stat-top{padding:20px;border-radius:15px}.wt-stat-avatar{width:52px;height:52px;font-size:24px}.wt-stat-rank{padding:6px 10px}.wt-stat-metrics{gap:9px}.wt-stat-metric{padding:15px 12px;border-radius:13px}.wt-stat-metric-top{font-size:11px;align-items:flex-start}.wt-stat-metric strong{font-size:23px}.wt-stat-graphs,.wt-stat-bottom{grid-template-columns:1fr}.wt-stat-bottom> :last-child{grid-column:auto}.wt-stat-panel{padding:18px;border-radius:15px}.wt-stat-canvas{height:245px}.wt-stat-actions{align-items:stretch}.wt-stat-visit{width:100%}}
@media(max-width:380px){.wt-stat-metrics{grid-template-columns:1fr 1fr}.wt-stat-metric strong{font-size:20px}}

.wt-stat-page .wt-stat-graphs {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wt-stat-page .wt-stat-bottom {grid-template-columns:1.15fr 1fr 1fr;gap:18px}
.wt-stat-page .wt-stat-panel {padding:22px;overflow:hidden}
.wt-stat-page .wt-stat-panel-head {align-items:flex-start;padding-bottom:16px}
.wt-stat-page .wt-stat-panel-head h2 {font-size:19px;line-height:1.3}
.wt-stat-page .wt-stat-panel-head p {font-size:12px;color:#8fa6b6;margin:8px 0 0}
.wt-stat-page .wt-stat-chip {flex-shrink:0;font-size:11px;font-weight:700;color:#65e8c5;background:rgba(89,225,185,.1);border:1px solid rgba(89,225,185,.2);border-radius:20px;padding:7px 11px}
.wt-stat-page .wt-stat-canvas {height:240px}
.wt-stat-page .wt-stat-device {height:auto;max-width:none;display:flex;align-items:center;gap:18px;min-height:180px}
.wt-stat-page .wt-stat-device-visual {width:160px;height:160px;flex:none;position:relative}
.wt-stat-page .wt-stat-device-center {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}
.wt-stat-page .wt-stat-device-center strong {font-size:24px;color:#f1fbfa}
.wt-stat-page .wt-stat-device-center small {font-size:11px;color:#8fa6b6}
.wt-stat-page .wt-stat-device-breakdown {flex:1;min-width:0;color:#a7bac9;font-size:12px}
.wt-stat-page .wt-stat-device-item {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(148,170,190,.12)}
.wt-stat-page .wt-stat-device-item span {display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.wt-stat-page .wt-stat-device-item i {display:inline-block;width:9px;height:9px;flex:none;border-radius:50%}
.wt-stat-page .wt-stat-device-item strong {color:#fff}
.wt-stat-page .wt-stat-list {max-height:220px;overflow:auto;padding-right:4px}
.wt-stat-page .wt-stat-progress-item {padding:11px 0 14px;border-top:1px solid rgba(148,170,190,.12)}
.wt-stat-page .wt-stat-progress-label {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:9px}
.wt-stat-page .wt-stat-progress-label span {min-width:0;overflow-wrap:anywhere;color:#d4e4eb}
.wt-stat-page .wt-stat-progress-label strong {color:#65e8c5;white-space:nowrap}
.wt-stat-page .wt-stat-progress-label small {color:#8ca8b8;margin-left:5px}
.wt-stat-page .wt-stat-progress-track {height:5px;background:#203241;border-radius:10px;overflow:hidden}
.wt-stat-page .wt-stat-progress-track span {display:block;height:100%;background:linear-gradient(90deg,#2ba68e,#60e8c3);border-radius:10px}
@media(max-width:1250px){.wt-stat-page .wt-stat-bottom{grid-template-columns:1fr 1fr}.wt-stat-page .wt-stat-bottom> :last-child{grid-column:1/-1}}
@media(max-width:800px){.wt-stat-page .wt-stat-graphs,.wt-stat-page .wt-stat-bottom{grid-template-columns:1fr}.wt-stat-page .wt-stat-bottom> :last-child{grid-column:auto}}
@media(max-width:450px){.wt-stat-page .wt-stat-device{flex-direction:column;align-items:stretch}.wt-stat-page .wt-stat-device-visual{margin:auto}.wt-stat-page .wt-stat-canvas{height:210px}}