:root{--bg: #F4F6FA;--card: #FFFFFF;--line: #E9ECF2;--text: #1C2434;--muted: #8A93A6;--soft: #F1F4F9;--blue: #2F6BED;--blue-soft: #EAF0FE;--green: #22A06B;--red: #E5484D;--radius: 14px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.boot{height:100%;display:grid;place-items:center}.boot img{width:56px;height:56px;border-radius:14px;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{50%{transform:scale(.92);opacity:.7}}.shell{display:flex;min-height:100%}.side{width:236px;flex:none;background:var(--card);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:16px 12px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.brand img{width:36px;height:36px;border-radius:10px}.brand b{display:block;font-size:15px}.brand span{display:block;font-size:12px;color:var(--muted)}.brand .icon-btn{margin-left:auto}.nav-section{margin-bottom:14px}.nav-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a3abbd;padding:6px 10px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:9px;color:#4a5468;border:0;background:none;font-weight:500;font-size:13.5px;text-align:left}.nav-item svg{color:#8d97aa;flex:none}.nav-item:hover{background:var(--soft)}.nav-item.active{background:var(--blue-soft);color:var(--blue)}.nav-item.active svg{color:var(--blue)}.logout{margin-top:auto}.main{flex:1;min-width:0}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 28px;background:#f4f6faeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.top h1{font-size:20px;margin:0;font-weight:700;letter-spacing:-.01em}.filters{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px}.seg button{border:0;background:none;padding:5px 11px;border-radius:7px;color:#5b6577;font-weight:500;font-size:13px}.seg button.on{background:var(--blue);color:#fff}select,input{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:13px;outline:none}select:focus,input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.page{padding:18px 28px 48px}.status{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:10px}.icon-btn{border:1px solid var(--line);background:var(--card);border-radius:9px;width:30px;height:30px;display:inline-grid;place-items:center;color:#5b6577}.icon-btn.spin svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.only-mobile{display:none}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.w1{grid-column:span 1}.w2{grid-column:span 2}.w3{grid-column:span 3}.w4{grid-column:span 4}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-head h3{margin:0;font-size:14px;font-weight:600}.empty{color:var(--muted);font-size:13px;padding:18px 0;text-align:center}.skeleton{background:linear-gradient(90deg,#fff,#f3f5f9,#fff);background-size:200% 100%;animation:sk 1.3s infinite}@keyframes sk{to{background-position:-200% 0}}.error{background:#fdecec;color:#b42318;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:12px}.ok{background:#e7f6ee;color:#157347;border-radius:10px;padding:10px 14px;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:16px}.kpi{position:relative;padding:16px 18px 12px;overflow:hidden}.kpi-label{color:#5b6577;font-size:13px;font-weight:500;display:flex;gap:5px;align-items:center}.kpi-label svg{color:#b2b9c8}.kpi-row{display:flex;align-items:baseline;gap:10px;margin-top:6px;flex-wrap:wrap}.kpi-value{font-size:26px;font-weight:700;letter-spacing:-.02em}.kpi-sub{color:var(--muted);font-size:12px;margin-top:2px}.spark{height:38px;margin:8px -4px 0}.delta{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;padding:1px 6px;border-radius:6px}.delta.up{color:var(--green);background:#e7f6ee}.delta.down{color:var(--red);background:#fdecec}.delta.none{color:var(--muted);background:var(--soft)}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:28px}.hero-num{font-size:40px;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:12px;margin:-4px 0 6px}.hero-side{border-left:1px solid var(--line);padding-left:24px}.hrow{margin-bottom:12px}.hrow-top{display:flex;justify-content:space-between;gap:10px;font-size:13px}.hrow-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrow-top b{font-weight:600;white-space:nowrap}.hrow-top em{font-style:normal;color:var(--muted);font-weight:500;margin-left:6px}.hbar{height:4px;background:var(--soft);border-radius:4px;margin-top:5px;overflow:hidden}.hbar i{display:block;height:100%;background:var(--blue);border-radius:4px}.hsub{color:var(--muted);font-size:11.5px;margin-top:2px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 12px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:3px 10px 3px 8px;font-size:12px;font-weight:500}.chip i{width:8px;height:8px;border-radius:50%}.chip.off{opacity:.45}.chip.off i{background:#c5cbd6!important}.table-card{padding-bottom:8px}.table-wrap{overflow-x:auto;margin:0 -20px;padding:0 20px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:right;font-weight:500;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px}td{text-align:right;padding:8px 10px;border-bottom:1px solid #F2F4F8;white-space:nowrap;font-variant-numeric:tabular-nums}th.l,td.l,td.f-text,td.f-code,td.f-props,td.f-user{text-align:left}th:first-child,td:first-child{padding-left:0}td.f-code,td.f-user{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#4a5468}td.f-props{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#5b6577;max-width:520px;overflow:hidden;text-overflow:ellipsis}td.f-text{max-width:360px;overflow:hidden;text-overflow:ellipsis}tr.link{cursor:pointer}tr.link:hover td{background:#f7f9fd}.more{border:0;background:none;color:var(--blue);font-weight:600;padding:10px 0 4px}table.cohort td.cell{text-align:center;border:2px solid #fff;border-radius:6px;font-size:12px;min-width:64px}.funnel{display:flex;flex-direction:column;gap:10px}.fstep{display:grid;grid-template-columns:minmax(150px,230px) 1fr 170px;gap:14px;align-items:center}.fl{font-weight:500;display:flex;align-items:center;gap:8px}.fi{width:22px;height:22px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:inline-grid;place-items:center;font-size:11.5px;font-weight:700;flex:none}.fbar{background:var(--soft);border-radius:8px;height:30px;overflow:hidden}.fbar i{display:flex;align-items:center;height:100%;background:linear-gradient(90deg,#2f6bed,#5b8df2);border-radius:8px;min-width:34px}.fbar b{color:#fff;font-size:12px;padding:0 10px;white-space:nowrap}.fnum b{display:block;font-size:15px}.fnum span{color:var(--muted);font-size:12px}.heat{display:grid;gap:3px;align-items:center}.heat i{display:block;aspect-ratio:1.3;border-radius:3px}.hx,.hy{font-size:10.5px;color:var(--muted);text-align:center}.personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.persona{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fbfcfe}.ph{display:flex;justify-content:space-between;gap:8px}.ph span{color:var(--blue);font-weight:700}.persona p{margin:4px 0 8px;color:#5b6577;font-size:12.5px}.persona dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:10px 0 0;font-size:12.5px}.persona dt{color:var(--muted)}.persona dd{margin:0;text-align:right;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.control{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:170px}.control.wide{min-width:300px;flex:1}.control input{width:100%}.pager{display:flex;align-items:center;gap:8px;margin-left:auto;color:#5b6577}.pager button{border:1px solid var(--line);background:var(--card);border-radius:8px;width:30px;height:30px;display:grid;place-items:center}.pager button:disabled{opacity:.4;cursor:default}.note{display:flex;gap:8px;align-items:flex-start;color:#5b6577;font-size:12.5px;background:#eef3fd;border-radius:12px;padding:10px 14px}.note svg{color:var(--blue);flex:none;margin-top:2px}.form{display:flex;flex-direction:column;gap:10px;max-width:420px}.btn{border:0;background:var(--blue);color:#fff;font-weight:600;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6}.btn.ghost{background:var(--blue-soft);color:var(--blue);justify-content:flex-start}.login{min-height:100%;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;text-align:center;padding:28px}.login-card img{width:64px;height:64px;border-radius:16px;margin:0 auto 4px}.login-card h2{margin:0}.login-card p{margin:0 0 8px;color:var(--muted)}.login-card input{padding:10px 12px}@media(max-width:1200px){.kpis{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:minmax(0,1fr)}.w1,.w2,.w3,.w4{grid-column:span 1}.hero{grid-template-columns:minmax(0,1fr)}.hero-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px}}@media(max-width:820px){.side{position:fixed;z-index:20;left:0;top:0;transform:translate(-100%);transition:transform .2s;box-shadow:0 0 40px #0000001f}.side.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2d4d;z-index:15}.only-mobile{display:inline-grid}.top{padding:12px 16px;gap:10px}.filters{margin-left:0;width:100%}.seg{overflow-x:auto;max-width:100%}.page{padding:14px 16px 40px}.fstep{grid-template-columns:minmax(0,1fr);gap:4px}.kpi-value{font-size:22px}.control,.control.wide{min-width:0;width:100%}}