:root{--bg:#f5f7f6;--panel:#fff;--text:#21352c;--muted:#6a7c72;--accent:#22654f;--cyan:#22654f;--line:#e5ebe7;--red:#b74444;--amber:#946d24;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 "Segoe UI Variable", "Segoe UI", "Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid #dce5df;border-radius:8px;background:#fff;color:#42574b;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}button:hover{background:#edf3ef;border-color:#bdcec3}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#194b3c}button.danger{color:var(--red);border-color:#ead6d6;background:#fff}button.danger:hover{background:#fcf2f2}button:disabled{opacity:.6;cursor:wait}svg.icon{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid #98c7b5;outline-offset:3px}h1,h2,h3,p{margin-top:0}h3{font-size:16px;letter-spacing:-.3px;font-weight:600}a{color:var(--accent)}
.app{min-height:100dvh}.side{background:#fff;border-bottom:1px solid var(--line);padding:0 max(28px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:38px;min-height:82px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:650;letter-spacing:-.4px;white-space:nowrap}.brand img{width:37px;height:37px}.brand small{display:block;font-size:10px;letter-spacing:1.7px;color:#7b8982;font-weight:500;margin-top:-2px}.nav{display:flex;align-self:stretch;align-items:stretch;gap:4px;min-width:0}.nav button{border:0;border-radius:0;background:none;color:#6b7c72;padding:0 14px;position:relative;font-size:13px}.nav button:hover{background:#f7faf8;color:var(--accent)}.nav button.active{color:var(--accent);font-weight:600}.nav button.active:after{content:"";position:absolute;bottom:0;height:3px;left:14px;right:14px;background:var(--accent);border-radius:3px 3px 0 0}.operator{display:flex;align-items:center;gap:9px;margin-left:auto;color:#627268;font-size:12px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf2ed;color:var(--accent);font-weight:650}.main{max-width:1440px;margin:auto;padding:30px 32px 48px;min-width:0}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.title{font-size:28px;line-height:1.35;font-weight:650;letter-spacing:-1px;margin:6px 0 8px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:12px;color:#89958e}.eyebrow span{color:#496052}.sub{font-size:12px;color:var(--muted);line-height:1.8}.top-actions{display:flex;align-items:center;gap:12px;padding-top:23px}.date-chip{font-size:12px;color:#718277}.top-actions button{font-size:12px;min-height:35px;background:transparent}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{padding:22px 24px;background:var(--panel);border-radius:13px;box-shadow:0 2px 4px #20392d03;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#687b6e;font-size:13px}.stat-icon{display:grid;place-items:center;background:#f0f5f2;color:#608070;width:34px;height:34px;border-radius:10px}.stat b{display:block;font-size:35px;line-height:1.2;letter-spacing:-1.2px;margin:14px 0 10px;font-weight:600}.stat-caption{font-size:11px;color:#89958e}.stat:first-child{background:#e9f2ec}.panel{background:var(--panel);border-radius:13px;padding:23px;min-width:0;box-shadow:0 2px 4px #20392d03}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin:22px 0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px}.panel-heading h3{margin:0 0 3px}.legend{display:flex;align-items:center;gap:7px;color:#728078;font-size:11px}.legend:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.plot-wrap{position:relative}.trend-chart{display:block;width:100%;height:250px}.trend-chart text{font:11px "Segoe UI",sans-serif;fill:#839087}.chart-note{font-size:11px;color:#8a958e;margin:8px 0 0;display:flex;justify-content:space-between}.result-donut{width:152px;height:152px;border-radius:50%;display:grid;place-items:center;margin:26px auto 24px;background:#edf1ee}.donut-core{width:120px;height:120px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-core b{font-size:29px;font-weight:600;letter-spacing:-1px}.donut-core span{font-size:11px;color:#839087}.result-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px}.result-row span{display:flex;align-items:center;gap:8px;color:#6b7c72}.result-row i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.result-row.fail i{background:#c77969}.result-row.duplicate i{background:#c6b282}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty-dashboard{text-align:center;padding:35px 16px;color:#8a958e;font-size:12px}.empty-dashboard svg{width:36px;height:36px;display:block;margin:0 auto 12px;color:#aabbb0}.distribution-row{display:grid;grid-template-columns:100px 1fr 30px;gap:15px;align-items:center;margin:18px 0;font-size:12px}.distribution-track{height:6px;border-radius:4px;background:#eff3f0;overflow:hidden}.distribution-track i{display:block;height:100%;background:#7fa38f;border-radius:4px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-grid button{justify-content:flex-start;padding:14px;border-color:#e9eee9;background:#fafcfb;text-align:left;white-space:normal}.quick-grid .icon{color:#668271}.quick-grid strong{display:block;font-size:12px;font-weight:600}.quick-grid small{font-size:10px;color:#87958c}.footer-note{margin-top:28px;display:flex;justify-content:space-between;gap:15px;color:#96a198;font-size:11px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:18px;background:#fff;border-radius:12px}.toolbar input,.toolbar select,.field input,.field select,.loginbox input{color:var(--text);background:#fff;border:1px solid #dce5df;border-radius:7px;padding:10px 12px;min-height:42px;outline:none;max-width:100%}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.loginbox input:focus{border-color:#729f87;box-shadow:0 0 0 3px #22654f0b}.toolbar input:not([type=date]):not([type=checkbox]){min-width:250px;flex:1}.toolbar input[type=date]{width:153px}.toolbar label{font-size:12px;color:#6f8075;display:flex;align-items:center;gap:6px}.toolbar input[type=checkbox]{padding:0;min-height:initial}.toolbar button{font-size:12px}.tablewrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#c6d6cc transparent}.panel:has(>.tablewrap){padding:0;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:17px 20px;border-bottom:1px solid #edf1ee;text-align:left;white-space:nowrap;vertical-align:middle}.table th{background:#fafcfb;color:#859287;font-size:11px;font-weight:500}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f9fbfa}.table td:nth-child(2){font-weight:500}.table .sub,.table small{font-size:10px}.table button{font-size:11px;min-height:29px;padding:4px 10px;border:0;background:#eff5f1;color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;vertical-align:middle}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:4px 8px;border-radius:5px;color:#367456;background:#edf6ef}.tag:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.tag.red{color:#b55950;background:#fbefec}.tag.amber{color:#94763b;background:#f8f3e9}.tag.neutral{color:#7e897f;background:#f0f2ef}.empty{text-align:center!important;color:#8a978d;padding:60px 20px!important;font-size:12px;font-weight:400!important}.modal{position:fixed;inset:0;background:#1f382a50;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:20;padding:20px}.modal>div{width:min(650px,100%);background:white;border-radius:16px;padding:28px;box-shadow:0 30px 100px #172d2325}.modal h3{font-size:20px;margin-bottom:26px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:8px;color:#627669;font-size:12px}.field.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:24px;max-width:calc(100vw - 48px);background:#254d3c;color:#fff;padding:14px 20px;border-radius:10px;box-shadow:0 8px 28px #254d3c30;z-index:30;font-size:13px}.login{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-art{background:#eaf1ec;padding:56px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;position:relative;overflow:hidden}.login-intro{max-width:440px;position:relative;z-index:1}.login-intro h1{font-size:49px;line-height:1.35;letter-spacing:-2px;font-weight:550;margin:30px 0 20px}.login-intro p{color:#6d8475;font-size:14px;line-height:2}.login-art footer{font-size:11px;color:#8a9e90}.login-visual{display:flex;align-items:center;gap:14px;margin:40px 0}.login-node{width:110px;min-height:94px;border:1px solid #cbded0;border-radius:12px;background:#f7faf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#5c7a66}.login-node .icon{width:24px;height:24px}.login-node.main-node{background:#29674f;color:#fff;border-color:#29674f}.login-link{height:1px;width:24px;background:#aec8b7;position:relative}.login-link:after{content:"";position:absolute;width:5px;height:5px;border-top:1px solid #aec8b7;border-right:1px solid #aec8b7;transform:rotate(45deg);right:0;top:-2px}.login-form-wrap{display:grid;place-items:center;padding:40px}.loginbox{width:min(370px,100%)}.loginbox h2{font-size:27px;letter-spacing:-1px;font-weight:600;margin-bottom:8px}.loginbox>p{color:#8a958d;font-size:12px;margin-bottom:30px}.loginbox label{display:block;font-size:12px;color:#607568;margin-bottom:18px}.loginbox input{width:100%;margin-top:8px}.loginbox input[name=captcha]{margin-top:0;margin-bottom:22px}.loginbox label#question{margin-bottom:8px;font-size:11px;color:#859589}.loginbox .primary{min-height:46px}.loginbox .sub{margin-top:20px;text-align:center;font-size:11px}.mobile-brand{display:none}.loading-skeleton{height:140px;background:#edf2ee;border-radius:12px;margin:16px 0;animation:pulse 1.2s ease infinite}@keyframes pulse{50%{opacity:.5}}.skip-link{position:absolute;left:20px;top:-60px;background:white;padding:8px;z-index:50}.skip-link:focus{top:8px}
@media(min-width:1600px){.main{padding-top:40px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 370px}.trend-chart{height:285px}}
@media(max-width:1100px){.side{padding:0 22px;gap:16px}.nav button{padding:0 10px}.nav button .icon{display:none}.operator>span:last-child{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px}.stat{padding:18px}.main{padding:28px 24px}.login-art{padding:35px}.login-intro h1{font-size:39px}}
@media(max-width:800px){.side{flex-wrap:wrap;gap:0;min-height:initial;padding:16px 20px 0}.brand{font-size:17px}.operator{margin-left:auto}.nav{order:3;width:100%;overflow:auto;height:52px;margin-top:14px;scrollbar-width:none}.nav button{flex-shrink:0;padding:0 16px;font-size:12px}.nav button.active:after{left:16px;right:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.top-actions{padding-top:22px}.date-chip{display:none}.login{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100dvh;padding:28px}.mobile-brand{display:flex;margin-bottom:45px}.loginbox{max-width:400px}}
@media(max-width:500px){.main{padding:24px 16px 32px}.side{padding:16px 16px 0}.top{gap:10px;margin-bottom:22px}.title{font-size:24px}.sub{font-size:11px}.top-actions button{padding:7px 10px}.stat{padding:17px 16px}.stat b{font-size:30px}.stat-icon{width:27px;height:27px}.stat-top{font-size:11px}.stat-caption{font-size:10px}.grid{gap:10px}.panel{padding:20px}.trend-chart{height:210px}.panel-heading{gap:10px}.panel-heading h3{font-size:14px}.legend{font-size:10px}.chart-note{font-size:10px}.toolbar{padding:14px;gap:9px}.toolbar input:not([type=checkbox]),.toolbar select{min-width:0!important;width:100%;flex:1 1 100%}.toolbar input[type=date]{flex:1 1 40%;width:0}.toolbar label{flex:1 1 100%;justify-content:flex-start}.toolbar button{flex:1 1 auto}.fields{grid-template-columns:1fr}.modal{padding:12px}.modal>div{padding:22px}.footer-note{display:block}.quick-grid{gap:9px}.quick-grid button{padding:12px}.quick-grid small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:500px){.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:0;overflow:visible;margin-top:14px}.nav button{min-height:40px;padding:0 4px}.nav button.active{background:#f0f6f2;border-radius:6px}.nav button.active:after{display:none}.table{font-size:13px}.table th{font-size:12px}}
/* Conversion OS — blue / graphite operating workspace */
:root{--bg:#f4f6fb;--text:#253047;--muted:#7d879a;--accent:#4169dd;--cyan:#4169dd;--line:#e7ebf3}
body{background:var(--bg);color:var(--text)}button{border-color:#dde3ef;color:#64708a;border-radius:9px}button:hover{background:#f0f3fb;border-color:#bdcae8}button.primary{background:#4169dd;border-color:#4169dd;box-shadow:0 4px 10px #4169dd15}button.primary:hover{background:#3458c0}.app{display:flex}.side{width:216px;min-height:100dvh;position:fixed;inset:0 auto 0 0;z-index:4;padding:30px 18px 22px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#172033;border:0;color:white}.side .brand{font-size:18px;margin:0 6px 42px;gap:10px;letter-spacing:.1px}.side .brand img{width:34px;height:34px}.side .brand small{font-size:9px;letter-spacing:2.1px;color:#8995ae;margin-top:4px}.nav-caption{font-size:9px;letter-spacing:1.2px;color:#7886a0;margin:0 14px 15px}.nav{display:flex;flex-direction:column;gap:8px;align-items:stretch;align-self:auto;margin:0}.nav button{display:flex;justify-content:flex-start;gap:12px;color:#939eb4;border:0;min-height:46px;border-radius:9px;padding:0 14px;font-size:12px;background:transparent}.nav button .icon{display:block;width:18px;height:18px}.nav button small{margin-left:auto;font-size:9px;color:#576780}.nav button:hover{background:#202d45;color:#dbe5ff}.nav button.active{color:#eff3ff;background:#314971;box-shadow:inset 0 0 0 1px #617daa22}.nav button.active:after{display:none}.nav button.active .icon{color:#8facff}.nav button.active small{color:#91a6cb}.side-bottom{margin-top:auto;padding:32px 8px 0}.session-label{font-size:10px;color:#8e9cb3;display:flex;align-items:center;gap:7px;padding-bottom:18px;border-bottom:1px solid #2a344a}.session-label i{width:5px;height:5px;background:#79bda6;border-radius:50%}.operator{margin:20px 0 0;gap:10px;color:#dae1ef}.operator small{display:block;font-size:9px;color:#7c8ca8;margin-top:2px}.avatar{background:#293852;color:#bed0ff;width:34px;height:34px;border-radius:10px}.workspace{width:calc(100% - 216px);margin-left:216px;min-width:0}.workspace-bar{height:66px;border-bottom:1px solid #e5eaf3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:11px;color:#7d8799}.workspace-bar b{margin:0 14px;color:#c6cfdf;font-weight:400}.workspace-label{font-size:9px;letter-spacing:2px;color:#a4adc1}.main{max-width:1550px;padding:28px 32px 40px}.top{margin-bottom:24px}.eyebrow{font-size:10px;color:#9aa3b5}.eyebrow span{color:#7c87a0}.title{font-size:28px;letter-spacing:-.8px;margin:7px 0 6px}.top .sub{font-size:11px}.date-chip{color:#97a1b6;font-size:10px}.top-actions{padding-top:17px}.top-actions button{background:#fff;border-color:#e0e6f0;color:#70809b;font-size:11px}.overview-banner{background:#e7edfb;border-radius:15px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:28px 32px;margin-bottom:20px;gap:24px;border:1px solid #dce5f7}.overview-copy{position:relative;z-index:1}.banner-kicker{font-size:9px;letter-spacing:2px;color:#7790bb}.overview-copy h2{font-size:26px;letter-spacing:-.7px;color:#2d457a;margin:9px 0 7px;font-weight:600}.overview-copy p{font-size:11px;color:#7d91b7;margin:0 0 17px}.banner-button{background:#fff;border:0;min-height:32px;padding:7px 12px;color:#4e6da6;font-size:10px;box-shadow:0 3px 9px #8395b40b}.banner-facts{display:flex;gap:32px;position:relative;z-index:1;padding-right:15px}.banner-facts div{display:flex;flex-direction:column;gap:7px}.banner-facts strong{font-size:30px;font-weight:500;letter-spacing:-.8px;color:#365889}.banner-facts span{font-size:10px;color:#7890b5}.banner-lines{position:absolute;right:-130px;top:-130px;width:470px;height:470px;border-radius:50%;border:1px solid #bdceee55;box-shadow:0 0 0 45px #c4d3ef25,0 0 0 90px #c4d3ef18;pointer-events:none}.grid{gap:16px}.stat{border-radius:13px;border:1px solid #e7ebf4;padding:21px 23px;box-shadow:0 3px 7px #23314b02}.stat:first-child{background:#fff}.stat-top{color:#7d89a3;font-size:12px}.stat-icon{background:#eef2fd;color:#6d89d4;border-radius:9px;width:30px;height:30px}.stat b{font-size:32px;color:#354560;margin:11px 0;font-weight:600}.stat-caption{color:#a3aabd;font-size:10px}.panel{border:1px solid #e7ebf4;border-radius:13px;padding:23px;box-shadow:0 4px 10px #23314b02}.dashboard-grid{grid-template-columns:minmax(0,1fr) 285px;margin:20px 0;gap:18px}.panel-heading h3{color:#394966;font-size:14px}.sub{color:#8c96aa;font-size:11px}.legend{color:#8b97b0}.trend-chart text{fill:#9ca7bc}.chart-note{color:#a0a9bc}.result-row span{color:#8a97ae}.result-row i{background:#4169dd}.donut-core b{color:#3e527a}.donut-core span{color:#a0aabd}.donut-core{width:116px;height:116px}.result-donut{margin:23px auto;width:148px;height:148px}.result-row{font-size:11px;padding:7px 0}.result-row strong{font-weight:500;color:#61708c}.lower-grid{gap:18px}.distribution-track{background:#f0f3fa}.distribution-track i{background:#7793df}.quick-grid button{background:#fafbfe;border-color:#edf0f8}.quick-grid .icon{color:#8197c8}.quick-grid strong{color:#5b6f94}.quick-grid small{color:#9da9c0}.empty-dashboard{color:#a5afc3}.empty-dashboard svg{color:#bec8dd}.toolbar{border:1px solid #e6ebf4}.toolbar input,.toolbar select,.field input,.field select,.loginbox input{border-color:#dfe5f0;color:#536580}.toolbar input:focus,.field input:focus,.loginbox input:focus{border-color:#8ba6ec;box-shadow:0 0 0 3px #4169dd09}.toolbar input::placeholder,.loginbox input::placeholder{color:#a2aec3}.table th{background:#f8faff;color:#929fb9}.table td{border-color:#edf0f7;color:#647590;padding:18px 20px}.table tbody tr:hover{background:#fafbff}.table button{background:#edf2ff;color:#5779c8}.field{color:#8290a8}.tag{background:#edf6f2;color:#58877a}.tag.neutral{background:#f0f2f7;color:#8b95a7}.actions{border-color:#e9edf5}.modal{background:#16244055}.toast{background:#314d87;box-shadow:0 8px 28px #314d8730}.footer-note{color:#a9b1c4;font-size:10px}.login{grid-template-columns:1.1fr 1fr;background:#f9faff}.login-art{background:#19263e;color:#fff;padding:55px 60px}.login-art .brand small{color:#8496bb}.login-art .eyebrow{color:#869abd;letter-spacing:2px;font-size:10px}.login-intro h1{font-size:51px;color:#f5f8ff;font-weight:600;line-height:1.45}.login-intro p{color:#879bbf}.login-art footer{color:#607ca5}.login-node{background:#253755;border-color:#3a4e70;color:#97b1df;width:115px}.login-node.main-node{background:#456fda;border-color:#6e94f2;color:white;box-shadow:0 12px 30px #07142630}.login-link{background:#476186}.login-link:after{border-color:#476186}.login-art:after{content:"";width:540px;height:540px;border-radius:50%;border:1px solid #607db718;position:absolute;right:-300px;top:80px;box-shadow:0 0 0 60px #42659309,0 0 0 120px #42659305;pointer-events:none}.loginbox h2{color:#2e4267;font-size:29px}.loginbox label{color:#8491ac}.loginbox>p{color:#a0acc1}.login-form-wrap{padding:50px}.loginbox .primary{min-height:49px}.loginbox .sub{color:#a6b0c4;font-size:10px}.loginbox #question{color:#8c99b2}
@media(min-width:1600px){.main{padding:35px 42px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.overview-banner{padding:32px 38px}.banner-facts{gap:44px}.overview-copy h2{font-size:30px}}
@media(max-width:1100px){.side{width:185px;padding:28px 14px 20px}.workspace{width:calc(100% - 185px);margin-left:185px}.side .brand{font-size:16px;gap:8px}.side .brand small{font-size:8px}.main{padding:25px 24px}.workspace-bar{padding:0 24px}.banner-facts{gap:19px;padding:0}.overview-banner{padding:24px;gap:15px}.overview-copy h2{font-size:23px}.overview-copy p{max-width:270px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px}.stat{padding:18px}.stat-caption{font-size:9px}.stat-icon{width:25px;height:25px}.stat-top{font-size:11px}.login-art{padding:45px 35px}.login-intro h1{font-size:40px}}
@media(max-width:850px){.side{position:static;width:100%;min-height:initial;padding:16px 20px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0}.app{display:block}.workspace{width:100%;margin:0}.side .brand{margin:0;font-size:17px}.nav-caption,.side-bottom{display:none}.nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;order:3;margin:17px 0 0;gap:5px;height:auto;overflow:visible}.nav button{padding:0 6px;min-height:37px;font-size:11px;gap:6px;justify-content:center;white-space:nowrap}.nav button small{display:none}.nav button .icon{width:15px;height:15px}.workspace-bar{height:45px;font-size:10px;padding:0 20px}.workspace-label{font-size:8px;letter-spacing:1px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.overview-copy h2{font-size:24px}.banner-facts{gap:25px}.login{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100dvh}.mobile-brand .brand small{color:#8a9aba}.mobile-brand .brand{color:#354d79}}
@media(max-width:500px){.side{padding:18px 16px 12px}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nav button{font-size:11px;justify-content:flex-start;padding:0 10px;min-height:36px;border-radius:7px}.nav button.active{background:#314971}.workspace-label{display:none}.workspace-bar{height:40px;padding:0 16px}.workspace-bar b{margin:0 9px}.main{padding:22px 16px 32px}.title{font-size:25px}.top{gap:10px;margin-bottom:20px}.top-actions{padding-top:15px}.top-actions button{min-height:32px;font-size:10px}.overview-banner{display:block;padding:22px;margin-bottom:16px;border-radius:12px}.overview-copy h2{font-size:23px;margin-top:9px}.overview-copy p{max-width:100%;font-size:10px}.banner-kicker{font-size:8px}.banner-facts{justify-content:flex-start;gap:36px;border-top:1px solid #cbd9f355;margin-top:20px;padding-top:15px}.banner-facts strong{font-size:24px}.banner-facts span{font-size:9px}.banner-lines{right:-200px}.grid{gap:11px}.stat{padding:16px}.stat b{font-size:29px}.stat-top{font-size:10px}.stat-caption{font-size:9px}.stat-icon{width:23px;height:23px}.stat-icon .icon{width:15px;height:15px}.panel{padding:20px}.trend-chart{height:215px}.panel-heading h3{font-size:14px}.toolbar{padding:14px}.toolbar input:not([type=checkbox]),.toolbar select{min-width:0!important;width:100%;flex:1 1 100%}.toolbar input[type=date]{flex:1 1 40%;width:0}.toolbar input[type=checkbox]{width:15px}.toolbar button{flex:1 1 auto}.login-form-wrap{padding:30px}.loginbox h2{font-size:28px}}
/* Glass workspace / top-navigation reference direction */
:root{--text:#253248;--muted:#75849b;--accent:#3266e9;--line:#e4edf6;--cyan:#3266e9}
body{background:radial-gradient(ellipse at 84% 14%,#d7f1ef99,transparent 52%),radial-gradient(ellipse at 13% 4%,#e0e8ffbb,transparent 58%),#f3f7fc;background-attachment:fixed;color:#253248;font-size:14px}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#a9bad50b 1px,transparent 1px),linear-gradient(90deg,#a9bad50b 1px,transparent 1px);background-size:72px 72px}.app{display:block;max-width:1280px;margin:0 auto;padding:22px 32px 0}.side{position:relative;inset:auto;width:100%;min-height:70px;padding:12px 18px;display:flex;flex-direction:row;align-items:center;gap:26px;background:#ffffffbb;color:#253248;border:1px solid #fff;border-radius:24px;box-shadow:0 15px 42px #3e5e8b0e;backdrop-filter:blur(22px);z-index:4}.side .brand{font-size:16px;margin:0;gap:9px;white-space:nowrap;letter-spacing:-.2px}.side .brand img{width:34px;height:34px}.side .brand small{color:#8191a8;font-size:8px;letter-spacing:1.1px;margin-top:1px}.nav{display:flex;flex-direction:row;flex:1;justify-content:center;gap:3px;width:auto;margin:0;order:initial;align-self:auto;overflow:visible}.nav button{justify-content:center;min-height:36px;padding:8px 13px;border-radius:22px;font-size:12px;font-weight:500;gap:0;color:#66738a;background:none;box-shadow:none}.nav button:hover{background:#f0f5fc;color:#3460a5}.nav button.active{background:#eaf1fc;color:#273953;font-weight:650;box-shadow:none}.nav button.active:after{display:none}.header-account{display:flex;align-items:center;gap:8px;white-space:nowrap}.account-pill{display:flex;align-items:center;gap:5px;font-size:10px;padding:8px 11px;background:#f7faff;border:1px solid #e7edf6;border-radius:24px;color:#667991}.account-pill .icon{width:13px;height:13px}.header-account button{min-height:33px;padding:6px 13px;border-radius:24px;background:#ffffffaa;border-color:#e8edf5;font-size:11px}.main{width:100%;max-width:initial;margin:0;padding:28px 0 40px}.top{margin-bottom:22px;padding:0 5px}.top .title{font-size:25px;color:#263a55;letter-spacing:-.5px}.eyebrow{color:#8b9bb2}.eyebrow span{color:#667c9a}.top .sub{font-size:12px;color:#7a8da7}.top-actions{padding-top:25px}.date-chip{color:#8496ad;display:inline-block;font-size:11px}.overview-banner{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:15px;position:relative;min-height:300px;padding:34px 40px;margin-bottom:20px;background:radial-gradient(ellipse at 90% 22%,#bceee766,transparent 45%),radial-gradient(ellipse at 74% 89%,#c8d8ff88,transparent 38%),#ffffffa3;border:1px solid #fff;border-radius:28px;box-shadow:0 18px 50px #536a930d;overflow:hidden}.overview-copy{grid-column:1;grid-row:1;align-self:center}.banner-kicker{font-size:10px;letter-spacing:1.5px;color:#8299b4}.overview-copy h2{font-size:37px;line-height:1.3;letter-spacing:-1.2px;font-weight:650;color:#1b2d47;margin:13px 0}.overview-copy h2 em{font-style:normal;background:linear-gradient(100deg,#3069ed,#14acae 80%);color:transparent;background-clip:text;-webkit-background-clip:text}.overview-copy p{font-size:12px;line-height:1.9;color:#7d8da5;max-width:initial;margin-bottom:18px}.banner-button{border-radius:24px;background:linear-gradient(100deg,#3468ee,#1aafb0);color:white;min-height:34px;padding:8px 17px;font-size:11px;box-shadow:0 8px 18px #3266e91a}.banner-button:hover{background:#3266e9;color:white;border-color:transparent}.banner-facts{position:relative;display:flex;grid-column:1;grid-row:2;gap:0;padding:19px 0 0;border-top:1px solid #dbe6f280;margin:0;justify-content:flex-start;z-index:1}.banner-facts div{padding:0 32px;border-left:1px solid #d6e1ef80;gap:2px}.banner-facts div:first-child{padding-left:0;border-left:0}.banner-facts strong{font-size:23px;font-weight:600;color:#4b6d9a}.banner-facts span{font-size:10px;color:#8498b2}.conversion-orbit{grid-column:2;grid-row:1/3;position:relative;min-height:300px;align-self:center;width:100%}.orbit-ring{position:absolute;width:250px;height:250px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #a9cbd14a;border-radius:50%;box-shadow:0 0 0 28px #b8d5e714,0 0 0 58px #b8d5e70a}.orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:153px;height:153px;background:linear-gradient(140deg,#3767f0,#20b4af);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:50%;box-shadow:0 18px 52px #448cce28,inset 0 1px 1px #ffffff55}.orbit-core .icon{width:27px;height:27px;stroke-width:1.5}.orbit-core strong{font-size:20px;font-weight:600}.orbit-core small{font-size:10px;color:#dceeff}.orbit-node{position:absolute;display:grid;place-items:center;width:77px;height:77px;background:#ffffffbd;border:8px solid #ffffff75;border-radius:50%;color:#55758b;font-size:11px;box-shadow:0 10px 30px #5088ad0e}.node-a{left:25px;top:15px}.node-b{right:15px;top:78px}.node-c{left:40px;bottom:8px}.grid{gap:16px}.stat{background:#ffffffb5!important;border:1px solid #fff;border-radius:20px;padding:21px 24px;box-shadow:0 8px 27px #365c8d05}.stat b{font-size:33px;color:#2b435f;margin:10px 0}.stat-top{font-size:12px;color:#768ba6}.stat-caption{font-size:10px;color:#8d9db2}.stat-icon{background:#edf4ff;color:#5287bc;border-radius:11px}.panel{background:#ffffffb9;border:1px solid #fff;border-radius:23px;box-shadow:0 12px 36px #365c8d07;padding:24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 295px;gap:18px}.panel-heading h3{font-size:15px;color:#344f71}.panel-heading .sub{font-size:11px;color:#8498b2}.legend{font-size:11px;color:#718eaf}.trend-chart text{fill:#8098b7}.chart-note{color:#8197b2;font-size:10px}.donut-core{background:#fcfeff}.lower-grid{gap:18px}.quick-grid button{background:#f7fbff99;border-color:#e7eff8;border-radius:13px}.quick-grid strong{font-size:12px;color:#546f92}.quick-grid small{font-size:10px;color:#8b9eba}.toolbar{background:#ffffffb8;border:1px solid #fff;border-radius:19px;padding:17px;box-shadow:0 8px 30px #365c8d05}.toolbar input,.toolbar select,.field input,.field select{font-size:12px;border-color:#e0e9f5;background:#ffffffb8}.toolbar button{border-radius:22px}.panel:has(>.tablewrap){background:#ffffffd4}.table{font-size:13px}.table th{background:#f7fbffb5;color:#8498b2;font-size:11px}.table td{color:#577391;padding:18px 19px;border-color:#e9f0f7}.table .sub,.table small{font-size:11px}.table button{background:#eaf4ff;color:#557fac;border-radius:20px}.table tbody tr:hover{background:#f5faff}.tag{border-radius:20px;padding:4px 9px}.modal>div{border-radius:23px;box-shadow:0 30px 100px #21487926}.field{font-size:12px}.footer-note{font-size:10px;color:#8ba0b7}.login{display:grid;grid-template-columns:1fr;place-items:center;min-height:100dvh;background:#f5f8fc;padding:24px}.loginbox{background:white;border:1px solid #e9eef5;box-shadow:0 20px 65px #3851730a;width:min(390px,100%);padding:36px;border-radius:20px}.loginbox h1{font-size:25px;letter-spacing:-.5px;font-weight:600;margin:0 0 28px;color:#2d4667}.loginbox label{font-size:12px;color:#70839c;margin-bottom:18px}.loginbox input{margin-top:7px;min-height:44px;border-radius:9px;font-size:13px;border-color:#dfe8f4}.loginbox #question{font-size:11px;margin-bottom:8px;color:#7d90aa}.loginbox input[name=captcha]{margin-bottom:23px}.loginbox .primary{min-height:44px;border-radius:9px;font-size:13px;background:#3266e9;border-color:#3266e9}.loginbox .primary:hover{background:#2856c7}
@media(min-width:1600px){.app{max-width:1420px;padding-top:25px}.main{padding-top:32px}.side{gap:40px}.overview-banner{padding:40px 48px;grid-template-columns:minmax(0,1fr) 450px}.overview-copy h2{font-size:44px}.conversion-orbit{min-height:310px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1100px){.app{padding:18px 24px 0}.side{padding:12px 15px;gap:14px}.side .brand{font-size:14px}.side .brand small{font-size:7px}.nav button{padding:8px 9px;font-size:11px}.account-pill{display:none}.main{padding:25px 0}.overview-banner{grid-template-columns:minmax(0,1fr) 310px;padding:30px}.overview-copy h2{font-size:32px}.banner-facts div{padding:0 22px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 255px}}
@media(max-width:800px){.side{flex-wrap:wrap;gap:10px;min-height:initial;border-radius:22px;padding:14px 16px}.header-account{margin-left:auto}.nav{order:3;width:100%;flex:1 1 100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin:2px 0 0}.nav button{min-height:35px;padding:7px 3px;font-size:11px}.side .brand{font-size:16px}.overview-banner{grid-template-columns:minmax(0,1fr) 240px;padding:25px;gap:0}.overview-copy h2{font-size:28px}.overview-copy p{font-size:11px}.conversion-orbit{min-height:250px}.orbit-ring{width:195px;height:195px}.orbit-core{width:125px;height:125px}.orbit-core strong{font-size:17px}.orbit-node{width:65px;height:65px;font-size:10px;border-width:6px}.node-a{left:0;top:8px}.node-b{right:-4px;top:52px}.node-c{left:8px;bottom:5px}.banner-facts div{padding:0 16px}.dashboard-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}}
@media(max-width:500px){.app{padding:14px 14px 0}.main{padding:22px 0 30px}.side{padding:13px;border-radius:21px}.side .brand{font-size:15px}.side .brand img{width:31px;height:31px}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.nav button{justify-content:center;font-size:11px;min-height:33px;border-radius:18px}.nav button.active{background:#eaf1fc;color:#273953}.header-account button{font-size:10px;padding:6px 11px}.top{margin-bottom:17px;padding:0 3px;gap:8px}.top .title{font-size:23px}.top .sub{font-size:11px}.top-actions{padding-top:20px}.date-chip{font-size:9px}.overview-banner{display:grid;grid-template-columns:1fr;padding:25px;border-radius:24px;min-height:initial;gap:0}.overview-copy{grid-column:1;grid-row:1}.overview-copy h2{font-size:32px;line-height:1.4}.overview-copy p{font-size:11px}.conversion-orbit{grid-column:1;grid-row:2;min-height:215px;width:230px;margin:20px auto 12px}.orbit-ring{width:185px;height:185px}.node-a{top:0;left:-5px}.node-b{top:30px;right:-5px}.node-c{left:10px;bottom:0}.banner-facts{grid-column:1;grid-row:3;gap:0;margin:0;padding-top:17px;justify-content:space-between}.banner-facts div{padding:0 14px}.banner-facts div:last-child{padding-right:0}.banner-facts strong{font-size:22px}.banner-facts span{font-size:9px}.grid{gap:12px}.stat{padding:17px;border-radius:18px}.stat b{font-size:29px}.stat-top{font-size:11px}.stat-caption{font-size:9px}.panel{padding:21px;border-radius:21px}.trend-chart{height:210px}.panel-heading h3{font-size:14px}.toolbar{padding:14px;gap:9px;border-radius:19px}.toolbar input:not([type=checkbox]),.toolbar select{min-width:0!important;flex:1 1 100%;width:100%}.toolbar input[type=date]{flex:1 1 40%;width:0}.toolbar input[type=checkbox]{width:15px}.toolbar button{flex:1 1 auto;font-size:11px}.toolbar label{justify-content:flex-start}.footer-note{display:block;font-size:9px}.login{padding:22px}.loginbox{padding:30px;border-radius:18px}.loginbox h1{font-size:24px}}
.security-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.security-overview>div{display:flex;align-items:center;gap:14px;border:1px solid #ffffffd9;background:#ffffff85;padding:19px 22px;border-radius:19px}.security-overview .icon{width:23px;height:23px;color:#428da4}.security-overview strong{display:block;font-size:13px;font-weight:600;color:#4f6c91}.security-overview small{display:block;color:#859cb7;font-size:10px;margin-top:3px}.security-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.security-section{padding:27px;background:#ffffffcc}.security-section-head{display:flex;align-items:center;gap:13px;margin-bottom:24px}.section-number{display:grid;place-items:center;width:35px;height:35px;color:#4a86ae;background:#e9f3fc;border-radius:11px;font-size:12px}.security-section-head h3{margin:0 0 4px;color:#355878;font-size:16px}.security-section-head p{margin:0;font-size:11px;color:#879cb4;line-height:1.8}.security-section .fields{gap:20px}.security-section .field{font-size:12px}.security-section input,.security-section select{min-height:44px;background:#fbfdff;border-radius:10px}.security-hint{color:#88a0b7;font-size:11px;line-height:1.9;background:#f0f7fd80;padding:13px 15px;border-radius:11px;margin:18px 0}.security-save{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;background:#ffffffa8;border:1px solid white;border-radius:16px;padding:15px 20px}.security-save span{font-size:11px;color:#8a9fb6}.security-save button{border-radius:24px;padding:10px 22px}.audit-section{margin-top:29px}.audit-section>.panel-heading{padding:0 5px}.audit-section h3{font-size:16px}.channel-preview{grid-column:1/-1;padding:13px 16px;background:#f0f7ff;border-radius:10px;color:#6287a8;font-size:11px;word-break:break-all}.field input[name=channel]{font-family:Consolas,monospace}.toolbar{box-shadow:0 12px 35px #365c8d09}.panel-heading h3{font-weight:600}.security-section .actions{border-top:1px solid #e6eff8}
@media(max-width:800px){.security-overview{grid-template-columns:1fr;gap:10px}.security-overview>div{padding:15px 20px}.security-layout{grid-template-columns:1fr;gap:17px}.security-section{padding:23px}.security-save{gap:15px}}
@media(max-width:500px){.security-section-head{align-items:flex-start;gap:10px}.security-section-head h3{font-size:15px}.security-section-head p{font-size:10px}.security-save{flex-direction:column;align-items:stretch}.security-save span{font-size:10px}.security-section .fields{gap:16px}.audit-section .table{font-size:11px}.security-overview strong{font-size:12px}}
.audit-section .tablewrap{max-height:480px;overflow:auto}.audit-section .table th{position:sticky;top:0;z-index:1;background:#f6fbff}.security-section .fields input{width:100%;min-width:0}
.table .integration{margin-left:7px}.code-dialog{width:min(920px,100%)!important;max-height:90dvh;overflow:auto}.code-tabs{display:flex;gap:8px;margin:18px 0}.code-view{display:block;width:100%;height:360px;resize:vertical;white-space:pre;overflow:auto;font:12px/1.8 Consolas,monospace;border:1px solid #dae6f3;border-radius:12px;padding:18px;color:#466581;background:#f8fbff}.code-note{margin-top:13px;word-break:break-all;font:12px Consolas,monospace;color:#6a89a4}.delete-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}@media(max-width:500px){.code-view{height:300px}.code-tabs button{font-size:11px;padding:6px 10px}.code-dialog .actions{flex-wrap:wrap}}
.nav button{padding-left:11px;padding-right:11px}.trajectory-dialog h4{color:#547699;margin:24px 0 12px;font-size:13px}.trajectory-dialog .tablewrap{max-height:350px;overflow:auto}.trajectory-dialog .table td{max-width:400px;overflow-wrap:anywhere;white-space:normal}.trajectory{margin-left:6px}.code-tabs{flex-wrap:wrap}@media(max-width:800px){.nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:500px){.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.trajectory-dialog .table td{min-width:90px}}

.event-bindings{grid-column:1/-1;border:1px solid #deebf6;border-radius:14px;padding:18px;background:#f7fbff}.binding-head{display:flex;justify-content:space-between;gap:12px;color:#456689}.binding-head span{font-size:12px;color:#5e88ab}.binding-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.binding-tools input{flex:1;min-width:140px}.binding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;overflow:auto}.binding-list label{display:flex;align-items:flex-start;gap:9px;border:1px solid #e3edf6;border-radius:9px;padding:10px;background:white;font-size:12px}.binding-list label[hidden]{display:none}.binding-list input{width:16px!important;min-height:16px!important;margin-top:3px;flex-shrink:0}.binding-list small{display:block;color:#8097ad;font-size:10px;overflow-wrap:anywhere;margin-top:4px}.event-methods{max-width:340px;min-width:230px;white-space:normal!important;font-size:11px;line-height:1.9}@media(max-width:500px){.binding-list{grid-template-columns:1fr}.binding-tools button{font-size:11px}}

.visitor-panel{background:#fff;border-radius:14px;padding:22px;color:#69788e}.visitor-panel-head{display:flex;justify-content:space-between;margin-bottom:16px;font-size:14px}.visitor-panel .panel{background:none;border:0;box-shadow:none;padding:0;border-radius:0}.visitor-panel .table th,.visitor-dialog .table th{background:#f4f5f8;color:#505c70;font-weight:600}.visitor-panel .table td{padding:14px 12px;border-bottom:1px solid #eef0f5;font-variant-numeric:tabular-nums}.visitor-link{border:0!important;box-shadow:none!important;background:none!important;color:#477cff!important;padding:0!important;min-height:0!important;font-size:13px!important}.visitor-link:hover{text-decoration:underline}.visitor-truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-page{display:block;color:#496bff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.visitor-url-cell{max-width:360px;min-width:200px}.visitor-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:12px}.visitor-pagination>div{display:flex;gap:8px}.visitor-pagination button{border:1px solid #dfe5f0;background:#fff;border-radius:7px;color:#477cff}.visitor-pagination button:disabled{color:#a5b0c2;background:#f8f9fc;cursor:default}.visitor-modal{background:#17203273}.modal .visitor-dialog{width:min(1200px,96vw);max-height:88dvh;display:flex;flex-direction:column;padding:0!important;background:#fff;border:1px solid #e1e6ef;border-radius:17px;box-shadow:0 24px 70px #17203230;overflow:hidden}.visitor-dialog-head{padding:23px 25px;border-bottom:1px solid #e1e6ef;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.visitor-dialog-head h3{margin:0 0 8px;color:#172034;font-size:20px}.visitor-dialog-head p{margin:0;color:#7a88a0;font-size:12px;overflow-wrap:anywhere}.visitor-close{font-size:25px!important;background:none!important;border:0!important;color:#78869e}.visitor-dialog-body{padding:22px 25px;overflow:auto;min-height:0}.visitor-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.visitor-info-grid>section{background:#f9faff;border:1px solid #e1e6f3;border-radius:13px;padding:19px;min-width:0}.visitor-info-grid h4{margin:0 0 17px;color:#172034;font-size:15px}.visitor-info-item{margin-top:16px;color:#172034;font-size:14px;overflow-wrap:anywhere}.visitor-info-item label{display:block;font-size:12px;color:#6d7b96;font-weight:600;margin-bottom:9px}.visitor-ua{font:12px/1.8 Consolas,monospace;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow:auto;margin:0}.visitor-section-title{font-size:17px;color:#172034;margin:25px 0 13px}.visitor-dialog .panel{padding:0;box-shadow:none;border:0;border-radius:0}.visitor-dialog .table td{padding:13px 12px;color:#6d7b96;font-size:13px;font-variant-numeric:tabular-nums;max-width:430px}.visitor-event-tag{display:inline-block;background:#eefbf3;color:#41986a;border-radius:5px;padding:5px 8px;font-size:12px}.visitor-dialog-footer{border-top:1px solid #e6ebf3;padding:15px 25px;display:flex;gap:10px;flex-shrink:0}.visitor-more{margin-top:20px;color:#63738c}.visitor-more summary{cursor:pointer}.visitor-more h4{margin-top:20px}.visitor-dialog .visitor-page{max-width:430px}@media(max-width:800px){.visitor-info-grid{grid-template-columns:1fr}.visitor-pagination{align-items:flex-start;flex-direction:column}.visitor-dialog-head,.visitor-dialog-body{padding:18px}.visitor-dialog-footer{flex-wrap:wrap;padding:12px 18px}.visitor-panel{padding:16px}.visitor-pagination button{font-size:11px;padding:7px 10px}}

.ip-toggle{margin-left:7px;padding:1px 6px!important;min-height:24px!important;border:1px solid #dbe6f4!important;border-radius:5px!important;background:#f4f8ff!important;color:#477cff!important;font-size:15px!important}#theme-toggle{white-space:nowrap}
html[data-theme=dark]{color-scheme:dark;background:#101723}html[data-theme=dark] body{background:#101723!important;color:#c8d3e3!important}html[data-theme=dark] .side,html[data-theme=dark] .panel,html[data-theme=dark] .toolbar,html[data-theme=dark] .visitor-panel,html[data-theme=dark] .loginbox,html[data-theme=dark] .modal>div,html[data-theme=dark] .modal .visitor-dialog,html[data-theme=dark] .stat{background:#182334!important;border-color:#2d3b51!important;box-shadow:none!important}html[data-theme=dark] .brand,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] .title,html[data-theme=dark] .visitor-info-item,html[data-theme=dark] .stat b{color:#e4ebf5!important}html[data-theme=dark] .table th{background:#202d40!important;color:#cbd8ec!important}html[data-theme=dark] .table td{color:#b3c3da!important;border-color:#2c3a50!important}html[data-theme=dark] .table tr:hover td{background:#202e43!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#111c2d!important;color:#d3deee!important;border-color:#37475f!important}html[data-theme=dark] button{background:#25334a;color:#cfdaeb;border-color:#394960}html[data-theme=dark] button.primary{background:#386ad0;color:white}html[data-theme=dark] .nav button.active{background:#253c60!important;color:#93b9ff!important}html[data-theme=dark] .visitor-info-grid>section,html[data-theme=dark] .security-section,html[data-theme=dark] .security-overview>div,html[data-theme=dark] .event-bindings,html[data-theme=dark] .binding-list label{background:#1b2940!important;border-color:#33435e!important}html[data-theme=dark] .visitor-dialog-head,html[data-theme=dark] .visitor-dialog-footer{border-color:#33435e!important}html[data-theme=dark] .channel-preview,html[data-theme=dark] .security-hint,html[data-theme=dark] .date-chip,html[data-theme=dark] .account-pill,html[data-theme=dark] .security-save{background:#24354e!important;color:#b6c8e2!important;border-color:#374c69!important}html[data-theme=dark] .sub,html[data-theme=dark] .visitor-panel-head,html[data-theme=dark] .visitor-info-item label,html[data-theme=dark] .visitor-dialog-head p{color:#9cafc9!important}html[data-theme=dark] .visitor-page,html[data-theme=dark] .visitor-link{color:#82aaff!important}html[data-theme=dark] .visitor-event-tag,html[data-theme=dark] .tag{background:#173b36;color:#8dd8b2}html[data-theme=dark] .tag.red{background:#482c36;color:#efabb5}html[data-theme=dark] .tag.amber{background:#44391d;color:#e8cc86}html[data-theme=dark] .overview-banner{background:#1b2c45!important;border-color:#35496b!important}html[data-theme=dark] .orbit-core,html[data-theme=dark] .orbit-node{background:#263d5c!important;border-color:#1c2c43!important;color:#b7d0f3!important}html[data-theme=dark] .visitor-pagination button:disabled{background:#182334;color:#70829d}html[data-theme=dark] .ip-toggle{background:#223756!important;border-color:#395477!important;color:#98baff!important}html[data-theme=dark] .modal{background:#060a12aa}html[data-theme=dark] .toast{background:#304159;color:#eef3fc}

.ip-address-controls{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.ip-address-controls .ip-toggle{margin-left:0;flex:none}.ip-address-controls>span{white-space:nowrap}

/* Keep tables inside the screen; only the table viewport scrolls. */
.app{width:100%;max-width:none;box-sizing:border-box}.main{width:100%;max-width:1800px;min-width:0;box-sizing:border-box}.side{max-width:1800px;margin-left:auto;margin-right:auto;box-sizing:border-box}.tablewrap{max-width:100%;max-height:min(68dvh,740px);overflow:auto;overscroll-behavior:contain}.table th{position:sticky;top:0;z-index:1}.panel,.toolbar,.visitor-panel{max-width:100%;box-sizing:border-box}.modal{box-sizing:border-box}.modal>div{max-width:calc(100vw - 32px);box-sizing:border-box}.fields{min-width:0}.field{min-width:0}.field input,.field select{width:100%;min-width:0;box-sizing:border-box}.event-methods{min-width:170px;max-width:300px}@media(max-width:1050px){.side{gap:12px;flex-wrap:wrap}.header-account{margin-left:auto}.nav{order:3;flex:1 1 100%;justify-content:center}.main{padding-left:0;padding-right:0}.table th,.table td{padding:12px 14px}}@media(max-width:600px){.app{padding:12px}.main{padding-top:18px}.fields{grid-template-columns:1fr}.modal{padding:12px}.modal>div{width:100%;max-width:100%;padding:20px}.tablewrap{max-height:62dvh}.toolbar{width:100%;gap:8px}.toolbar button{white-space:normal}.header-account{gap:6px}.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.side{padding:12px}.top .sub{overflow-wrap:anywhere}.event-methods{min-width:170px}}
.app{max-width:1500px;margin:0 auto}.main{max-width:1400px;margin:0 auto}@media(max-width:600px){.app{max-width:none;margin:0 12px}.main{max-width:none}.overview-banner{padding:20px}.panel{padding:16px}}

/* v17 — centered analytics workspace, consistent desktop and phone gutters. */
.app{width:100%;max-width:1440px;padding:24px 40px 0;margin:0 auto}.main,.side{width:100%;max-width:none;margin:0 auto}.main{padding:30px 0 48px}.side{border-radius:14px;padding:14px 20px}.nav button{border-radius:8px;font-size:13px}.top{margin-bottom:24px}.title{font-size:28px}.overview-banner{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:26px 30px;border-radius:16px;background:#eef3fa;gap:24px}.overview-copy h2{font-size:26px;line-height:1.35;margin:10px 0}.overview-copy h2 br{display:none}.overview-copy h2 em{margin-left:12px;background:none;color:#3866c1;font-style:normal}.overview-copy p,.conversion-orbit,.banner-button{display:none}.banner-facts{grid-column:2;grid-row:1;margin:0;align-self:center;border:0;padding:0;display:flex}.banner-facts div{padding:0 24px}.banner-facts strong{font-size:26px}.banner-facts span{font-size:12px}.grid{margin-top:24px;gap:18px}.stat{border-radius:14px;padding:24px!important}.panel,.toolbar,.visitor-panel{border-radius:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;margin-top:24px;gap:24px}.lower-grid{gap:24px;margin-top:24px}.trend-chart{height:240px}.toolbar{gap:12px;padding:18px}.toolbar button{border-radius:8px}.code-tabs,.actions{flex-wrap:wrap}.donut-core{background:#fff}html[data-theme=dark] .donut-core{background:#182334;color:#e4ebf5}.stat b{font-variant-numeric:tabular-nums}html[data-theme=dark] .overview-copy h2 em{color:#98b9f6}.overview-copy h2{color:inherit}
@media(max-width:1100px){.app{padding:20px 24px 0}.banner-facts div{padding:0 14px}.overview-copy h2{font-size:23px}.side{flex-wrap:wrap}.nav{order:3;flex-basis:100%}}
@media(max-width:750px){.overview-banner{grid-template-columns:1fr}.banner-facts{grid-column:1;grid-row:2;justify-content:space-between}.banner-facts div{padding:0 14px}.banner-facts div:first-child{padding-left:0}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.overview-copy h2 br{display:block}.overview-copy h2 em{margin-left:0}.top-actions{display:none}}
@media(max-width:600px){.app{width:100%;margin:0;padding:16px}.main{padding:24px 0}.side{padding:14px}.overview-banner{padding:22px}.title{font-size:24px}.stat{padding:18px!important}.panel{padding:18px}.toolbar{padding:14px}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-facts strong{font-size:23px}.banner-facts span{font-size:10px}.modal>div{padding:22px}.header-account{gap:8px}}
@media(max-width:600px){.footer-note{display:flex;flex-direction:column;gap:8px;line-height:1.6}.quick-grid{grid-template-columns:1fr}.overview-copy h2{font-size:24px}.toolbar label{font-size:12px}}

/* 2026-10-15 readability: fill viewport, raise contrast, keep tables visible */
@media(min-width:1101px){.app{width:100%;max-width:none;margin:0;padding:20px clamp(20px,2vw,40px) 0}.main{width:100%;max-width:none;padding:32px 0 48px}.side{width:100%;max-width:none}}
body{font-size:15px;color:#26364b}.title,h1,h2,h3{color:#1c2d43}.sub,.visitor-panel-head,.table th{color:#53647b}.table{width:100%;table-layout:auto;font-size:14px}.table th,.table td{padding:14px 12px;vertical-align:middle;white-space:normal;word-break:normal}.tablewrap{width:100%;overflow-x:auto}.callback-panel .panel,.visitor-panel .panel{padding:0}.callback-panel .table{min-width:1040px}.callback-panel .table th:nth-child(5),.callback-panel .table td:nth-child(5){width:27%}.callback-panel .response-cell{min-width:260px;line-height:1.55;overflow-wrap:anywhere;color:#344860}.vid-cell{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.callback-panel .table td:nth-child(7){min-width:130px}.callback-panel .table td:nth-child(7) button{display:block;margin:3px 0}.callback-status{border:0;background:transparent;padding:0;cursor:pointer}.callback-status .tag.red{background:#fee7e8;color:#b4232f;border:1px solid #ee9da3;font-weight:700}.callback-status:hover .tag{text-decoration:underline}.visitor-panel .table{min-width:1120px}.visitor-panel .visitor-url-cell{max-width:260px}.visit-count{display:inline-flex;min-width:35px;padding:2px 8px;justify-content:center;border-radius:9px;background:#e8f0ff;color:#315dbc}.ip-order{display:inline-flex;gap:5px;margin-left:8px}.ip-order button{padding:3px 7px;border:1px solid #cedbef;border-radius:7px;background:#fff;color:#416290;font-size:12px;white-space:nowrap}.ip-order button.active{background:#3869d7;color:#fff;border-color:#3869d7}.visitor-panel .table td:last-child{min-width:180px}.visitor-panel .table td:last-child button{margin:2px}.toolbar{gap:10px;flex-wrap:wrap}.toolbar input,.toolbar select{font-size:14px}.visitor-page{overflow-wrap:anywhere}.visitor-info-item div{overflow-wrap:anywhere}
@media(max-width:800px){.app{padding:12px}.main{padding:20px 0}.side{padding:14px}.callback-panel .table,.visitor-panel .table{min-width:980px}.table th,.table td{font-size:13px;padding:11px 9px}.toolbar>*{min-width:0}.toolbar input[name=q]{flex:1 1 100%}}
html[data-theme=dark] .callback-panel .response-cell{color:#cbd8ea}html[data-theme=dark] .ip-order button{background:#223653;color:#c3d7ff;border-color:#486084}html[data-theme=dark] .ip-order button.active{background:#3869d7;color:#fff}html[data-theme=dark] .visit-count{background:#25416a;color:#b8d2ff}

/* Reduce full-page repaints while scrolling large data tables. */
body{background-attachment:scroll}
.side{backdrop-filter:none;background:#fffffff2}