#portals{overflow:hidden}#portals:before{content:"";background:linear-gradient(color-mix(in srgb, var(--ink) 80%, transparent), color-mix(in srgb, var(--ink) 80%, transparent)), url(/backgrounds/gradient-08.webp) center / cover;position:absolute;inset:0}#portals>.wrap{position:relative}.portal-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.ptab{text-align:left;border:1px solid var(--ink-line);cursor:pointer;color:var(--ink-text);background:#ffffff05;border-radius:14px;align-items:center;gap:12px;min-width:220px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.ptab:hover{border-color:var(--ink-line-2)}.ptab[aria-selected=true]{border-color:color-mix(in srgb, var(--brand) 70%, #fff);background:color-mix(in srgb, var(--brand) 12%, transparent)}.ptab[aria-selected=true]:after{content:"";background:var(--brand);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0}#portals[data-cycle] .ptab[aria-selected=true]:after{animation:6s linear portal-tab-fill}#portals[data-cycle=paused] .ptab[aria-selected=true]:after{animation-play-state:paused}@keyframes portal-tab-fill{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){#portals[data-cycle] .ptab[aria-selected=true]:after{animation:none}}.ptab b{font-size:15px;font-weight:600;display:block}.ptab span:where(:not([data-preview-badge])){color:var(--ink-muted);font-size:13px;display:block}.ptab .pi{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app{background:var(--ink-2);border:1px solid var(--ink-line);border-radius:18px;overflow:hidden;box-shadow:0 60px 120px -50px #000000b3}.app[hidden]{display:none}.app-top{border-bottom:1px solid var(--ink-line);background:var(--ink);align-items:center;gap:14px;height:48px;padding:0 16px;display:flex}.app-top .logotype{height:12px}.app-search{border:1px solid var(--ink-line);max-width:360px;height:30px;color:var(--ink-faint);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 10px;font-size:12.5px;display:flex}.app-search kbd{font-family:var(--mono);border:1px solid var(--ink-line-2);border-radius:4px;margin-left:auto;padding:0 4px;font-size:10.5px}.env{border:1px solid var(--ink-line);font-family:var(--label);border-radius:8px;margin-left:auto;font-size:11px;display:flex;overflow:hidden}.env span{color:var(--ink-faint);padding:4px 9px}.env span.on{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok-2)}.avatar{background:linear-gradient(135deg, var(--accent), var(--brand));width:28px;height:28px;color:var(--on-brand);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.app-main{grid-template-columns:200px minmax(0,1fr);min-height:560px;display:grid}.side{border-right:1px solid var(--ink-line);padding:14px 10px;font-size:13.5px}.side .grp{color:var(--ink-faint);padding:12px 10px 6px;font-size:11px}.side a{color:var(--ink-muted);border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;text-decoration:none;display:flex}.side a.on{color:#fff;background:#ffffff0f}.side a em{font-style:normal;font-family:var(--label);color:var(--ink-faint);font-size:11px}.side a em.hot{color:var(--warm)}.canvas{min-width:0;padding:22px 24px}.greet{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.greet h4{letter-spacing:-.03em;color:#fff;font-size:24px}.greet p{font-family:var(--label);color:var(--ink-faint);margin:2px 0 0;font-size:12px}.kpis{border:1px solid var(--ink-line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.kpi{padding:14px 16px}.kpi+.kpi{border-left:1px solid var(--ink-line)}.kpi .k{color:var(--ink-faint);font-size:11.5px}.kpi .v{letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.3}.kpi .d{font-family:var(--label);font-variant-numeric:tabular-nums;color:var(--ok-2);font-size:11.5px}.kpi .d.neg{color:#ff8a8a}.duo{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--ink-line);border-radius:12px;min-width:0;padding:14px 16px}.panel-h{color:var(--ink-text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:550;display:flex}.panel-h span{font-family:var(--label);color:var(--ink-faint);font-size:11px;font-weight:400}.chart{align-items:flex-end;gap:5px;height:170px;display:flex}.chart span{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 35%, transparent));border-radius:4px 4px 0 0;flex:1}.tbl{border-collapse:collapse;width:100%;font-size:12.5px}.tbl th{text-align:left;color:var(--ink-faint);border-bottom:1px solid var(--ink-line);padding:0 8px 8px 0;font-size:11.5px;font-weight:450}.tbl td{border-bottom:1px solid var(--ink-line);color:var(--ink-text);white-space:nowrap;padding:9px 8px 9px 0}.tbl td.m{color:#fff;font-weight:550}.tbl td.n{font-family:var(--label);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.tbl th.n{text-align:right}.tbl tr:last-child td{border-bottom:0}.dk-pill{font-family:var(--label);border-radius:5px;padding:1px 6px;font-size:10.5px;display:inline-flex}.dk-pill.ok{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok-2)}.dk-pill.pend{background:color-mix(in srgb, var(--warm) 18%, transparent);color:#ffc76b}.dk-pill.bad{color:#ff8a8a;background:#e5484d2e}.dk-pill.br{background:color-mix(in srgb, var(--brand) 22%, transparent);color:color-mix(in srgb, var(--brand) 45%, #fff)}.alert{border-left:2px solid var(--warm);background:#ffffff05;border-radius:0 8px 8px 0;margin-bottom:8px;padding:8px 10px}.alert b{color:#fff;font-size:12.5px;font-weight:550;display:block}.alert span:not([data-preview-badge]){color:var(--ink-faint);font-size:11.5px;display:block}.alert.bad{border-left-color:var(--bad)}.alert.ok{border-left-color:var(--ok)}.alert.br{border-left-color:var(--brand)}.brand-set{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.brand-set .panel{padding:12px 14px}.inp{border:1px solid var(--ink-line-2);height:32px;font-family:var(--label);color:var(--ink-text);border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:0 10px;font-size:12px;display:flex}.inp i{background:var(--brand);border-radius:4px;width:14px;height:14px}.funnel div{color:var(--ink-muted);grid-template-columns:110px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:5px 0;font-size:12px;display:grid}.funnel .t{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.funnel .t i{background:linear-gradient(90deg, var(--brand), var(--ai));height:100%;display:block}.funnel b{font-family:var(--label);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-text);font-size:11.5px;font-weight:400}@media (width<=1060px){.app-main{grid-template-columns:minmax(0,1fr)}.side{display:none}}@media (width<=640px){.app-search{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi:nth-child(3){border-left:0}.kpi:nth-child(n+3){border-top:1px solid var(--ink-line)}.duo,.brand-set{grid-template-columns:minmax(0,1fr)}.ptab{flex:100%;min-width:0}}
