:root{--bg:#f8f9fa;--surface:#fff;--ink:#202124;--muted:#5f6368;--line:#dadce0;--blue:#1a73e8;--blue-soft:#e8f0fe;--green:#188038;--red:#d93025;--yellow:#f9ab00}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Roboto,Helvetica,sans-serif}button{font:inherit}main{width:min(1480px,100%);min-height:100vh;margin:auto;padding:0 32px 28px}.appbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand span{background:var(--blue);color:#fff;letter-spacing:-.08em;border-radius:3px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.brand b{font-size:16px;font-weight:500}.appbar-meta{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.appbar-meta i{background:var(--yellow);border-radius:50%;width:8px;height:8px}.appbar-meta button{border:1px solid var(--line);background:var(--surface);width:31px;height:31px;color:var(--muted);cursor:not-allowed;border-radius:3px;margin-left:7px;font-size:17px}.page-head{justify-content:space-between;align-items:end;gap:20px;padding:22px 0 16px;display:flex}.page-head p{color:var(--muted);letter-spacing:.07em;margin:0 0 5px;font-size:10px;font-weight:700}.page-head h1{margin:0;font-size:26px;font-weight:500}.date-select{text-align:right;position:relative}.date-select>button{border:1px solid var(--line);background:var(--surface);min-width:181px;color:var(--ink);text-align:left;cursor:pointer;border-radius:3px;padding:9px 10px;font-size:13px}.date-select>button span{float:right;color:var(--muted)}.date-select>small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.range-menu{z-index:5;border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:4px;width:258px;padding:6px;position:absolute;top:37px;right:0;box-shadow:0 3px 12px #3c404338}.range-menu>button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:9px 10px;font-size:13px;display:block}.range-menu>button:hover,.range-menu>button.chosen{background:var(--blue-soft);color:#174ea6}.range-menu>button small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.range-menu .custom-choice{border-top:1px solid var(--line);margin-top:4px}.custom-dates{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;padding:9px 4px 4px;display:grid}.custom-dates label{color:var(--muted);font-size:10px}.custom-dates input{border:1px solid var(--line);width:100%;color:var(--ink);border-radius:3px;margin-top:3px;padding:6px;font-size:11px}.custom-dates button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:3px;grid-column:1/-1;padding:7px;font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:22px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:11px 2px 10px;font-size:13px}.tabs button.active{border-color:var(--blue);color:var(--blue);font-weight:600}.kpis{border:1px solid var(--line);background:var(--surface);border-radius:4px;grid-template-columns:repeat(4,1fr);margin:18px 0 12px;display:grid}.kpi{border-right:1px solid var(--line);min-height:104px;padding:15px 18px}.kpi:last-child{border-right:0}.kpi p{color:var(--muted);margin:0;font-size:12px}.kpi strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:15px 0 7px;font-size:24px;font-weight:500;display:block}.kpi small{color:var(--muted);font-size:11px}.kpi small.good{color:var(--green)}.kpi small.bad{color:var(--red)}.notice{background:var(--blue-soft);color:#3c4043;border:1px solid #d2e3fc;border-radius:4px;align-items:center;gap:10px;min-height:42px;padding:8px 12px;font-size:12px;display:flex}.notice>span{border:1px solid var(--blue);width:18px;height:18px;color:var(--blue);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.notice p{margin:0;line-height:1.4}.notice code{font:inherit;color:#174ea6}.notice a{color:var(--blue);white-space:nowrap;margin-left:auto;font-weight:600;text-decoration:none}.report{border:1px solid var(--line);background:var(--surface);border-radius:4px;margin-top:12px;overflow:hidden}.report-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:63px;padding:12px 17px;display:flex}.report-toolbar h2{margin:0 10px 0 0;font-size:17px;font-weight:500;display:inline}.report-toolbar>div>span{color:var(--muted);font-size:12px}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.switch input{opacity:0;position:absolute}.switch span{background:#bdc1c6;border-radius:20px;width:30px;height:16px;padding:2px}.switch span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .15s;display:block}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translate(14px)}.table{font-variant-numeric:tabular-nums;grid-template-columns:minmax(220px,2.2fr) repeat(7,minmax(78px,1fr));align-items:center;column-gap:10px;padding:0 17px;display:grid}.header-row{border-bottom:1px solid var(--line);min-height:42px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f8f9fa;font-size:10px;font-weight:700}.data-row{color:#3c4043;border-bottom:1px solid #edf0f2;min-height:62px;font-size:12px}.data-row:last-child{border-bottom:0}.data-row strong{color:var(--ink);font-weight:500}.name{align-items:center;gap:10px;min-width:0;display:flex}.name>i{border-radius:50%;flex:none;width:8px;height:8px}.name>i.enabled{background:var(--green)}.name>i.paused{background:#9aa0a6}.name b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.name small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.na{color:#9aa0a6}.conversion{padding-top:8px;position:relative}.conversion i{background:var(--blue);max-width:65px;height:2px;position:absolute;top:1px;left:0}.data-foot{color:var(--muted);gap:28px;padding:14px 2px 0;font-size:11px;display:flex}.data-foot b{color:var(--ink);font-weight:500}.level-empty{align-items:center;gap:14px;min-height:330px;padding:35px 13%;display:flex}.level-empty>span{background:var(--blue-soft);width:33px;height:33px;color:var(--blue);border-radius:50%;place-items:center;font-size:18px;display:grid}.level-empty h2{margin:0 0 7px;font-size:18px;font-weight:500}.level-empty p{max-width:480px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.funnel-status{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:14px;padding:12px 17px;font-size:11px;display:flex}.funnel-status span{background:var(--blue-soft);color:#174ea6;border-radius:3px;padding:4px 6px;font-weight:700}.funnel-status b{color:var(--ink);font-weight:500}.funnel-status small{margin-left:auto}.funnel-status code,.funnel-alert code{color:#174ea6;font:inherit}.funnel-kpis{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.funnel-kpis .kpi{min-height:105px}.funnel-alert{border-left:3px solid var(--yellow);color:#5f4b16;background:#fef7e0;gap:12px;margin:14px 17px;padding:11px 12px;font-size:12px;line-height:1.4;display:flex}.funnel-alert b{flex:none}.funnel-table{border:1px solid var(--line);border-radius:3px;margin:0 17px 17px;overflow:hidden}.funnel-table>div{color:#3c4043;font-variant-numeric:tabular-nums;border-bottom:1px solid #edf0f2;grid-template-columns:minmax(170px,2fr) repeat(3,1fr);align-items:center;gap:8px;min-height:43px;padding:0 12px;font-size:12px;display:grid}.funnel-table>div:last-child{border-bottom:0}.funnel-table>div:first-child{min-height:34px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f8f9fa;font-size:9px;font-weight:700}.funnel-table b{color:var(--ink);font-weight:500}.funnel-rate{padding-top:7px;position:relative}.funnel-rate i{background:var(--blue);max-width:70px;height:2px;position:absolute;top:0;left:0}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (max-width:820px){main{padding:0 16px 20px}.appbar{height:56px}.appbar-meta{font-size:0}.appbar-meta i{width:9px;height:9px}.page-head{padding:17px 0 14px}.page-head h1{font-size:23px}.kpis,.funnel-kpis{grid-template-columns:repeat(2,1fr)}.kpi{min-height:94px;padding:13px}.kpi:nth-child(2){border-right:0}.kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}.kpi strong{margin:13px 0 6px;font-size:21px}.notice{align-items:flex-start}.notice a{display:none}.report-toolbar{padding:12px}.table.header-row{display:none}.table{padding:0 12px;display:block}.data-row{grid-template-columns:repeat(3,1fr);gap:9px 11px;min-height:0;padding:14px 0;display:grid}.data-row .name{grid-column:1/-1}.data-row span:not(.conversion),.data-row strong{flex-direction:column;gap:3px;display:flex}.data-row [data-label]:before{content:attr(data-label);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.data-row .conversion{flex-direction:column;gap:5px;padding-top:8px;display:flex}.conversion i{top:0}.data-foot{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.level-empty{min-height:270px;padding:28px}.funnel-status{flex-wrap:wrap;align-items:flex-start;padding:12px}.funnel-status small{width:100%;margin-left:0}.funnel-alert{margin:12px;display:block}.funnel-alert span{margin-top:5px;display:block}.funnel-table{margin:0 12px 12px}.funnel-table>div{grid-template-columns:1.5fr repeat(3,1fr);padding:0 8px;font-size:11px}.funnel-table>div:first-child{font-size:8px}}:root[data-theme=dark]{--bg:#09110d;--surface:#101914;--ink:#edf4ef;--muted:#9aa99f;--line:#2a3a31;--blue:#c7ff35;--blue-soft:#1a2d1e;--green:#54dfa0;--red:#ff8f86;--yellow:#ffca52}:root[data-theme=dark] .brand span{color:#101914}.theme-toggle{border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:2px;display:flex}.theme-toggle button{width:auto;height:auto;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:2px;margin:0;padding:5px 7px;font-size:11px}.theme-toggle button[aria-pressed=true]{background:var(--blue-soft);color:var(--ink);font-weight:700}:root[data-theme=dark] .range-menu>button:hover,:root[data-theme=dark] .range-menu>button.chosen{color:#d8ff82}:root[data-theme=dark] .custom-dates input{background:var(--surface)}:root[data-theme=dark] .custom-dates button{color:#101914}:root[data-theme=dark] .notice{color:#d6e4da;border-color:#365144}:root[data-theme=dark] .notice code,:root[data-theme=dark] .funnel-status span,:root[data-theme=dark] .funnel-status code,:root[data-theme=dark] .funnel-alert code{color:#d8ff82}:root[data-theme=dark] .header-row,:root[data-theme=dark] .funnel-table>div:first-child{background:#0d1511}:root[data-theme=dark] .data-row,:root[data-theme=dark] .funnel-table>div{color:#dce7e0;border-color:#203027}:root[data-theme=dark] .funnel-alert{color:#f3e5a7;background:#2c2816}@media (max-width:820px){.appbar-meta{gap:6px;font-size:12px}.range-status{display:none}.theme-toggle button{padding:5px 6px;font-size:0}.theme-toggle button:first-letter{font-size:13px}.appbar-meta .refresh{margin-left:0}}