.pi-root{color:#24334a;max-width:1560px}.pi-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 16px}.pi-header h2{font-size:27px;letter-spacing:-.6px;margin:6px 0}.pi-kicker{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#718096}.pi-muted{color:#758297;font-size:12px;line-height:1.6}.pi-root select,.pi-root input,.pi-root textarea{font:inherit;border:1px solid #dfe5ec;border-radius:8px;padding:9px 11px;background:#fff;color:#24334a;box-sizing:border-box}.pi-root textarea{display:block;width:100%;margin:12px 0;resize:vertical}.pi-root button{cursor:pointer}.pi-root button:disabled{cursor:wait;opacity:.6}.pi-message{min-height:18px;font-size:12px;color:#718096}.pi-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 22px}.pi-metric{border:1px solid #e1e6ee;border-radius:10px;padding:14px 18px;text-align:left;color:#334155;border-left:3px solid #94a3b8;background:#fff}.pi-metric:hover{filter:brightness(.98)}.pi-metric span{display:block;font-size:12px;color:#69778b}.pi-metric strong{display:block;font-size:26px;letter-spacing:-.5px;margin-top:7px;font-weight:650}.pi-metric-checked{background:#f0f9f5;border-color:#d7ece1;border-left-color:#41a57a}.pi-metric-checked strong{color:#25815b}.pi-metric-improve{background:#fff8ee;border-color:#f2e4cc;border-left-color:#e4a34a}.pi-metric-improve strong{color:#a66d1b}.pi-metric-progress{background:#f0f5fd;border-color:#dce6f7;border-left-color:#648cd2}.pi-metric-progress strong{color:#486ca8}.pi-tools{display:flex;gap:10px;margin-bottom:22px}.pi-tools input{flex:1;min-width:150px}.pi-layout h3{font-size:14px;font-weight:600;margin:0 0 12px}.pi-list{border:1px solid #e3e8ef;border-radius:10px;background:white;overflow:hidden}.pi-card{text-align:left;background:white;border:0;border-bottom:1px solid #edf0f4;padding:8px 14px;display:flex;gap:13px;align-items:center;width:100%;min-height:65px;color:#334155}.pi-card:last-child{border-bottom:0}.pi-card:hover{background:#f8fafc}.pi-card:focus-visible{outline:2px solid #5885c4;outline-offset:-2px}.pi-thumb{flex:0 0 40px;display:flex;align-items:center;justify-content:center;width:40px;height:48px;background:#f8f9fb;border:1px solid #f0f2f5;border-radius:5px;overflow:hidden}.pi-thumb img{width:40px;height:48px;object-fit:contain}.pi-no-photo{font-size:9px;color:#9ba5b3}.pi-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pi-card-body strong{font-size:13px;line-height:1.35;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-card-body .pi-muted{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-card-side{flex:0 0 170px;display:flex;align-items:flex-end;flex-direction:column;gap:4px}.pi-card-side small{font-size:10px;color:#8591a1;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-pill{display:inline-block;border-radius:5px;padding:3px 7px;background:#f0f3f7;color:#748296;font-size:11px;font-weight:600;width:fit-content;white-space:nowrap}.pi-ok{background:#edf8f1;color:#288252}.pi-attention{background:#fff5e4;color:#a67429}.pi-modal{border:1px solid #dce3ed;border-radius:14px;padding:0;width:min(980px,calc(100vw - 44px));max-width:980px;max-height:90dvh;color:#24334a;box-shadow:0 20px 80px #172c4a26;background:#fff}.pi-modal::backdrop{background:#17263873;backdrop-filter:blur(2px)}.pi-modal-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;background:#fffffffa;border-bottom:1px solid #edf0f4}.pi-detail{padding:22px 28px;min-width:0}.pi-identity{display:flex;align-items:center;gap:13px}.pi-identity h3{font-size:18px;font-weight:600;margin:0;line-height:1.4}.pi-period{background:#f2f6fc;border:1px solid #e5edf8;border-radius:8px;font-size:12px;padding:11px 14px;color:#577297;margin-top:16px}.pi-section{border-top:1px solid #edf0f4;margin-top:24px;padding-top:22px}.pi-section h3{font-size:16px;margin:0 0 10px}.pi-group{padding:14px 0;border-bottom:1px solid #f0f2f6}.pi-group h4{margin:0 0 9px;font-size:14px}.pi-group p{font-size:12px;line-height:1.65}.pi-group progress{display:block;width:100%;height:5px;margin-top:12px;border:0;accent-color:#52aa7a;border-radius:5px}.pi-group progress::-webkit-progress-bar{background:#edf0f5;border-radius:5px}.pi-group progress::-webkit-progress-value{background:#6db78a;border-radius:5px}.pi-warning{color:#96681e;background:#fff8ed;padding:9px 12px;border-radius:6px;font-size:12px}.pi-success{color:#40825c;font-size:12px;line-height:1.65}.pi-big-score{font-size:33px;color:#365e95;display:block;margin:12px 0 4px;font-weight:600}.pi-inline-stats{display:flex;gap:20px;font-size:12px;color:#758297;margin:14px 0}.pi-table-wrap{overflow:auto;margin-top:12px}.pi-root table{border-collapse:collapse;width:100%;font-size:12px}.pi-root th,.pi-root td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f4;padding:10px 8px;line-height:1.5}.pi-root th{font-weight:550;color:#758297;background:#fafbfc}.pi-root summary{cursor:pointer;padding:12px 0;font-size:12px;color:#6b7b92}.pi-empty{padding:24px;color:#758297;font-size:13px}.pi-root>.secondary{margin-top:15px}.pi-recommendation{background:#f8fafc;border:1px solid #e7edf5;border-left:3px solid #8aa7cc;border-radius:7px;padding:12px 15px;margin:10px 0}.pi-recommendation h4{margin:0 0 6px;font-size:13px}.pi-recommendation p{font-size:12px;line-height:1.65;margin:6px 0}.pi-work-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:15px}.pi-work-fields label{font-size:11px;color:#758297}.pi-work-fields select,.pi-work-fields input{display:block;width:100%;margin-top:6px}.pi-modal button.primary,.pi-modal button.secondary{font-size:12px;padding:9px 12px}.pi-detail>button{margin-top:7px}@media(max-width:900px){.pi-header{align-items:flex-start;flex-direction:column;gap:8px}.pi-tools{flex-wrap:wrap}.pi-metrics{gap:8px}.pi-metric{padding:12px}}@media(max-width:600px){.pi-metrics{grid-template-columns:repeat(2,1fr)}.pi-tools input{flex-basis:100%}.pi-detail{padding:16px}.pi-header h2{font-size:23px}.pi-card{gap:8px;padding:8px}.pi-card-side{flex-basis:102px}.pi-card-side small{max-width:102px}.pi-modal{width:calc(100vw - 16px);max-height:94dvh}.pi-modal-bar{padding:10px 16px}.pi-work-fields{grid-template-columns:1fr}.pi-card-body strong{font-size:12px}}

.pi-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0 8px;border-bottom:1px solid #e7edf5;padding-bottom:9px}.pi-tab{font:inherit;font-size:12px;border:0;border-radius:6px;background:transparent;color:#7b899c;padding:8px 10px}.pi-tab[aria-pressed=true]{color:#345f98;background:#eef4fc;font-weight:600}.pi-detail .pi-section{margin-top:12px;padding-top:12px}.pi-detail .pi-section[hidden]{display:none}.pi-period{margin:12px 0}.pi-detail>.pi-muted{margin:8px 0}.pi-tabs~.pi-section:first-of-type{border-top:0}

.pi-dialog-message{font-size:12px;line-height:1.6;color:#596f8a;background:#f7f9fc;border-bottom:1px solid #edf0f4;margin:0;padding:8px 26px}.pi-dialog-message:empty{display:none}

.pi-funnel-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}.pi-funnel-stage{background:#f7f9fc;border:1px solid #e3eaf3;border-top:3px solid #9fb5d3;border-radius:8px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:8px}.pi-funnel-stage strong{font-size:25px;font-weight:600;letter-spacing:-.4px}.pi-funnel-stage small{font-size:10px;color:#7c8899;line-height:1.6;min-height:32px}.pi-funnel-stage>.pi-muted{min-height:36px;font-size:11px}.pi-conversions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.pi-conversions>div{display:flex;flex-direction:column;gap:6px}.pi-conversions strong{font-size:20px;color:#426b99;font-weight:600}.pi-conversions small{font-size:11px;color:#8190a4}.pi-section>h4{font-size:13px;margin-top:20px}@media(max-width:700px){.pi-funnel-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-conversions{grid-template-columns:1fr}.pi-conversions>div{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.pi-funnel-stage>.pi-muted{min-height:0}.pi-funnel-stage small{min-height:0}}

.pi-growth-summary{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pi-growth-block{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:14px 0}.pi-growth-block h4{margin:0 0 8px}.pi-growth-block details{margin-top:12px}.pi-growth-block summary{cursor:pointer;font-weight:600}.pi-growth-block .pi-table-wrap{margin-top:10px}

.pi-ads form{display:grid;gap:12px;max-width:620px}.pi-ads input:not([type=checkbox]){width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.pi-ads label{display:flex;align-items:flex-start;gap:10px;font-size:13px}.pi-ads label input{margin-top:3px}.pi-ads>button{margin:8px 12px 8px 0}