:root{--navy:#102c34;--navy2:#1b4651;--ink:#183742;--muted:#81979e;--line:#dce6e7;--bg:#f4f8f7;--green:#b6f25b;--teal:#0a9b73;--soft:#edf6f2;--white:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);color:#d8e4e5;padding:28px 16px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 14px 35px;color:#fff}.brand-mark{display:grid;place-items:center;background:var(--green);color:#102c34;border-radius:10px;width:34px;height:34px;font-size:22px;font-weight:800}.brand b{font-size:22px;line-height:18px;display:block}.brand small{font-size:8px;letter-spacing:2px;display:block}.nav-label{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#79979f;margin:12px 16px 9px;display:block}.nav-item{width:100%;border:0;background:transparent;color:#b4c5c9;font-weight:700;padding:13px 14px;border-radius:10px;text-align:left;margin:2px 0}.nav-item i{display:inline-block;width:27px;color:#87a2a8;font-style:normal}.nav-item.active{background:#214b56;color:#fff}.help-card{background:#183f4a;border:1px solid #2b5660;border-radius:14px;padding:18px;margin:18px 4px;color:#d9e5e7}.help-card b{font-size:13px}.help-card p{font-size:12px;line-height:1.5;color:#9eb6bb;margin:7px 0 0}.profile{border-top:1px solid #32505a;margin-top:auto;padding:19px 10px 2px;display:flex;align-items:center;gap:10px}.profile>span{width:35px;height:35px;border-radius:9px;background:#cfece7;color:#1e6255;display:grid;place-items:center;font-weight:800}.profile div{min-width:0;flex:1}.profile b,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile b{font-size:13px;color:#fff}.profile small{font-size:10px;color:#86a2a8;margin-top:3px}.profile button{background:transparent;border:0;color:#91abb0;font-size:18px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e8eeee;background:rgba(244,248,247,.9);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}main{margin-left:238px;min-height:100vh}.topbar div{display:flex;gap:12px;font-size:12px}.topbar span{color:#8ba0a5}.topbar b{color:#b9c6c8}.notification{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:9px}.view{padding:28px 30px 60px;max-width:1400px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-heading h1{font-size:28px;letter-spacing:-.8px;margin:0 0 4px}.page-heading p{font-size:13px;color:var(--muted);margin:0}.page-heading select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#078a68;display:block;margin-bottom:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 18px 16px;box-shadow:0 2px 8px #16333c08}.metrics small,.preview small{display:block;color:#779097;font-weight:800;font-size:10px;letter-spacing:.3px}.metrics strong{display:block;font-size:25px;letter-spacing:-.6px;margin:4px 0 2px}.metrics span{font-size:10px;color:#879ba0}.metrics article:nth-child(3) span{color:var(--teal);font-weight:700}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #16333c08}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px}.panel h2,.panel-head h2{font-size:14px;margin:0}.panel-head button{border:0;background:none;color:#087c63;font-size:11px;font-weight:800}.chart-panel{height:290px;margin-bottom:16px}.legend{font-size:10px;color:#769096;display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:#45b78a;margin-left:10px}.dot.conv{background:#9be243}.chart{height:220px;padding:0 17px 12px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-size:9px;fill:#9aadb1}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.data-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(70px,1fr));align-items:center;gap:12px;padding:13px 18px;border-top:1px solid #edf1f1;font-size:11px}.data-row.header{font-size:9px;letter-spacing:1.1px;color:#93a7ac;font-weight:800;background:#fbfcfc}.data-row strong{font-size:11px}.data-row small{display:block;color:#95a8ac;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{background:#dff5eb;color:#098363;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:800;width:max-content}.status.off{background:#edf0f1;color:#87969a}.domain-list{padding:0 17px}.domain-item{display:flex;align-items:center;gap:11px;border-top:1px solid #edf1f1;padding:14px 0}.domain-item:first-child{border-top:0}.domain-icon{width:26px;height:26px;border-radius:7px;background:#e8f4ef;color:#078a68;display:grid;place-items:center;font-weight:800}.domain-item div{flex:1}.domain-item strong{display:block;font-size:11px}.domain-item small{font-size:9px;color:#92a6aa}.connected{font-size:9px;color:#0aa579;font-weight:800}.primary{border:0;background:var(--green);color:#17382f;border-radius:9px;padding:12px 17px;font-weight:800;font-size:12px;box-shadow:0 7px 18px #93d72f38}.secondary{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 16px;font-weight:700}.table-panel{min-height:420px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.domain-card{padding:21px}.domain-card .domain-icon{width:38px;height:38px;margin-bottom:20px}.domain-card h3{font-size:15px;margin:0 0 7px}.domain-card p{font-size:11px;color:var(--muted);margin:0}.domain-card .connected{display:block;margin-top:22px}.setup-panel{padding:22px;margin-top:16px}.setup-panel p{color:var(--muted);font-size:12px}.setup-panel code,.postback code{background:var(--navy);color:#a4e6ca;padding:14px;border-radius:8px;display:block;font-size:11px;overflow:auto}.backdrop{position:fixed;inset:0;background:#0b242b5c;z-index:20;backdrop-filter:blur(2px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#fff;z-index:21;padding:28px;box-shadow:-20px 0 45px #0c263238;overflow:auto}.drawer-close{position:absolute;right:22px;top:20px;border:1px solid var(--line);background:#fff;border-radius:9px;width:30px;height:30px;color:#789096;font-size:21px}.drawer h2{font-size:20px;margin:0 0 5px}.drawer>p{font-size:12px;color:var(--muted);margin:0 0 22px}.step{display:flex;align-items:center;border-top:1px solid #e7eeee;padding:20px 0 22px;gap:8px;font-size:10px}.step b,.step i{font-style:normal;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;background:var(--green)}.step i{background:#edf3f2;color:#97a9ad}.step strong{color:#168264}.step span{height:1px;background:#e2eaea;flex:1}.step em{font-style:normal;font-weight:700;color:#a3b2b5}.drawer form label,.login-card form label{display:block;font-size:11px;font-weight:800;margin-bottom:15px}.drawer label small{font-weight:400;color:#8ca0a5}.drawer input,.drawer select,.login-card input{width:100%;border:1px solid #d8e3e3;border-radius:9px;background:#fff;padding:12px;margin-top:7px;font-size:12px;font-weight:600;outline:none}.drawer input:focus,.drawer select:focus,.login-card input:focus{border-color:#79cda8;box-shadow:0 0 0 3px #72d1a924}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview{background:#eff8f4;border:1px solid #d1e8dc;border-radius:11px;padding:16px;margin:5px 0 16px}.preview strong{display:block;color:#12604f;font-size:12px;margin-top:7px;word-break:break-all}.postback{border:1px solid var(--line);border-radius:11px;padding:15px}.postback h3{font-size:12px;margin:0}.postback p{font-size:10px;color:var(--muted)}.postback code{font-size:9px;padding:11px;white-space:nowrap}.drawer-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:9px;margin-top:18px}.form-error{color:#c63a45;font-size:11px;min-height:15px}.toast{position:fixed;right:24px;bottom:24px;background:#12363e;color:#fff;padding:13px 18px;border-radius:9px;font-size:12px;font-weight:700;z-index:30;transform:translateY(90px);transition:.25s}.toast.show{transform:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,42%) 1fr;background:#fff}.login-card{padding:45px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.brand-dark{color:var(--navy);padding:0;margin-bottom:75px}.login-copy h1{font-size:36px;margin:0 0 8px}.login-copy p{font-size:13px;color:var(--muted);margin:0 0 30px}.login-card form{max-width:390px}.login-card .primary{width:100%;margin-top:5px}.legal{color:#a1b0b3;margin-top:auto;padding-top:50px}.login-visual{background:linear-gradient(135deg,#0d2c34,#164751);position:relative;overflow:hidden}.login-visual:after{content:"↗";position:absolute;font-size:500px;color:#b7f45a0d;right:-40px;bottom:-100px;transform:rotate(-8deg)}.glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#b9f75a26;filter:blur(100px);top:20%;left:20%}.visual-stat{position:absolute;left:15%;bottom:18%;padding:24px 28px;border:1px solid #ffffff25;background:#ffffff0c;backdrop-filter:blur(10px);border-radius:16px;color:#fff}.visual-stat small,.visual-stat strong,.visual-stat span{display:block}.visual-stat small{letter-spacing:1.5px;color:#9db6ba}.visual-stat strong{font-size:42px;margin:9px 0}.visual-stat span{color:var(--green);font-size:11px}.empty{padding:45px;text-align:center;color:#8ca0a5;font-size:12px}.link-action{border:0;background:none;color:#0b8b6b;font-weight:800;font-size:10px}.money{font-variant-numeric:tabular-nums}@media(max-width:950px){.sidebar{width:78px;padding:28px 10px}.sidebar .brand div,.sidebar .nav-label,.sidebar .nav-item:not(.active),.sidebar .nav-item i,.sidebar .help-card,.profile div,.profile button{display:none}.sidebar .brand{padding:0 12px 30px}.sidebar .nav-item.active{text-align:center;font-size:0;height:44px}.sidebar .nav-item.active i{display:block;font-size:16px;width:auto}main{margin-left:78px}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-visual{display:none}}@media(max-width:620px){main{margin-left:0;padding-bottom:64px}.sidebar{top:auto;bottom:0;width:100%;height:62px;flex-direction:row;padding:7px;align-items:center}.sidebar .brand,.sidebar .help-card,.profile,.sidebar .nav-label{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around}.sidebar .nav-item{display:block!important;width:auto;font-size:0;padding:11px 15px}.sidebar .nav-item i{display:block;font-size:17px;width:auto}.topbar{height:55px;padding:0 16px}.view{padding:20px 14px 30px}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:23px}.metrics{gap:8px}.metrics article{padding:14px}.metrics strong{font-size:21px}.chart-panel{height:260px}.chart{height:195px}.data-row{grid-template-columns:1.7fr .7fr .7fr}.data-row>*:nth-child(4){display:none}.cards-grid{grid-template-columns:1fr}.drawer{padding:23px}.login-card{padding:30px 24px}.brand-dark{margin-bottom:55px}.form-row{grid-template-columns:1fr}}