.direct-olt .do-overview{padding:28px;border:1px solid #3a8099;border-radius:22px;background:linear-gradient(130deg,var(--inanet-surface,#142b38),#0d2334);box-shadow:0 12px 36px #0003}.direct-olt .do-overview-head{margin-bottom:22px;gap:18px}.direct-olt .do-overview-head h3{font-size:clamp(26px,2.4vw,36px);line-height:1.2;font-weight:800}.direct-olt .do-overview-head h3 svg{width:28px;height:28px}.direct-olt .do-overview-head p{font-size:15px;margin-top:8px;color:var(--inanet-text,#d7eaf2)}.direct-olt .do-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.direct-olt .do-overview-metric{min-width:0;min-height:180px;padding:22px 24px;border-radius:16px;gap:10px;background:#142f40;border:1px solid var(--inanet-border,#365b70)}.direct-olt .do-overview-metric>svg{width:27px;height:27px}.direct-olt .do-overview-metric strong{font-size:clamp(44px,4.2vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.direct-olt .do-overview-metric>span{font-size:17px;line-height:1.35;font-weight:600;color:var(--inanet-text,#e1f0f6)}.direct-olt .do-overview-footer{margin-top:22px;padding-top:20px}.direct-olt .do-overview-footer strong{font-size:30px}@media(max-width:850px){.direct-olt .do-overview{padding:20px}.direct-olt .do-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.direct-olt .do-overview-metric{padding:18px;min-height:155px}.direct-olt .do-overview-metric strong{font-size:44px}}@media(max-width:480px){.direct-olt .do-overview{padding:16px}.direct-olt .do-overview-head{flex-wrap:wrap}.direct-olt .do-overview-grid{grid-template-columns:1fr}.direct-olt .do-overview-metric{min-height:145px}.direct-olt .do-overview-metric strong{font-size:52px}}