.nav-link-connected{border:1px solid #d4e8f8;background:linear-gradient(135deg,#f3f9ff,#fff);color:#164f80}.nav-link-connected>small{margin-left:auto;padding:3px 5px;border-radius:5px;background:#dff0ff;color:#0870ca;font-size:8px;font-weight:800}.nav-link-connected:hover,.nav-link-connected.active{background:#e9f5ff;color:#0967bd;border-color:#b9dcf8}.connected-view{max-width:1220px;margin:0 auto}.connected-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:24px}.connected-heading h1{font-size:34px;margin:7px 0}.connected-heading>div:first-child>p{color:#6f7f90}.connected-kicker{font-size:9px;letter-spacing:.14em;color:#1473e6;font-weight:800}.connected-kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19af78;box-shadow:0 0 0 5px rgba(25,175,120,.1);margin-right:8px}.connected-account-chip{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #dce9f4;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(21,63,100,.06)}.connected-account-chip small,.connected-account-chip strong{display:block}.connected-account-chip small{font-size:7px;letter-spacing:.1em;color:#8a98a6}.connected-account-chip strong{font-size:11px;margin-top:3px}.connected-account-chip>span:last-child{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e8f8f2;color:#069566;font-size:10px}.connected-live-dot{width:9px;height:9px;border-radius:50%;background:#16ad77}.connected-gate{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px}.connected-gate[hidden]{display:none}.connected-gate-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#e7f4ff;color:#1473e6;font-size:24px;margin-bottom:17px}.connected-gate h2{font-size:23px;margin-bottom:8px}.connected-gate p{color:#718193;max-width:460px;line-height:1.6}.connected-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.connected-status span{display:block;font-size:10px;font-weight:700;color:#334e65}.connected-status span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#13aa74;margin-right:6px}.connected-status small{display:block;color:#8795a3;font-size:8px;margin-top:4px;max-width:500px}.connected-periods{display:flex;padding:4px;border:1px solid #dce8f2;border-radius:10px;background:#fff}.connected-periods button{border:0;background:transparent;padding:8px 13px;border-radius:7px;color:#6e7f90;font-size:10px;font-weight:700;cursor:pointer}.connected-periods button.active{background:#1473e6;color:#fff;box-shadow:0 4px 11px rgba(20,115,230,.2)}.connected-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.connected-metric{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #dfe8f1;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(21,61,98,.045)}.connected-metric:after{content:"";position:absolute;width:80px;height:80px;right:-32px;top:-42px;border-radius:50%;background:#e6f3ff}.connected-metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e8f4ff;color:#1473e6;font-size:17px}.metric-watch_minutes .connected-metric-icon{background:#e8f8f2;color:#079568}.metric-watch_minutes:after{background:#def6ec}.metric-net_subscribers .connected-metric-icon{background:#fff1e2;color:#d67a00}.metric-net_subscribers:after{background:#ffecd3}.metric-likes .connected-metric-icon{background:#fff0f2;color:#df4151}.metric-likes:after{background:#ffe0e4}.connected-metric small,.connected-metric strong,.connected-metric div>span{display:block}.connected-metric small{font-size:9px;color:#78899a}.connected-metric strong{font-size:20px;margin:4px 0}.connected-metric div>span{font-size:8px;font-weight:700}.connected-metric .positive{color:#079568}.connected-metric .negative{color:#dc3d4e}.connected-metric .neutral{color:#8997a5}.connected-main-grid{display:grid;grid-template-columns:1fr 310px;gap:13px}.connected-chart-card,.connected-format-card{padding:20px;min-height:365px}.connected-card-heading{display:flex;justify-content:space-between;align-items:flex-start}.connected-card-heading span{font-size:8px;letter-spacing:.13em;color:#7e90a2;font-weight:800}.connected-card-heading h2{margin:6px 0;font-size:17px}.chart-total{text-align:right}.chart-total small,.chart-total strong{display:block}.chart-total small{font-size:8px;color:#8493a2}.chart-total strong{font-size:23px;margin-top:4px}.connected-chart{height:245px;margin-top:15px}.connected-chart svg{width:100%;height:100%;overflow:visible}.chart-area{fill:url(#none);fill:#e8f4ff;opacity:.7}.chart-line{fill:none;stroke:#1473e6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 6px rgba(20,115,230,.2))}.connected-chart circle{fill:#fff;stroke:#1473e6;stroke-width:2}.connected-chart-empty{height:100%;display:grid;place-items:center;color:#7c8c9c}.chart-axis{display:flex;justify-content:space-between;color:#8997a4;font-size:8px;padding:0 5px}.format-donut{--video:60%;--shorts:90%;width:170px;height:170px;margin:24px auto 20px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1473e6 0 var(--video),#35b8e8 var(--video) var(--shorts),#77d6b3 var(--shorts) 100%);position:relative}.format-donut:before{content:"";position:absolute;inset:17px;border-radius:50%;background:#fff}.format-donut>div{position:relative;z-index:1;text-align:center}.format-donut strong,.format-donut small{display:block}.format-donut strong{font-size:20px}.format-donut small{font-size:8px;color:#8493a1;margin-top:3px}.format-legend{display:grid;gap:10px}.format-legend>div{display:flex;justify-content:space-between;font-size:10px}.format-legend span{color:#6f8090}.format-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#1473e6}.format-legend i.shorts{background:#35b8e8}.format-legend i.live{background:#77d6b3}.weekly-report-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:13px;padding:22px;border-radius:17px;background:linear-gradient(135deg,#0f2034,#123f6b 65%,#0876c7);color:#fff;box-shadow:0 14px 32px rgba(11,66,119,.15)}.weekly-report-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#25a9f1,#0870cf);font-size:21px}.weekly-report-copy>div>span{font-size:8px;letter-spacing:.13em;color:#88cefa;font-weight:800}.weekly-report-copy h2{font-size:17px;margin:5px 0}.weekly-report-copy>p{color:#b9cfe1;font-size:10px;margin:0;line-height:1.5}.weekly-report-points{display:flex;gap:16px;margin-top:10px;color:#d8e8f4;font-size:8px}.weekly-report-action{text-align:center}.coming-ready{display:block;color:#63ddb1;font-size:8px;font-weight:800;margin-bottom:7px}.weekly-report-action button{border:0;border-radius:10px;background:#fff;color:#0966bc;padding:11px 14px;font-size:10px;font-weight:800;cursor:pointer;min-width:170px}.weekly-report-action button span{margin-left:7px}.weekly-report-action small{display:block;color:#a9c1d5;font-size:7px;margin-top:6px}.loading-dashboard{opacity:.55;pointer-events:none}@media(min-width:821px){.sidebar-collapsed .nav-link-connected strong,.sidebar-collapsed .nav-link-connected>small{display:none}.sidebar-collapsed .nav-link-connected{justify-content:center;padding:11px 8px}}
@media(max-width:1050px){.connected-metrics{grid-template-columns:1fr 1fr}.connected-main-grid{grid-template-columns:1fr}.connected-format-card{min-height:auto}.format-donut{width:145px;height:145px}.weekly-report-card{grid-template-columns:auto 1fr}.weekly-report-action{grid-column:1/-1;text-align:left;margin-left:66px}}
@media(max-width:620px){.connected-heading{display:block}.connected-account-chip{margin-top:16px;width:max-content}.connected-toolbar{align-items:flex-start;gap:12px}.connected-status small{max-width:180px}.connected-metrics{grid-template-columns:1fr}.connected-chart-card,.connected-format-card{padding:15px}.weekly-report-card{grid-template-columns:1fr}.weekly-report-icon{margin-bottom:2px}.weekly-report-action{grid-column:auto;margin:0}.weekly-report-points{display:grid;gap:6px}}
.connected-account-chip button{border:0;border-left:1px solid #e3ebf2;background:transparent;color:#708192;font-size:9px;font-weight:700;padding:5px 0 5px 10px;cursor:pointer}.connected-account-chip button:hover{color:#d33d4e}