._page_1dp8x_1{color:#08246d;background:linear-gradient(#fff 0,#f6f3fc 50%,#fff 100%);min-height:100vh}._detailNav_1dp8x_1{background:#fffffff0;border-bottom:1px solid #e2dcf1;justify-content:space-between;align-items:center;height:48px;padding:0 2vw;display:flex}._detailNav_1dp8x_1 a{color:#5c4897;align-items:center;gap:7px;font-size:13px;font-weight:700;text-decoration:none;display:flex}._detailNav_1dp8x_1 a svg{width:17px}._detailNav_1dp8x_1>span{color:#786b9d;text-transform:uppercase;letter-spacing:.08em;font-size:12px}._content_1dp8x_1{max-width:1640px;margin:auto;padding:18px 22px 40px}._summary_1dp8x_2{background:#fff;border:1px solid #dfd7ef;border-radius:17px;grid-template-columns:1.25fr repeat(4,1fr);align-items:center;min-height:112px;padding:12px 16px;display:grid;box-shadow:0 9px 28px #4f357e17}._summaryTitle_1dp8x_2{align-items:center;gap:13px;padding-right:18px;display:flex}._summaryTitle_1dp8x_2>span{width:56px;height:56px;color:var(--color-internet);background:#f5f0ff;border-radius:15px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ded1f4}._summaryTitle_1dp8x_2 svg{width:31px}._summaryTitle_1dp8x_2>div{flex-direction:column;gap:5px;display:flex}._summaryTitle_1dp8x_2 small,._metric_1dp8x_2 small{color:#756a96;font-size:11px}._summaryTitle_1dp8x_2 strong{font-size:18px}._metric_1dp8x_2{border-left:1px solid #e2dbef;flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:7px 20px;display:flex}._metric_1dp8x_2 strong{white-space:nowrap;font-size:21px}._metric_1dp8x_2 span{color:#756a96;font-size:11px}._metric_1dp8x_2 ._purple_1dp8x_2{color:var(--color-internet)}._metric_1dp8x_2 ._ok_1dp8x_2{color:#0ca55d}._metric_1dp8x_2 ._warning_1dp8x_2{color:#d87720}._liveGrid_1dp8x_3{grid-template-columns:1fr 1fr 1.12fr;gap:14px;margin-top:15px;display:grid}._rateCard_1dp8x_3,._connectionCard_1dp8x_3{background:#fff;border:1px solid #dfd7ef;border-radius:17px;padding:18px;box-shadow:0 8px 24px #4f357e14}._rateCard_1dp8x_3 header{align-items:center;gap:14px;display:flex}._rateCard_1dp8x_3 header>span{width:46px;height:46px;color:var(--color-internet);background:#f3edff;border-radius:13px;place-items:center;display:grid}._rateCard_1dp8x_3 header svg{width:25px}._rateCard_1dp8x_3 header>div{flex-direction:column;gap:4px;display:flex}._rateCard_1dp8x_3 small,._connectionCard_1dp8x_3 small{color:#756a96;font-size:11px}._rateCard_1dp8x_3 strong{font-size:27px}._loadBar_1dp8x_3{background:#ece8f3;border-radius:999px;height:13px;margin-top:18px;overflow:hidden}._loadBar_1dp8x_3 i{background:linear-gradient(90deg,#a986e8,var(--color-internet));border-radius:999px;min-width:2px;height:100%;transition:width .35s;display:block}._rateCard_1dp8x_3 footer{color:#756a96;background:0 0;border:0;min-height:0;padding:9px 0 0;font-size:11px}._rateCard_1dp8x_3 footer b{color:#362866;white-space:nowrap;text-align:right;background:0 0;border-radius:0;width:auto;min-width:70px;height:auto;margin-left:auto}._upload_1dp8x_3 header>span{color:#4f8de8;background:#edf4ff}._upload_1dp8x_3 ._loadBar_1dp8x_3 i{background:linear-gradient(90deg,#8cb5ee,#4f8de8)}._connectionCard_1dp8x_3{grid-template-columns:54px 1fr 16px;align-items:center;gap:14px;display:grid}._connectionCard_1dp8x_3>svg{width:42px;height:42px;color:var(--color-internet)}._connectionCard_1dp8x_3>div{flex-direction:column;gap:5px;display:flex}._connectionCard_1dp8x_3 strong{font-size:24px}._connectionCard_1dp8x_3 span{color:#756a96;font-size:12px}._connectionCard_1dp8x_3>i{background:#9aacb8;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #9aacb824}._connectionCard_1dp8x_3>i._online_1dp8x_3{background:#0db557;box-shadow:0 0 0 5px #0db55724}._trafficCard_1dp8x_4{background:#fff;border:1px solid #dfd7ef;border-radius:17px;margin-top:15px;padding:17px 19px;box-shadow:0 8px 24px #4f357e14}._trafficCard_1dp8x_4>header{justify-content:space-between;align-items:center;display:flex}._trafficCard_1dp8x_4>header>div:first-child{align-items:center;gap:11px;display:flex}._trafficCard_1dp8x_4 header svg{color:var(--color-internet)}._trafficCard_1dp8x_4 header span{flex-direction:column;gap:3px;display:flex}._trafficCard_1dp8x_4 header strong{font-size:18px}._trafficCard_1dp8x_4 header small{color:#756a96;font-size:11px}._legend_1dp8x_4{gap:17px;display:flex}._legend_1dp8x_4 span{color:#625582;align-items:center;gap:6px;font-size:11px;flex-direction:row!important;display:flex!important}._legend_1dp8x_4 i{background:var(--color-internet);border-radius:4px;width:18px;height:3px}._legend_1dp8x_4 span:last-child i{background:#4f8de8}._chartWrap_1dp8x_4{height:315px;margin-top:10px;padding-left:40px;position:relative}._chart_1dp8x_4{width:100%;height:270px;overflow:visible}._gridLine_1dp8x_4{stroke:#e9e3f0;stroke-width:1px}._downloadLine_1dp8x_4,._uploadLine_1dp8x_4{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}._downloadLine_1dp8x_4{stroke:var(--color-internet)}._uploadLine_1dp8x_4{stroke:#4f8de8}._chartScale_1dp8x_4{color:#81759e;text-align:right;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:16px;bottom:58px;left:0}._chartTimes_1dp8x_4{color:#81759e;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:8px;left:56px;right:6px}@media (max-width:1050px){._summary_1dp8x_2{grid-template-columns:1fr 1fr}._summaryTitle_1dp8x_2{grid-column:1/-1}._metric_1dp8x_2{border-top:1px solid #e6e0ef}._liveGrid_1dp8x_3{grid-template-columns:1fr 1fr}._connectionCard_1dp8x_3{grid-column:1/-1}}@media (max-width:700px){._content_1dp8x_1{padding:12px}._summary_1dp8x_2{grid-template-columns:1fr}._summaryTitle_1dp8x_2{grid-column:auto}._metric_1dp8x_2{border-left:0}._liveGrid_1dp8x_3{grid-template-columns:1fr}._connectionCard_1dp8x_3{grid-column:auto}._trafficCard_1dp8x_4>header{align-items:flex-start;gap:12px}._legend_1dp8x_4{flex-direction:column;gap:5px}._chartWrap_1dp8x_4{height:260px}._chart_1dp8x_4{height:220px}}