:root{--ink:#16212a;--muted:#71808c;--line:#e6eaec;--green:#1a9b6a;--green-soft:#eaf8f2;--navy:#111b23}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f7f7;color:var(--ink)}body{font-family:Arial,Helvetica,sans-serif}.hidden{display:none!important}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{background:var(--navy);color:#fff;padding:28px 20px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:750;letter-spacing:-.3px;margin:0 8px 42px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--green);font-weight:900}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;border:0;background:transparent;font:inherit;cursor:pointer;color:#9ba7ae;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:14px;text-align:left}.nav-item span{width:18px;text-align:center;font-size:18px}.nav-item.active{color:#fff;background:#202d35}.sidebar-footer{margin-top:auto;border-top:1px solid #27343c;padding:22px 8px 0;color:#9ba7ae;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;background:#35c98f;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #1d3a32}.status-dot.offline{background:#e26464;box-shadow:0 0 0 4px #422c30}.main-panel{min-width:0}.topbar{height:98px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 4px;color:var(--green);text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:800}h1{margin:0;font-size:25px;letter-spacing:-.7px}.top-actions{display:flex;align-items:center;gap:12px}.site-picker{min-width:220px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:9px 11px;font-size:12px}.site-picker div{display:flex;flex:1;flex-direction:column;gap:2px}.site-picker small{color:var(--muted)}.site-favicon{width:30px;height:30px;border-radius:7px;background:#eef1f2;display:grid;place-items:center;font-weight:800}.logout{font-size:12px;color:var(--muted);text-decoration:none;padding:10px}.logout:hover{color:var(--ink)}.stats-row{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:14px;padding:28px 42px 18px}.online-card,.mini-stat,.sound-chip{min-height:86px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 19px;display:flex;align-items:center}.pulse-ring{width:43px;height:43px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center;margin-right:14px}.pulse-ring i{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #cceee1}.online-card strong{display:block;font-size:27px;line-height:1}.online-card small,.mini-stat small,.sound-chip small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.mini-stat{flex-direction:column;align-items:flex-start;justify-content:center}.mini-stat strong{font-size:26px;margin-top:5px}.conversion-number{color:#e28b29}.sound-chip{text-align:left;cursor:pointer;background:#17242c;color:#fff;border-color:#17242c;gap:12px}.sound-chip>span{width:36px;height:36px;border-radius:9px;background:#24343d;color:#64dab0;display:grid;place-items:center;font-size:18px}.sound-chip small{color:#8fa0aa}.sound-chip.sound-off{opacity:.78}.visitor-card{margin:0 42px 40px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.card-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.card-heading h2{font-size:16px;margin:0 0 5px}.card-heading p{margin:0;color:var(--muted);font-size:12px}.live-badge{background:var(--green-soft);color:var(--green);font-weight:800;letter-spacing:1px;font-size:10px;border-radius:20px;padding:7px 10px}.live-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:13px 20px;background:#fafbfb;color:#849099;text-transform:uppercase;letter-spacing:.7px;font-size:10px}td{padding:17px 20px;border-top:1px solid #edf0f1;font-size:13px}tbody tr:hover{background:#fbfdfc}.mono{font-family:Consolas,monospace}.muted{color:var(--muted)}.duration{color:var(--green);background:var(--green-soft);padding:5px 8px;border-radius:6px;font-family:monospace;font-weight:700}.device-icon{color:#81909a;margin-right:7px}.page-pill{background:#f1f3f4;border-radius:6px;padding:5px 8px;color:#56636c}.converted-row{background:#eaf8f2}.conversion-badge{margin-left:7px;background:#fff0d8;color:#b66a12;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.empty-state{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--muted)}.empty-state>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:25px}.empty-state b{color:var(--ink)}.empty-state small{font-size:12px}.install-panel{margin:28px 42px;max-width:900px;display:grid;gap:16px}.install-step{display:grid;grid-template-columns:38px 1fr;gap:16px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px}.install-step>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800}.install-step h2{margin:3px 0 8px;font-size:17px}.install-step p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.55}.install-step code{color:var(--ink)}.install-step pre{margin:0;overflow:auto;background:#101a22;color:#a9e8ce;border-radius:10px;padding:16px;font:12px/1.6 Consolas,monospace;white-space:pre-wrap;word-break:break-all}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,#e7f5ef 0,transparent 42%),#f5f7f7}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 24px 70px rgba(17,27,35,.1)}.login-brand{color:var(--ink);margin:0 0 35px}.login-card h1{font-size:28px}.login-note{color:var(--muted);font-size:14px;margin:8px 0 24px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.login-card input{width:100%;border:1px solid #d9dfe2;border-radius:10px;padding:12px 13px;font:16px Arial;background:#fff;outline:0}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.login-button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:13px;font-size:15px;font-weight:700;cursor:pointer}.login-error{padding:11px 12px;border-radius:9px;background:#fff0ef;color:#b33c35;font-size:13px;margin-bottom:16px}@media(max-width:900px){.dashboard-shell{grid-template-columns:72px 1fr}.sidebar{padding:24px 10px}.brand{margin:0 auto 40px}.brand>span:last-child,.nav-item{font-size:0}.nav-item span{font-size:18px}.nav-item{justify-content:center}.sidebar-footer{font-size:0;text-align:center}.stats-row{grid-template-columns:1fr 1fr}.topbar,.stats-row{padding-left:22px;padding-right:22px}.visitor-card,.install-panel{margin-left:22px;margin-right:22px}.site-picker{display:none}}@media(max-width:600px){.dashboard-shell{display:block}.sidebar{min-height:auto;height:62px;flex-direction:row;align-items:center;padding:10px 16px}.brand{margin:0}.sidebar nav{display:flex;margin-left:auto}.sidebar-footer{display:none}.topbar{height:auto;padding:18px 16px}.stats-row{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.mini-stat{display:none}.visitor-card{margin:0 12px 24px}.card-heading{padding:18px}.install-panel{margin:18px 12px}.install-step{padding:18px;grid-template-columns:1fr}.logout{padding-right:0}}
.conversion-stat{position:relative;appearance:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.conversion-stat:hover{border-color:#efbd7f;box-shadow:0 8px 24px rgba(226,139,41,.12);transform:translateY(-1px)}.conversion-stat:focus-visible{outline:3px solid rgba(226,139,41,.22);outline-offset:2px}.conversion-card-arrow{position:absolute;right:18px;bottom:18px;color:#c9873a;font-size:17px}.conversion-list-card{margin-top:28px}.conversion-total{display:inline-flex;align-items:baseline;gap:5px;background:#fff0d8;color:#a96313;border-radius:20px;padding:7px 11px;font-size:11px}.conversion-total b{font-size:14px}.conversion-duration{color:#b66a12;background:#fff0d8}.source-column,.source-cell{width:170px;max-width:170px}.source-value{display:block;width:170px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-stat{position:relative;appearance:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.recent-stat:hover{border-color:#83cdb0;box-shadow:0 8px 24px rgba(26,155,106,.12);transform:translateY(-1px)}.recent-stat:focus-visible{outline:3px solid rgba(26,155,106,.2);outline-offset:2px}.recent-card-arrow{position:absolute;right:18px;bottom:18px;color:var(--green);font-size:17px}.recent-list-card{margin-top:28px}.recent-total{display:inline-flex;align-items:baseline;gap:5px;background:var(--green-soft);color:var(--green);border-radius:20px;padding:7px 11px;font-size:11px}.recent-total b{font-size:14px}@media(max-width:600px){.conversion-stat,.recent-stat{display:flex!important}.conversion-list-card,.recent-list-card{margin-top:18px}}
.nav-group{display:grid;gap:4px}.nav-submenu{display:grid;gap:2px;margin:0 0 4px 23px;padding-left:17px;border-left:1px solid #314049}.nav-subitem{width:100%;border:0;background:transparent;color:#829099;font:12px Arial,Helvetica,sans-serif;text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;transition:color .15s ease,background .15s ease}.nav-subitem:hover{color:#dbe4e8;background:#18262e}.nav-subitem.active{color:#67d7ad;background:#1a2b32;font-weight:700}.nav-subitem:focus-visible{outline:2px solid rgba(103,215,173,.45);outline-offset:1px}@media(max-width:900px){.nav-submenu{display:none}}
.nav-item .nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.nav-item .nav-icon svg{display:block;width:22px;height:22px;overflow:visible}
.realtime-chart-card{margin:28px 42px 0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px 24px 18px}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.chart-kicker{margin:0 0 5px;color:var(--muted);font-size:11px}.chart-heading h2{margin:0;font-size:17px}.chart-current{display:flex;align-items:center;gap:10px}.chart-current strong{font-size:31px;line-height:1}.chart-current span{color:var(--muted);font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.45px}.realtime-chart{height:230px;width:100%}.realtime-chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#e4e9eb;stroke-width:1;vector-effect:non-scaling-stroke}.chart-bar{fill:#2784ef}.chart-bar.current{fill:#106ee3}.chart-x-label,.chart-y-label{fill:#7c8992;font:11px Arial,Helvetica,sans-serif}.realtime-chart-card+.stats-row{padding-top:18px}@media(max-width:900px){.realtime-chart-card{margin-left:22px;margin-right:22px}}@media(max-width:600px){.realtime-chart-card{display:none}}
.clients-panel{margin:28px 42px 40px}.clients-card{max-width:1100px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.clients-heading{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.clients-heading h2{margin:0 0 6px;font-size:18px}.clients-heading p{margin:0;color:var(--muted);font-size:13px}.clients-save-status{flex:none;color:var(--muted);background:#f1f3f4;border-radius:20px;padding:7px 11px;font-size:11px}.clients-save-status.saved{color:var(--green);background:var(--green-soft)}.clients-save-status.error{color:#b33c35;background:#fff0ef}.client-fields{display:grid;gap:16px}.client-field-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.35fr) 150px;gap:16px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--line)}.client-field-row label{display:grid;gap:8px}.client-field-row label>span{font-size:12px;font-weight:700;color:#53616b}.client-field-row input{width:100%;height:44px;border:1px solid #d9dfe2;border-radius:10px;background:#fff;padding:0 13px;font:14px Arial,Helvetica,sans-serif;color:var(--ink);outline:0}.client-field-row input::placeholder{color:#a0abb2}.client-field-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.remove-client-button{height:44px;border:1px solid #f0d6d3;border-radius:10px;background:#fff;color:#a74a43;font:700 12px Arial,Helvetica,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.remove-client-button>span{font-size:20px;line-height:1}.remove-client-button:hover{background:#fff5f4;border-color:#e6bab5}.add-client-button{display:flex;align-items:center;gap:9px;margin-top:18px;border:0;background:transparent;color:var(--green);font:700 13px Arial,Helvetica,sans-serif;cursor:pointer;padding:7px 2px}.add-client-button>span{width:27px;height:27px;border-radius:8px;background:var(--green-soft);display:grid;place-items:center;font-size:19px;line-height:1}.add-client-button:hover>span{background:#d8f2e8}.add-client-button:disabled,.remove-client-button:disabled{opacity:.5;cursor:default}@media(max-width:1100px){.client-field-row{grid-template-columns:1fr 1fr}.remove-client-button{grid-column:1/-1;width:150px}}@media(max-width:900px){.clients-panel{margin-left:22px;margin-right:22px}}@media(max-width:600px){.clients-panel{margin:18px 12px}.clients-card{padding:18px}.client-field-row{grid-template-columns:1fr}.remove-client-button{grid-column:auto;width:100%}}
.client-domains-field{display:grid;gap:8px;min-width:0}.client-domains-field>span{font-size:12px;font-weight:700;color:#53616b}.client-domains-controls{display:flex;align-items:flex-start;gap:8px}.client-domain-inputs{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}.client-domain-item{position:relative;flex:1 1 220px;min-width:180px}.client-domain-item .client-domain-input{padding-right:36px}.remove-domain-button{position:absolute;right:7px;top:8px;width:28px;height:28px;border:0;border-radius:7px;background:#f1f3f4;color:#7c8992;font-size:18px;line-height:1;cursor:pointer}.remove-domain-button:hover{background:#fff0ef;color:#b33c35}.add-domain-button{flex:none;width:44px;height:44px;border:1px solid #bfe5d6;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:23px;line-height:1;cursor:pointer}.add-domain-button:hover{background:#d8f2e8;border-color:#9bd4bd}.add-domain-button:focus-visible,.remove-domain-button:focus-visible{outline:3px solid rgba(26,155,106,.2);outline-offset:2px}@media(max-width:600px){.client-domains-controls{align-items:flex-start}.client-domain-item{min-width:150px}}
.client-column,.client-cell{width:180px;max-width:180px}.client-value{display:block;width:180px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#315c4c}.client-value.unassigned{font-weight:400;color:#9aa5ac}