@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+SC:wght@400;450;500;550;600;650;700&display=swap";:root{--bg:#f6f7f4;--white:#fff;--ink:#243c33;--muted:#87918b;--line:#e8ece7;--green:#2e6854;--soft:#eaf0e9;--orange:#df985f;font-synthesis:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #6e9f89}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dfe5de;border-radius:7px;outline:none;width:100%;min-width:0;padding:10px 12px;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:#6e9f89;box-shadow:0 0 0 3px #6e9f8912}input::placeholder,textarea::placeholder{color:#a0aaa2}textarea{resize:vertical}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:15px;font-weight:600}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fcfdf9;flex-direction:column;flex:0 0 236px;width:236px;padding:31px 19px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#264c3b;letter-spacing:-.5px;align-items:center;gap:10px;padding:0 7px;font-size:17px;font-weight:700;display:flex}.brand small{letter-spacing:1.2px;color:#8b968b;margin-top:1px;font-size:10px;font-weight:400;display:block}.brand-mark{color:#f6f5eb;background:#2e6854;border-radius:9px;place-items:center;width:34px;height:36px;font-size:23px;display:grid;position:relative}.brand-mark span{font-size:16px;position:absolute;top:0;right:5px}.workspace{border:1px solid #e3e8df;border-radius:9px;align-items:center;gap:10px;margin:34px 1px 27px;padding:12px 10px;font-size:12px;font-weight:500;display:flex}.workspace>div{flex:1}.workspace small{letter-spacing:1px;color:#98a094;margin-top:2px;font-size:8px;display:block}.workspace-icon{color:#667353;background:#eef0e5;border:1px solid #e0e5d7;border-radius:7px;place-items:center;width:29px;height:29px;font-size:14px;display:grid}.nav-label{letter-spacing:1.2px;color:#a2aa9e;margin:0 0 12px;padding:0 14px;font-size:9px}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.settings-nav{text-align:left;color:#738071;border-radius:7px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:12px;display:flex;position:relative}.sidebar nav button:hover,.settings-nav:hover{background:#f0f3eb}.sidebar nav button.selected,.settings-nav.selected{color:#325b43;background:#e9f0e6;font-weight:600}.sidebar nav button.selected:before{content:"";background:#4b7954;border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;left:-19px}.sidebar nav em{color:#50704a;text-align:center;background:#dce7d6;border-radius:5px;min-width:20px;margin-left:auto;padding:0 6px;font-size:10px;font-style:normal}.nav-dot{background:#df985f;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:25px}.help-card{background:#f0f2e9;border:1px solid #e5e8dc;border-radius:8px;margin-bottom:21px;padding:17px 13px}.help-card>span{font-size:11px;font-weight:600}.help-card p{color:#939c87;margin:7px 0 15px;font-size:10px}.help-card button{color:#52714b;align-items:center;gap:14px;padding:0;font-size:10px;display:flex}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:12px;padding:20px 5px;display:flex}.profile>span{color:#586e44;background:#e4eadb;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.profile div{flex:1;min-width:0;font-size:11px}.profile small{color:#929d8d;text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:9px;display:block;overflow:hidden}.profile>svg{color:#99a58f}.main-wrap{flex:1;min-width:0;margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:#fbfcf9;justify-content:space-between;align-items:center;height:76px;padding:0 40px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:16px;display:flex}.topbar b{font-weight:500}.slash{color:#cbd1c8}.topbar-right{color:#879281;gap:22px!important}.private{align-items:center;gap:7px;font-size:10px;display:flex}.private i{background:#6b9462;border-radius:50%;width:5px;height:5px}.top-date{letter-spacing:.3px;font-size:10px}.content{max-width:1700px;margin:auto;padding:37px 40px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.7px;color:#8b9888;margin-bottom:8px;font-size:9px;font-weight:500}h1{letter-spacing:-.8px;font-size:28px;font-weight:600;line-height:1.4}.heading-dot{color:var(--orange);padding-left:3px;font-size:35px}.page-heading p{color:#92998f;letter-spacing:.1px;margin-top:7px;font-size:11px}.heading-actions{align-items:center;gap:10px;padding-top:20px;display:flex}.btn{white-space:nowrap;background:#fff;border:1px solid #dfe5dc;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:500;transition:background .15s;display:inline-flex}.btn:hover{background:#f1f5ef;border-color:#bdcdbd}.btn.primary{color:#fff;background:#2f644d;border-color:#2f644d}.btn.primary:hover{background:#24513d}.btn.full{width:100%}.icon-btn{color:#7f8b7c;border-radius:5px;flex-shrink:0;place-items:center;padding:7px;display:inline-grid}.icon-btn:hover{color:#34573c;background:#edf2e9}.text-btn{color:#436f51;align-items:center;gap:7px;padding:3px 0;font-size:11px;font-weight:500;display:inline-flex}.text-btn:hover{color:#1e4f33}.muted{color:var(--muted)}.pill{color:#88977f;white-space:nowrap;background:#f7f9f4;border:1px solid #e4e9df;border-radius:5px;padding:5px 10px;font-size:10px}.kpis{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:29px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:145px;padding:20px 21px 18px;position:relative}.kpi>div{color:#7f8a7a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.kpi svg{color:#97a28b;width:17px}.kpi>strong{letter-spacing:-.7px;margin:10px 0 6px;font-size:31px;font-weight:500;line-height:1.4;display:block}.kpi>small{color:#a0a799;align-items:center;gap:5px;font-size:10px;display:flex}.kpi small b{color:#66885b;font-size:10px;font-weight:500}.green-dot{background:#83a16d;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0}.panel-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:69px;padding:0 21px;display:flex}.tabs{align-self:stretch;gap:23px;display:flex}.tabs button{color:#929a8c;white-space:nowrap;padding:20px 0;font-size:11px;position:relative}.tabs button.active{color:#355f3b;font-weight:600}.tabs button.active:after{content:"";background:#548156;height:2px;position:absolute;bottom:0;left:0;right:0}.tabs span{background:#edf2e6;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:400}.search{color:#abb2a3;border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;min-width:190px;max-width:260px;padding:8px 11px;display:flex}.search input{box-shadow:none;background:0 0;border:0;padding:0;font-size:10px}.search svg{flex-shrink:0}.table-scroll{overflow:visible}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{border-bottom:1px solid var(--line);color:#929c87;background:#fafbf7;padding:15px 18px;font-size:10px;font-weight:400}th:first-child,td:first-child{padding-left:22px}td{vertical-align:middle;border-bottom:1px solid #f0f2ec;padding:22px 18px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfefb}td b{font-weight:500}.site-name-icon{color:#8b9b75;vertical-align:middle;background:#edf2e6;border:1px solid #e5ebda;border-radius:8px;place-items:center;width:36px;height:38px;margin-right:11px;display:inline-grid}.site-name{vertical-align:middle;max-width:205px;display:inline-block}.site-name>b{text-overflow:ellipsis;max-width:190px;font-size:12px;display:block;overflow:hidden}.domain-link{color:#9fa995;align-items:center;gap:6px;padding:3px 0 0;font-size:10px;display:flex}.site-note{color:#a9b19f;text-overflow:ellipsis;max-width:150px;font-size:9px;display:block;overflow:hidden}.cell-sub{color:#a2ab98;margin-top:6px;font-size:9px;display:block}.status{color:#7c8c72;background:#f0f3ed;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:9px;font-weight:400;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:4px;height:4px}.status.active{color:#678657;background:#eaf3e5}.status.paused{color:#b88950;background:#fcf0e1}.status.archived{color:#939b90;background:#f0f1ed}.status.draft{color:#8b93a9;background:#eef0f6}.numbers{letter-spacing:.1px;font-size:13px;font-weight:500}.numbers span{color:#a3ab98;font-size:11px;font-weight:400}.right{text-align:right}.row-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.row-actions .text-btn{font-size:11px}.row-actions .icon-btn{padding:4px}details{position:relative}summary{cursor:pointer;color:#9ba48f;place-items:center;padding:4px;list-style:none;display:grid}summary::-webkit-details-marker{display:none}.dropdown{border:1px solid var(--line);z-index:15;text-align:left;background:#fff;border-radius:7px;min-width:140px;padding:7px;position:absolute;top:30px;right:0;box-shadow:0 8px 30px #2d49231a}.dropdown button{border-radius:4px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:11px;display:flex}.dropdown button:hover{background:#f0f5eb}.table-footer{border-top:1px solid var(--line);color:#a1ab95;justify-content:space-between;align-items:center;padding:15px 22px;font-size:9px;display:flex}.table-footer>span:last-child{align-items:center;gap:5px;display:flex}.empty{text-align:center;padding:50px 25px 53px}.empty-art{color:#9daf8d;background:#f1f5eb;border:1px solid #e4ebdc;border-radius:15px;place-items:center;width:70px;height:66px;margin:0 auto 20px;display:grid;position:relative;transform:rotate(-5deg)}.empty-art span{background:#dbe8cc;border:4px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;line-height:1;display:grid;position:absolute;bottom:-7px;right:-8px}.empty h3{letter-spacing:-.2px;margin-bottom:8px;font-size:15px}.empty p{color:#99a38d;margin-bottom:23px;font-size:11px}.empty .btn{padding:10px 19px}.below-grid{grid-template-columns:1.4fr 1fr;gap:20px;margin-top:24px;display:grid}.start-card{background:#eef2e6;border:1px solid #e2e8d9;border-radius:9px;min-height:172px;padding:25px 26px;position:relative;overflow:hidden}.mini-label{letter-spacing:1.5px;color:#8f9d7c;font-size:8px;font-weight:500}.start-card h3{margin:8px 0 7px;font-size:17px;font-weight:500}.start-card p{color:#97a185;max-width:70%;font-size:10px}.start-card .text-btn{margin-top:21px;font-size:10px}.stack-pages{width:136px;height:145px;position:absolute;bottom:-17px;right:18px;transform:rotate(-10deg)}.stack-pages>div{background:#f8faf3;border:1px solid #d7e1c9;border-radius:7px;width:100px;height:135px;position:absolute;box-shadow:0 7px 16px #b5c19e25}.stack-pages>div:first-child{background:#dfe9cf;top:7px;left:-10px;transform:rotate(-13deg)}.stack-pages>div:nth-child(2){background:#e5edd9;top:5px;left:34px;transform:rotate(10deg)}.stack-pages>div:nth-child(3){padding:18px 12px;left:14px}.stack-pages span{background:#c6d5ae;border-radius:4px;width:36px;height:5px;margin-bottom:7px;display:block}.stack-pages span:nth-child(2){width:55px}.stack-pages i{background:linear-gradient(150deg,#d9e4c8,#edf2e2);border-radius:5px;height:68px;margin-top:13px;display:block}.health-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:25px 25px 20px}.health-card>div{align-items:center;gap:12px;display:flex}.health-icon{color:#c2a06c;background:#f5f1e7;border:1px solid #eee6d6;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.health-card h3{font-size:14px;font-weight:500}.health-card p{color:#98a28e;margin:13px 0 17px;font-size:10px}.health-card .text-btn{font-size:10px}.app-footer{color:#a6af9e;border-top:1px solid #e4e9df;justify-content:space-between;align-items:center;margin-top:36px;padding:22px 0;font-size:9px;display:flex}.app-footer>span:first-child{letter-spacing:1.5px;font-size:8px}.app-footer i{letter-spacing:0;color:#b4bcae;margin-left:14px;font-size:9px;font-style:normal}.app-footer>span:last-child{align-items:center;gap:7px;display:flex}.error-banner{color:#a66b42;background:#fff3ec;border:1px solid #f1d7c4;border-radius:7px;align-items:center;gap:10px;margin-bottom:22px;padding:14px 17px;font-size:12px;display:flex}.error-banner button{margin-left:auto;text-decoration:underline}.loading{color:#899b7a;justify-content:center;align-items:center;gap:9px;padding:40px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-heading{justify-content:space-between;align-items:center;gap:18px;padding:24px 25px 17px;display:flex}.section-heading p{color:#9ba58f;margin-top:6px;font-size:10px}.section-heading>svg{color:#9eab91}.chart-panel{margin-bottom:22px}.segmented{background:#f7f9f3;border:1px solid #e5eadf;border-radius:6px;gap:3px;padding:3px;display:flex}.segmented button{color:#96a389;white-space:nowrap;border-radius:4px;place-items:center;padding:5px 11px;font-size:10px;display:grid}.segmented button.active{color:#487046;background:#fff;box-shadow:0 1px 5px #385a2520}.trend-chart{padding:15px 22px 0;position:relative}.trend-chart svg{width:100%;display:block}.trend-chart text{fill:#a2ad94;font-family:inherit;font-size:10px}.chart-zero{color:#a0ac91;background:#f8faf4;border:1px solid #e7ecde;border-radius:5px;padding:7px 13px;font-size:10px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.chart-legend{color:#9aa68d;justify-content:center;gap:23px;padding:4px 0 22px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:8px;display:flex}.chart-legend i{background:#2e6854;border-radius:3px;width:12px;height:3px}.chart-legend span:last-child i{background:#edac74}.summary-grid,.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.geo-list{max-height:350px;padding:7px 25px 25px;overflow:auto}.geo-list>div{align-items:center;gap:13px;padding:12px 0;display:flex}.geo-list>div>span{color:#b6bea9;font-size:9px}.geo-list b{width:60px;font-size:11px;font-weight:500}.geo-list>div>div{background:#f3f6ed;border-radius:5px;flex:1;height:5px}.geo-list i{background:#9bb68d;border-radius:5px;height:5px;display:block}.geo-list strong{text-align:right;min-width:35px;font-size:11px;font-weight:500}.rank-list{padding:0 25px 20px}.rank-list>div:not(.small-empty){border-bottom:1px solid #edf1e7;align-items:center;gap:12px;padding:15px 0;display:flex}.rank-icon{color:#8fa47d;background:#f1f5e9;border-radius:7px;padding:10px}.rank-list b{font-size:12px;font-weight:500}.rank-list small{color:#a2ae95;font-size:9px;display:block}.rank-list strong{margin-left:auto;font-size:15px;font-weight:500}.small-empty{text-align:center;color:#adb8a1;padding:55px 28px}.small-empty svg{color:#b9c5ac;margin-bottom:10px}.small-empty p{font-size:11px}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:22px;display:flex}.filters input,.filters select{width:auto;max-width:170px;padding:8px 10px;font-size:10px}.filters input:not([type]){width:130px}.filters>span{color:#a9b19f;font-size:10px}.filters .btn{padding:8px 12px}.inline-note{color:#9daa90;border-top:1px solid var(--line);padding:14px 22px;font-size:10px;line-height:1.9}.pagination{align-items:center;gap:12px;display:flex}.pagination button{border:1px solid var(--line);padding:3px}.mono{font-family:monospace}.template-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.template-card{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.template-cover{color:#294361;background:#edf2f6;min-height:280px;padding:23px;overflow:hidden}.mock-nav{letter-spacing:1px;align-items:center;gap:7px;font-size:7px;display:flex}.mock-nav i{background:#638ad7;border-radius:4px;width:14px;height:14px}.mock-nav>span{margin-left:auto;font-size:13px}.mock-body{justify-content:space-between;align-items:center;gap:25px;margin-top:29px;display:flex}.mock-body>div:first-child{flex:1}.mock-body>div>span{letter-spacing:1px;color:#8ca1bd;font-size:6px}.mock-body h3{white-space:pre-line;letter-spacing:-.4px;margin:9px 0;font-size:25px;font-weight:500;line-height:1.4}.mock-body p{opacity:.5;font-size:7px}.mock-body b{color:#fff;background:#638ad7;border-radius:4px;margin-top:17px;padding:7px 13px;font-size:7px;font-weight:400;display:inline-block}.mock-phone{background:#fff;border:4px solid #e0e8ed;border-radius:17px;flex-shrink:0;width:88px;height:157px;margin-right:20px;padding:21px 10px 10px;transform:rotate(-10deg);box-shadow:0 20px 35px #47649022}.mock-phone>span{background:#91b0eb;border-radius:9px;place-items:center;width:30px;height:30px;margin:auto;display:grid;color:#fff!important;font-size:20px!important}.mock-phone i{background:#e3ebf6;border-radius:3px;height:4px;margin-top:10px;display:block}.mock-phone i:nth-of-type(2){width:70%;margin-top:5px}.mock-phone em{background:#c9daf6;border-radius:6px;height:38px;margin-top:12px;display:block}.mock-footer{opacity:.4;letter-spacing:2px;margin-top:23px;font-size:6px}.template-cover.midnight{color:#ecf0db;background:#1f2a2c}.midnight .mock-nav i,.midnight .mock-body b{color:#31462c;background:#bedc7e}.midnight .mock-phone{background:#32433b;border-color:#506049}.midnight .mock-phone>span{background:#b8d47e}.midnight .mock-phone i,.midnight .mock-phone em{background:#617449}.template-cover.coral{color:#885743;background:#f9eee4}.coral .mock-nav i,.coral .mock-body b{background:#dd9476}.coral .mock-phone{border-color:#f4d9c9}.coral .mock-phone>span{background:#e5a285}.coral .mock-phone i,.coral .mock-phone em{background:#f5d7c5}.template-cover.minimal{color:#485449;background:#eeeee8}.minimal .mock-nav i,.minimal .mock-body b{background:#758674}.minimal .mock-phone{border-color:#d9dfd2;transform:rotate(6deg)}.minimal .mock-phone>span{background:#9aaa91}.minimal .mock-phone i,.minimal .mock-phone em{background:#e0e6d6}.template-info{padding:22px 25px 24px}.template-info>span{color:#9baa8c;background:#f1f5ea;border-radius:4px;padding:3px 7px;font-size:9px}.template-info h3{margin:10px 0 6px;font-size:16px}.template-info p{color:#a0ab92;margin-bottom:20px;font-size:11px}.template-info .btn{justify-content:space-between;width:100%}.check-banner{background:#edf2e7;border:1px solid #dee6d5;border-radius:9px;align-items:center;gap:24px;margin-bottom:25px;padding:30px;display:flex}.check-orb{color:#6f9258;background:#dce9cf;border:1px solid #cadabd;border-radius:20px;place-items:center;width:70px;height:70px;display:grid}.check-orb.warning{color:#ba9456;background:#f7ead3;border-color:#e8d6b8}.check-banner h2{margin:5px 0;font-size:23px;font-weight:500}.check-banner p{color:#98a48a;font-size:11px}.check-banner>.pill{margin-left:auto}.check-row{border-top:1px solid var(--line);align-items:center;gap:16px;padding:24px 25px;display:flex}.check-row>div{flex:1}.check-row b{font-size:12px;font-weight:500}.check-row p{color:#9ba98b;margin-top:5px;font-size:10px}.green{color:#6c9561}.orange{color:#cc9f65}.red{color:#bc795f!important}.settings-body{padding:7px 25px 30px}.settings-body label{margin:18px 0 8px;font-size:12px;font-weight:500;display:block}.settings-body p{color:#9aa68c;font-size:11px;line-height:1.9}.settings-body .btn{margin-top:23px}.toast{color:#fff;z-index:200;background:#2b4e3b;border:1px solid #45664f;border-radius:8px;align-items:center;gap:12px;max-width:90vw;padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #22371e26}.toast button{color:#c5d5be;place-items:center;padding:4px;display:grid}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#14251f66;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fcfdf9;border:1px solid #e7eadd;border-radius:13px;width:570px;max-width:100%;max-height:90vh;padding:30px;overflow:auto;box-shadow:0 30px 100px #172a2530}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-heading h2{margin-top:5px;font-size:23px;font-weight:500}.modal-heading p{color:#9ba68f;margin-top:8px;font-size:11px}.field{color:#687e5a;flex-direction:column;gap:9px;margin-bottom:21px;font-size:11px;font-weight:500;display:flex}.field input,.field textarea,.field select{color:#405a35;font-size:12px;font-weight:400}.field small{color:#a2af94;font-size:10px;font-weight:400;line-height:1.7}.template-picker{grid-template-columns:1fr 1fr;gap:11px;margin-top:-7px;display:grid}.template-picker button{text-align:left;background:#fff;border:1px solid #e2e8d7;border-radius:7px;grid-template-columns:38px 1fr;column-gap:11px;padding:15px;display:grid;position:relative}.template-picker button.active{border-color:#698f57;box-shadow:0 0 0 2px #dce9d0}.template-picker button>span{color:#fff;border-radius:7px;grid-row:span 2;place-items:center;width:36px;height:39px;display:grid}.template-picker b{font-size:11px;font-weight:500}.template-picker small{color:#a7b398;font-size:9px}.template-picker button>svg{color:#6e9156;position:absolute;top:10px;right:10px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:27px;padding-top:22px;display:flex}.editor-overlay{z-index:70;background:#f4f6ef;flex-direction:column;display:flex;position:fixed;inset:0}.editor-header{border-bottom:1px solid var(--line);background:#fcfdf9;flex-shrink:0;align-items:center;gap:23px;height:77px;padding:0 27px;display:flex}.editor-header>div{flex:1;min-width:0}.editor-header b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.editor-header small{color:#a4ae96;font-size:10px}.editor-layout{flex:1;grid-template-columns:385px 1fr;min-height:0;display:grid}.editor-fields{border-right:1px solid var(--line);background:#fcfdf9;flex-direction:column;min-height:0;display:flex}.editor-tabs{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-around;padding:17px 12px 0;display:flex}.editor-tabs button{color:#9ba98c;place-items:center;gap:7px;padding:7px 15px 15px;font-size:10px;display:grid;position:relative}.editor-tabs button.active{color:#577d44}.editor-tabs button.active:after{content:"";background:#6c9257;height:2px;position:absolute;bottom:0;left:7px;right:7px}.editor-form{flex:1;padding:27px;overflow:auto}.form-title{margin-bottom:26px}.form-title h2{font-size:19px;font-weight:500}.form-title p{color:#a2af92;margin-top:6px;font-size:10px}.toggle-row{align-items:center;gap:20px;margin:24px 0;display:flex}.toggle-row>div{flex:1}.toggle-row b{font-size:11px;font-weight:500}.toggle-row small{color:#a1ae91;margin-top:6px;font-size:10px;display:block}.toggle{background:#dfe6d6;border-radius:14px;flex-shrink:0;align-items:center;width:34px;height:19px;padding:3px;display:flex}.toggle span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;box-shadow:0 1px 3px #45662c20}.toggle.on{background:#60874d}.toggle.on span{transform:translate(15px)}.info-box{color:#93a17f;background:#eff3e9;border:1px solid #e2e9d7;border-radius:6px;margin-bottom:23px;padding:12px 13px;font-size:10px;line-height:1.9}.download-item{background:#f6f8f2;border:1px solid #e4eadb;border-radius:8px;margin-bottom:18px;padding:17px 15px}.download-item .field{margin-bottom:15px}.download-item-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.download-item-title b{font-size:11px;font-weight:500}.download-item .toggle-row{margin:10px 0 15px}.download-item>small{font-size:9px}.upload-btn{color:#90a27a;cursor:pointer;background:#f4f7ed;border:1px dashed #c9d6bb;border-radius:7px;justify-content:center;align-items:center;gap:8px;margin-top:13px;padding:14px;font-size:10px;display:flex}.upload-btn input{display:none}.divider{background:var(--line);height:1px;margin:26px 0}.copy-field{align-items:center;gap:5px;display:flex}.copy-field input{font-size:9px}.pixel-provider{align-items:center;gap:11px;margin:25px 0 18px;display:flex}.pixel-provider>span:first-child{color:#7f9fca;background:#eaf0f7;border-radius:7px;place-items:center;width:34px;height:36px;font-size:24px;font-weight:700;display:grid}.pixel-provider>span.tiktok{color:#789084;background:#e9eee8}.pixel-provider b{font-size:12px;font-weight:500}.pixel-provider small{color:#a4ae97;font-size:8px;display:block}.pixel-provider .pill{margin-left:auto;font-size:8px}.editor-form>p.muted{font-size:10px;line-height:1.9}.color-field{align-items:center;gap:12px;font-family:monospace;font-size:11px;display:flex}.color-field input{width:48px;height:37px;padding:3px}.swatches{gap:10px;margin-bottom:28px;display:flex}.swatches button{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 0 1px #e2e6d9}.code-input{font-family:monospace;line-height:1.8;color:#849a71!important;background:#f2f5ed!important;font-size:11px!important}.preview-area{background:radial-gradient(#d6decc 1px,#0000 1px) 0 0/16px 16px;flex-direction:column;align-items:center;min-width:0;padding:0 30px;display:flex;overflow:auto}.preview-toolbar{color:#a0ad91;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:18px 0;font-size:9px;display:flex}.preview-toolbar>span:first-child{align-items:center;gap:6px;display:flex}.preview-frame{background:#fff;border:1px solid #d6dfca;border-radius:9px;flex-direction:column;flex:1;min-height:400px;max-height:780px;margin:10px auto 0;transition:width .25s;display:flex;overflow:hidden;box-shadow:0 15px 45px #48663312}.preview-frame.mobile{border:7px solid #fcfdf9;border-radius:26px;width:375px;max-width:100%;box-shadow:0 0 0 1px #d5dfc8,0 18px 35px #55743b12}.preview-browser{background:#fafcf6;border-bottom:1px solid #e7eddf;flex-shrink:0;align-items:center;gap:4px;height:32px;padding:0 12px;display:flex}.preview-browser>i{background:#dbe4cf;border-radius:50%;width:5px;height:5px}.preview-browser>span{letter-spacing:.3px;color:#b0bda1;margin:auto;padding-right:20px;font-size:8px}.preview-frame iframe{background:#fff;border:0;flex:1;width:100%;height:100%}.preview-frame.desktop{width:100%}.preview-caption{color:#acb89e;flex-shrink:0;padding:20px 0;font-size:9px}.small-title{margin:22px 0 10px;font-size:12px}.domain-history{max-height:180px;overflow:auto}.domain-history>div{border-top:1px solid var(--line);padding:11px 0}.domain-history b{font-size:11px;font-weight:400;display:block}.domain-history small{color:#a5b094;font-size:9px}.domain-history>p{font-size:11px}.hamburger{display:none}@media (width>=1600px){.content{padding-top:44px}.kpis{gap:22px}.kpi{min-height:155px;padding:24px}.kpi>strong{font-size:36px}.empty{padding:70px 25px 75px}.below-grid{margin-top:28px}.start-card,.health-card{padding:29px}.start-card h3{font-size:20px}}@media (width<=1250px){.sidebar{flex-basis:210px;width:210px;padding-left:14px;padding-right:14px}.sidebar nav button.selected:before{left:-14px}.main-wrap{margin-left:210px}.brand{font-size:15px}.brand small{font-size:8px}.content{padding:30px 25px 0}.topbar{padding:0 25px}.tabs{gap:17px}.panel-toolbar{padding:0 17px}.search{min-width:180px;max-width:205px}th,td{padding-left:12px;padding-right:12px}.site-name{max-width:150px}.site-name>b{max-width:135px}.row-actions{gap:5px}.table-scroll{overflow-x:auto}.site-note{max-width:110px}table .dropdown{position:fixed;top:auto;right:32px;transform:translateY(4px)}.kpi{padding:17px}.kpi>strong{font-size:29px}.topbar-right{gap:15px!important}.mock-phone{margin-right:0}.below-grid{grid-template-columns:1.3fr 1fr}.start-card p{max-width:65%}}@media (width<=1000px){.sidebar{flex-basis:190px;width:190px}.main-wrap{margin-left:190px}.brand{gap:8px;font-size:13px}.brand-mark{width:29px;height:32px;font-size:21px}.brand small{letter-spacing:.6px;font-size:8px}.workspace{gap:7px;padding:10px 7px}.workspace small{font-size:7px}.content{padding-left:22px;padding-right:22px}.kpis{grid-template-columns:repeat(2,1fr);gap:12px}.kpi{min-height:130px}.top-date{display:none}.page-heading{align-items:flex-start}.heading-actions{gap:7px;padding-top:30px}.btn{padding:9px 12px;font-size:10px}.search{min-width:160px;max-width:180px}.tabs{gap:12px}.tabs button{font-size:10px}.panel-toolbar{gap:10px}.below-grid{grid-template-columns:1fr}.health-card{grid-template-columns:1fr 1fr;column-gap:20px;padding:20px 25px;display:grid}.health-card p{align-self:center;margin:0}.health-card .text-btn{grid-column:2;margin:8px 0 0}.summary-grid,.settings-grid{grid-template-columns:1fr}.template-grid{gap:16px}.template-cover{padding:18px}.mock-body h3{font-size:20px}.mock-phone{width:68px;height:139px;padding:19px 6px 8px}.mock-body{gap:10px}.mock-nav{font-size:6px}.template-info{padding:20px}.editor-layout{grid-template-columns:345px 1fr}.editor-form{padding:24px}.preview-area{padding:0 20px}.check-banner{gap:17px;padding:23px}.check-banner h2{font-size:20px}.check-row{flex-wrap:wrap}.check-row .text-btn{margin-left:auto}.app-footer i{display:none}}@media (width<=760px){.sidebar{width:236px;transition:transform .2s;transform:translate(-100%);box-shadow:10px 0 30px #2f46241a}.sidebar.open{transform:translate(0)}.brand{font-size:17px}.brand small{font-size:10px}.main-wrap{margin-left:0}.topbar{height:62px;padding:0 18px}.topbar>div{gap:10px}.hamburger{display:grid}.private{font-size:9px}.content{padding:25px 18px 0}.page-heading{flex-wrap:wrap;gap:15px;margin-bottom:23px}.eyebrow{letter-spacing:1.2px;font-size:8px}h1{font-size:26px}.page-heading p{font-size:10px}.heading-actions{padding-top:0}.heading-actions .btn{padding:9px 12px;font-size:11px}.kpis{margin-bottom:23px}.kpi{min-height:125px;padding:17px}.kpi>strong{font-size:28px}.kpi>small{font-size:9px}.kpi>div{font-size:10px}.panel-toolbar{flex-wrap:wrap;gap:0;padding:0 15px}.tabs{gap:20px;width:100%;min-height:60px}.tabs button{padding:15px 0;font-size:11px}.search{width:100%;min-width:0;max-width:none;margin:0 0 15px}.table-footer{padding:14px 16px;font-size:9px}.table-footer>span:last-child{display:none}.table-footer .pagination{display:flex}.empty{padding:44px 20px}.empty h3{font-size:14px}.empty p{max-width:260px;margin:0 auto 20px;font-size:10px;line-height:1.9}.below-grid{gap:15px}.start-card{min-height:175px;padding:23px}.stack-pages{right:5px;transform:scale(.9)rotate(-10deg)}.start-card h3{font-size:16px}.start-card p{font-size:9px}.health-card{padding:22px;display:block}.health-card p{margin:15px 0}.app-footer{margin-top:27px;padding:20px 0;font-size:8px}.app-footer>span:last-child{font-size:8px}.template-grid{grid-template-columns:1fr}.template-cover{min-height:295px;padding:25px}.mock-body h3{font-size:29px}.mock-phone{width:96px;height:175px;margin-right:17px;padding:25px 12px 10px}.mock-phone em{height:50px}.mock-nav,.mock-body>div>span{font-size:7px}.mock-body p,.mock-body b{font-size:9px}.section-heading{gap:12px;padding:20px}.section-heading h2{font-size:14px}.section-heading p{font-size:9px}.segmented button{padding:5px 9px;font-size:9px}.trend-chart{padding:10px}.trend-chart svg{min-height:160px}.chart-zero{font-size:9px}.summary-grid{gap:18px}.filters{gap:9px;padding:17px}.filters input,.filters select{flex:1;width:40%;max-width:none;font-size:10px}.filters input[type=date]{min-width:110px}.filters .btn{flex:none}.check-banner{flex-wrap:wrap;gap:15px;padding:22px}.check-orb{border-radius:15px;width:52px;height:55px}.check-orb svg{width:27px}.check-banner h2{font-size:18px}.check-banner p{font-size:9px}.check-banner>.pill{margin-top:-6px;margin-left:67px}.check-banner>div:nth-child(2){flex:1;min-width:150px}.check-row{gap:12px;padding:20px}.check-row>div{min-width:150px}.check-row .text-btn{margin-left:34px}.modal{border-radius:10px;padding:24px}.overlay{padding:16px}.modal-heading h2{font-size:21px}.template-picker{gap:9px}.template-picker button{grid-template-columns:29px 1fr;column-gap:8px;padding:12px 10px}.template-picker button>span{width:28px;height:33px}.template-picker button b{font-size:10px}.template-picker button small{font-size:8px}.template-picker button>svg{width:11px;top:5px;right:5px}.editor-header{gap:11px;height:67px;padding:0 13px}.editor-header .btn:first-child{gap:0;padding:8px;font-size:0}.editor-header .btn:first-child svg{width:18px}.editor-header b{font-size:11px}.editor-header small{font-size:9px}.editor-header .pill{display:none}.editor-header .btn.primary{gap:5px;padding:9px 10px;font-size:10px}.editor-layout{flex-direction:column;display:flex;overflow:auto}.editor-fields{border-right:0;flex-shrink:0;min-height:500px;overflow:visible}.editor-tabs{z-index:1;background:#fcfdf9;padding-top:10px;position:sticky;top:0}.editor-tabs button{gap:6px;padding:9px 8px 13px;font-size:11px;display:flex}.editor-tabs svg{width:16px}.editor-form{padding:23px;overflow:visible}.preview-area{flex-shrink:0;min-height:730px;padding:0 20px 20px}.preview-toolbar{padding:15px 0}.preview-frame{flex:none;height:600px}.preview-frame.mobile{width:355px}.preview-caption{padding-bottom:5px}.form-title{margin-bottom:23px}.settings-body{padding:0 20px 25px}.toast{min-width:240px;max-width:90vw;font-size:11px}.table-scroll{overflow-x:auto}}.template-library-toolbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.template-categories{flex-wrap:wrap;gap:7px;display:flex}.template-categories button{color:#8b9a7e;background:#fff;border:1px solid #e0e7dc;border-radius:6px;padding:7px 11px;font-size:10px}.template-categories button.active{color:#fff;background:#315f48;border-color:#315f48}.template-library-toolbar .search{background:#fff;flex-shrink:0}.template-cover.real-template{background:#e8ede7;height:295px;min-height:0;padding:0;position:relative}.real-template iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:1280px;height:1000px;transform:scale(.38)}.template-license{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#59744e;background:#ffffffdf;border:1px solid #e0e6da;border-radius:4px;padding:4px 8px;font-size:9px;position:absolute;bottom:12px;right:12px}.template-source{color:#94a380;margin-top:-8px;margin-bottom:17px;font-size:10px;display:block}.template-picker{max-height:350px;padding:3px;overflow:auto}.event-chips{flex-wrap:wrap;gap:6px;display:flex}.event-chips button{color:#a2af92;background:#fff;border:1px solid #e0e8d7;border-radius:5px;padding:6px 8px;font:10px/1.5 monospace}.event-chips button.active{color:#5b7f44;background:#e7f0de;border-color:#a9be96}.event-chips button:disabled{opacity:.3}.pixel-log-heading{justify-content:space-between;align-items:center;margin-top:25px;font-size:11px;display:flex}.pixel-logs{max-height:260px;margin-top:12px;overflow:auto}.pixel-logs>div{border-top:1px solid #e4e9dd;flex-wrap:wrap;gap:8px;padding:12px 0;font-size:10px;display:flex}.pixel-logs small{color:#a0ad91;width:100%;font-size:9px;display:block}.pixel-logs>p{color:#a2b092;font-size:10px;line-height:1.9}.login-screen{background:radial-gradient(at top,#dce9d4,#0000 65%),#f7f9f4;place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{background:#fff;border:1px solid #e0e8d8;border-radius:16px;width:410px;max-width:100%;padding:38px;box-shadow:0 15px 80px #284a2220}.login-card>.brand-mark{margin-bottom:22px}.login-card>small{letter-spacing:2px;color:#8b9e7d;font-size:9px}.login-card h1{margin:8px 0;font-size:25px}.login-card>p{color:#a0ae91;margin-bottom:30px;font-size:11px}.login-card form>.red{margin-bottom:17px;font-size:11px}.login-card footer{color:#a4b395;border-top:1px solid #e8eddf;margin-top:28px;padding-top:18px;font-size:9px}@media (width>=1550px){.real-template iframe{transform:scale(.47)}}@media (width<=1150px){.real-template iframe{transform:scale(.3)}.template-cover.real-template{height:265px}}@media (width<=760px){.template-library-toolbar{flex-direction:column;gap:15px}.template-library-toolbar .search{width:100%;max-width:none}.real-template iframe{transform:scale(.32)}.template-cover.real-template{height:280px}.template-picker{max-height:310px}.template-categories button{padding:6px 9px;font-size:10px}}@media (width>=640px) and (width<=760px){.real-template iframe{transform:scale(.5)}}