:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202a28;background:#f5f6f3;font-synthesis:none;--green:#136b50;--border:#e2e7e1;--muted:#7a857e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:550;letter-spacing:-1px;line-height:1.2}h2{font-size:1.04rem;font-weight:600}h3{font-size:1rem;margin-top:2rem}p{line-height:1.65}input,textarea,select{border:1px solid #cfd8d0;border-radius:8px;padding:12px;background:white;color:inherit}label{display:block;font-size:.86rem;margin:20px 0 8px}input,textarea{width:100%}[hidden]{display:none!important}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.muted{color:var(--muted)}.small{font-size:.78rem}.eyebrow{font-size:.66rem;letter-spacing:2px;font-weight:650;color:var(--green);margin-bottom:12px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:1.5rem;letter-spacing:-1.2px;font-weight:600;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;background:var(--green);color:white;width:34px;height:34px;border-radius:10px;font-size:25px}.brand-dot{color:#b7d8ae;font-size:.5rem;align-self:flex-end;margin-bottom:5px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:#fff;border-right:1px solid var(--border);padding:32px 22px;display:flex;flex-direction:column}.workspace-label{color:#929b94;font-size:.62rem;letter-spacing:1.5px;margin:45px 0 13px}.sidebar select{width:100%;padding:12px 8px;background:#f4f6f2;font-size:.86rem}.add-site{background:none;text-align:left;font-size:.78rem;color:var(--green);margin:12px 0 28px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;padding:14px;border-radius:8px;margin:4px 0;color:#6d7871;font-size:.86rem}.nav-item span{font-size:1.2rem}.nav-item.selected{background:#eaf2e9;color:#1a624a;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:40px;font-size:.72rem;color:#9aa49d}.sidebar-bottom p{margin:12px 0 25px}.online-dot{color:var(--green);font-size:.75rem}.online-dot:before{content:'●';font-size:.6rem;margin-right:8px;color:#62a66e}.text-button{background:none;color:#748078;padding:0;font-size:.74rem}.main{padding:0 40px 24px;min-width:0}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.breadcrumb{font-size:.77rem;color:#859086}.breadcrumb span{margin:0 14px;color:#bcc3ba}.breadcrumb strong{color:#47534c;font-weight:500}.header-actions{display:flex;align-items:center;gap:14px}.header-actions select{padding:9px 12px;font-size:.76rem}.icon-button{background:transparent;color:#55645a;font-size:1.3rem;padding:8px}.page-title{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px;gap:20px}.status-badge{font-size:.65rem;color:#879387;white-space:nowrap}.status-badge span{color:#599f6b;margin-right:5px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;min-height:155px}.stat>span{color:#7b867e;font-size:.75rem}.stat strong{font-size:2.4rem;letter-spacing:-1px;font-weight:550;margin:12px 0 8px}.stat small{font-size:.65rem;color:#98a096}.stat.accent{background:#eaf2e5;border-color:#dae8d4}.stat.accent strong{color:#216047}.panel{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 25px;gap:16px}.panel-heading p{color:var(--muted);font-size:.7rem;margin-top:7px}.legend{font-size:.7rem;color:#87918a;display:flex;gap:7px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;background:#6c9f76}.chart{height:220px;margin:0 26px 10px;display:flex;align-items:flex-end;gap:clamp(6px,2vw,28px);padding:20px 8px 28px;border-bottom:1px solid #ecf0e8;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#f1f4ed 44px,#f1f4ed 45px);position:relative}.chart-bar{flex:1;min-height:2px;background:linear-gradient(#8cb58e,#e5efe0);border-radius:5px 5px 0 0;position:relative;max-width:120px}.chart-bar span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:.58rem;white-space:nowrap;color:#89948b}.chart-bar b{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:.61rem;color:#52805a;font-weight:500}.chart-empty{margin:auto;color:#8e9a90;font-size:.84rem}.engagement{display:flex;gap:30px;padding:18px 25px 23px;color:#8b968d;font-size:.7rem}.engagement strong{color:#425c48;font-weight:550;margin-left:10px}.two-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.table-wrapper{overflow:auto;max-inline-size:100%;max-block-size:600px;container-type:inline-size}table{border-collapse:separate;border-spacing:0;width:100%;font-size:.78rem}th,td{padding:15px 24px;text-align:left;border-bottom:1px solid #edf0e9;overflow-wrap:anywhere}thead{position:sticky;inset-block-start:0;z-index:2}thead th{font-size:.63rem;font-weight:500;color:#9aa397;background:#fafbf8;white-space:nowrap}tbody th{position:sticky;inset-inline-start:0;z-index:1;background:white;font-weight:500}tr:last-child td,tr:last-child th{border-bottom:0}td:not(:first-child){font-variant-numeric:tabular-nums}td.empty-cell{padding:45px 24px;text-align:center;color:#91a08e}.source-list{padding:0 25px 20px}.source-row{padding:16px 0;border-bottom:1px solid #eef1ea;display:flex;justify-content:space-between;gap:15px;font-size:.8rem}.source-row:last-child{border-bottom:0}.source-row strong{font-weight:550;color:#52735a}.primary{background:var(--green);color:white;border-radius:8px;padding:13px 19px;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary:hover{background:#095a40}.secondary{background:#eff4eb;border-radius:7px;padding:10px 12px;color:#3b6749;font-size:.74rem;white-space:nowrap}.record-button{border:1px solid #d9e4d4;background:#f4f8ef;color:#356347;padding:6px 11px;border-radius:6px;font-size:.72rem}.badge{background:#f4f5ef;color:#8c936f;padding:4px 7px;border-radius:4px;font-size:.64rem}.footer{margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;color:#9ba596;font-size:.65rem}.notice{margin-top:15px;background:#fff7df;border:1px solid #eadbaf;color:#7a6330;padding:14px 18px;border-radius:8px;font-size:.83rem}.empty-state{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:20px}.empty-state p{color:#7e8e7c;font-size:.88rem}.empty-state .eyebrow{font-size:.65rem;margin:0}.empty-symbol{font-size:3rem;color:#8cad87;background:#eaf0e4;padding:10px 22px;border-radius:20px}.install-panel{padding:32px;max-width:900px}.install-panel p{font-size:.87rem;margin:13px 0;color:#7a877c}.install-panel code{background:#edf2e8;padding:2px 5px;color:#376744;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;background:#f1f5ee;border:1px solid #e1e8dc;border-radius:9px;padding:20px;color:#3e6546;font-size:.8rem;margin:20px 0}dialog{border:1px solid var(--border);border-radius:16px;padding:28px;width:min(480px,92vw);color:inherit;box-shadow:0 20px 100px #17261b30}dialog::backdrop{background:#15251c85;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.dialog-heading h2{font-size:1.15rem}dialog .primary{width:100%;margin-top:15px}#site-error,#login-error{color:#ac4032;font-size:.82rem;min-height:1.2em}.replay-dialog{width:min(1200px,96vw);height:90dvh;padding:18px}.replay-dialog iframe{border:0;width:100%;height:65dvh;background:#f2f4f0;border-radius:8px}.replay-dialog details{margin:12px 4px;font-size:.8rem}.event-entry{display:flex;gap:15px;padding:10px;border-bottom:1px solid #e9ede4;overflow-wrap:anywhere}.event-entry time{color:#8c978d;white-space:nowrap}.login-shell{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 20%,#ddebd5,transparent 60%),#f3f5ee;padding:25px}.login-card{width:min(440px,100%);background:#ffffffc9;border:1px solid white;border-radius:20px;padding:42px;box-shadow:0 25px 80px #2b573015}.login-card .brand-mark{margin-bottom:35px}.login-card h1{font-size:2rem}.login-card .muted{margin:20px 0;font-size:.88rem}.login-card .primary{width:100%;margin-top:18px}.login-footer{position:absolute;bottom:24px;color:#8e9c88;font-size:.68rem;letter-spacing:2px}
@container (width < 600px){.visits-table,.visits-table thead,.visits-table tbody,.visits-table tr,.visits-table th,.visits-table td{display:block}.visits-table thead{display:none}.visits-table tr{margin:10px;border:1px solid var(--border);border-radius:8px}.visits-table th{position:sticky;inset-block-start:0;background:#f5f8f0}.visits-table td{padding:10px 15px;border:0}.visits-table td::before{color:#8b9687;margin-right:10px;font-size:.7rem}.visits-table td:nth-child(2)::before{content:'Страница: '}.visits-table td:nth-child(3)::before{content:'Устройство: '}.visits-table td:nth-child(4)::before{content:'Активность: '}.visits-table td:nth-child(5)::before{content:'Глубина: '}.visits-table td:nth-child(6)::before{content:'Запись: '}}
@media(max-width:1000px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 14px}.main{padding:0 22px 20px}.brand{font-size:1.25rem}.two-columns{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:18px 15px}.status-badge{display:none}.header-actions #updated{display:none}}
@media(max-width:680px){.shell{display:block}.sidebar{position:static;height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--border)}.workspace-label,.sidebar-bottom{display:none}.sidebar select{margin-top:18px}.add-site{margin:10px 0}.sidebar nav{display:flex;overflow:auto;gap:4px}.nav-item{width:auto;white-space:nowrap;padding:10px;font-size:.7rem;gap:5px}.main{padding:0 15px 20px}.topbar{height:75px;gap:8px}.breadcrumb{font-size:.67rem}.breadcrumb span{margin:0 6px}.header-actions{gap:4px}.page-title{padding:25px 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:130px}.stat strong{font-size:2rem}.engagement{flex-wrap:wrap;gap:14px;padding:15px;font-size:.65rem}.panel-heading{padding:18px;flex-wrap:wrap}.panel-heading .secondary{white-space:normal}.chart{margin:0 15px 10px}.login-card{padding:28px}.login-card h1{font-size:1.6rem}.login-footer{position:static;margin-top:20px}.install-panel{padding:20px}.footer{font-size:.57rem}}
.funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 24px 25px}.funnel>div{background:#edf3e6;border:1px solid #dde8d4;border-radius:9px;padding:20px;display:flex;flex-direction:column;gap:15px}.funnel small{color:#7a8b72;font-size:.7rem}.funnel strong{color:#375e39;font-size:1.8rem;font-weight:550}.danger-button{margin-top:25px;border:1px solid #ebd8d0;background:#fff6f1;color:#9d604b;border-radius:7px;padding:12px}.sidebar nav{min-height:0;overflow:auto}.sidebar-bottom{flex-shrink:0}.site-goal-config{border-top:1px solid var(--border)}@media(max-width:680px){.funnel{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 15px 20px}.funnel>div{padding:15px}}