:root{--ink:#19231f;--muted:#79827d;--line:#e6e9e2;--paper:#fafbf8;--lime:#c9f36c;--lime-dark:#9acb3c;--coral:#ff8b72;--blue:#7fc5ee;--purple:#ab9bf5;--shadow:0 10px 35px rgba(35,45,38,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#f0f3ec;border-right:1px solid #e1e5dd;padding:26px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:8px;padding:0 12px 27px}.brand-mark{color:#9bc640;font-size:25px;line-height:0}.workspace-switcher{border:1px solid #dfe5db;border-radius:10px;background:#f8faf5;padding:9px 10px;display:flex;align-items:center;gap:9px;margin-bottom:27px}.avatar{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font:600 10px 'DM Mono';letter-spacing:-.5px}.avatar-lime{background:var(--lime)}.avatar-purple{background:#c8c1ff}.workspace-name{font-weight:600;font-size:12px;flex:1}.chevron{color:#7b857e}.nav-label{font:500 10px 'DM Mono';color:#9aa39c;text-transform:uppercase;letter-spacing:1.1px;padding:0 12px;margin:0 0 8px}.nav-label-spaced{margin-top:29px}.nav-item{height:41px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#7c857f;border-radius:8px;padding:0 12px;font-weight:600;font-size:13px}.nav-item:hover{color:var(--ink);background:#e7ece2}.nav-item.active{background:var(--lime);color:var(--ink);box-shadow:0 3px 8px rgba(130,170,50,.12)}.nav-icon{width:15px;font-size:18px;text-align:center;font-weight:400}.nav-badge{margin-left:auto;border-radius:10px;background:#dbe3d5;padding:2px 7px;font:500 10px 'DM Mono';color:#71806c}.active .nav-badge{background:#fff7d6}.sidebar-bottom{margin-top:auto}.support-card{background:#e3eadd;border:1px solid #d8e0d3;border-radius:10px;padding:12px 10px;display:flex;align-items:center;gap:9px;margin-bottom:19px}.support-card strong,.profile-row strong{display:block;font-size:11px}.support-card small,.profile-row small{display:block;color:#88918a;font-size:10px;margin-top:2px}.support-dot{width:8px;height:8px;background:#83bb3c;border-radius:50%;box-shadow:0 0 0 3px #c9dfac}.support-card .arrow{margin-left:auto;color:#6c776e;font-size:17px}.profile-row{display:flex;align-items:center;gap:9px;padding:0 9px}.profile-row .more{margin-left:auto;color:#9ca49e;letter-spacing:2px}.main-content{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumbs{display:flex;gap:12px;align-items:center;color:#a1a9a2;font-size:12px}.crumbs b{font-weight:400;color:#cdd1ca}.crumbs strong{color:#4c5950;font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{border:0;background:none;color:#7a857d;font-size:18px;position:relative;cursor:pointer}.icon-button i{width:5px;height:5px;background:#eb785f;display:block;border:1px solid white;border-radius:50%;position:absolute;right:0;top:1px}.help-button{border:0;background:none;color:#7d877f;font:600 12px 'DM Sans';display:flex;gap:7px;align-items:center}.help-button:first-letter{border:1px solid #bac3b9;border-radius:50%;padding:0 4px}.primary-button{background:var(--lime);border:0;border-radius:7px;padding:12px 16px;color:var(--ink);font:700 12px 'DM Sans';cursor:pointer;box-shadow:0 3px 7px rgba(123,166,39,.13);transition:transform .15s,background .15s}.primary-button:hover{transform:translateY(-1px);background:#b9eb55}.content{padding:37px 42px 55px;max-width:1440px;margin:0 auto}.hero-row,.page-title{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font:500 10px 'DM Mono';color:#a1aaa1;text-transform:uppercase;letter-spacing:1.15px;margin:0 0 10px}.hero-row h1,.page-title h1{font:600 29px 'Space Grotesk';letter-spacing:-1.2px;margin:0}.wave{font-size:22px;color:#b8da55;margin-left:7px}.lede{margin:9px 0 0;color:#89928a;font-size:13px}.date-control{border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px 12px;min-width:132px;font:500 11px 'DM Mono';color:#68736a;display:flex;justify-content:space-between;gap:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.stat-card{background:white;border:1px solid var(--line);border-radius:10px;padding:18px 18px 15px;min-height:160px;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;color:#7f8b81;font-size:12px}.trend{font:500 10px 'DM Mono';border-radius:5px;padding:4px 5px}.trend.up{color:#6aa328;background:#edf8d8}.trend.neutral{color:#879188;background:#f0f2ee}.stat-number{font:600 30px 'Space Grotesk';display:block;margin-top:16px;letter-spacing:-1.5px}.stat-number span{font-size:18px;color:#7e8c81;letter-spacing:0}.stat-card small{color:#9da59e;font-size:10px;display:block;margin-top:6px}.mini-chart{display:flex;align-items:flex-end;gap:3px;height:24px;margin-top:14px}.mini-chart span{width:8%;border-radius:2px 2px 0 0;background:#d4ed96}.revenue-chart span:nth-child(1){height:30%}.revenue-chart span:nth-child(2){height:45%}.revenue-chart span:nth-child(3){height:32%}.revenue-chart span:nth-child(4){height:54%}.revenue-chart span:nth-child(5){height:45%}.revenue-chart span:nth-child(6){height:70%}.revenue-chart span:nth-child(7){height:62%}.revenue-chart span:nth-child(8){height:78%}.revenue-chart span:nth-child(9){height:62%}.revenue-chart span:nth-child(10){height:88%}.revenue-chart span:nth-child(11){height:80%}.revenue-chart span:nth-child(12){height:100%;background:var(--lime-dark)}.impressions-chart span{background:#bbdef2}.impressions-chart span:nth-child(odd){height:52%}.impressions-chart span:nth-child(even){height:70%}.impressions-chart span:nth-child(11){height:90%;background:#74b9e3}.site-avatars{display:flex;margin-top:17px}.site-avatars span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d5f179;border:2px solid #fff;font:500 8px 'DM Mono';margin-left:-4px}.site-avatars span:nth-child(2){background:#f8ba96}.site-avatars span:nth-child(3){background:#c8c1ff}.site-avatars span:nth-child(4){background:#e8ece6;color:#879188;width:30px}.meter{height:6px;background:#e9eee6;border-radius:5px;margin-top:23px;overflow:hidden}.meter i{display:block;width:94.6%;height:100%;background:var(--lime-dark);border-radius:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:39px 0 16px}.section-heading h2{font:600 17px 'Space Grotesk';margin:0 0 5px;letter-spacing:-.4px}.section-heading p{color:#9aa29b;font-size:11px;margin:0}.legend{display:flex;gap:20px;align-items:center;color:#8b948d;font:500 10px 'DM Mono'}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-revenue{background:var(--lime-dark)}.legend-impressions{background:#85c4ea}.chart-card{height:294px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;padding:25px 27px 28px 19px;position:relative;box-shadow:var(--shadow)}.chart-y{width:45px;display:flex;flex-direction:column;justify-content:space-between;color:#a5ada7;font:10px 'DM Mono';padding-bottom:21px}.chart-main{position:relative;flex:1}.grid-lines{height:220px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{height:1px;background:#edf0eb;width:100%}.line-chart{position:absolute;inset:0;width:100%;height:220px;overflow:visible}.area{fill:url(#fill)}.line{fill:none;stroke:#a9d64c;stroke-width:3}.chart-x{display:flex;justify-content:space-between;margin-top:9px;color:#a5ada7;font:10px 'DM Mono'}.chart-tooltip{position:absolute;background:#233126;color:white;right:17%;top:39px;border-radius:6px;padding:10px 13px;box-shadow:0 5px 14px #27332725}.chart-tooltip:after{content:'';position:absolute;bottom:-5px;left:22px;width:10px;height:10px;background:#233126;transform:rotate(45deg)}.chart-tooltip small,.chart-tooltip span{display:block;color:#b9c2b7;font:9px 'DM Mono'}.chart-tooltip strong{display:block;color:#fff;font:600 15px 'Space Grotesk';margin:3px 0 7px}.chart-tooltip span i{width:5px;height:5px;background:var(--lime);display:inline-block;border-radius:50%}.bottom-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:35px}.section-heading.compact{margin-top:37px}.text-link{color:#6a915e;font:600 11px 'DM Mono';text-decoration:none}.table-card,.top-sites{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th{text-align:left;color:#a0a9a1;font:500 9px 'DM Mono';text-transform:uppercase;letter-spacing:.6px;background:#fbfcfa;padding:12px 15px;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #f0f2ee;color:#68736a;font-size:11px}tr:last-child td{border-bottom:0}td:first-child{display:flex;align-items:center;gap:9px;color:var(--ink)}.campaign-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;font-size:15px}.campaign-icon.coral{background:#ffe1d9;color:#ef8568}.campaign-icon.blue{background:#dcf0fb;color:#6cb0da}.campaign-icon.yellow{background:#fff0bd;color:#bd9b35}.table-name strong{display:block;font-size:11px}.table-name small{display:block;color:#9ca49e;font-size:9px;margin-top:3px}.status{font:500 10px 'DM Mono';white-space:nowrap}.status.live{color:#6eaa39}.status.paused{color:#b5a06a}.top-sites{padding:3px 15px}.site-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0f2ee}.site-row:last-child{border-bottom:0}.site-letter{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font:600 13px 'Space Grotesk'}.mint{background:#d7f18a}.peach{background:#ffd5bd}.lavender{background:#d5cef9}.sky{background:#c7e8f8}.site-row div{flex:1}.site-row strong{display:block;font-size:11px}.site-row small{display:block;font-size:9px;color:#9ca49e;margin-top:3px}.site-row b{font:600 11px 'DM Mono'}.site-growth{font:500 9px 'DM Mono';color:#75a83d;background:#edf8dc;padding:4px;border-radius:4px}.hidden-view{display:none!important}.page-title{align-items:center}.empty-panel{margin-top:40px;border:1px dashed #d9e1d5;border-radius:12px;min-height:320px;display:grid;place-items:center;align-content:center;text-align:center;background:#fbfdf8}.empty-icon{width:53px;height:53px;border-radius:14px;display:grid;place-items:center;background:var(--lime);font-size:28px;margin-bottom:18px}.empty-panel h2{font:600 20px 'Space Grotesk';margin:0}.empty-panel p{color:#89928a;max-width:340px;line-height:1.6;margin:9px 0 20px}.site-manage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:35px}.manage-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.manage-card h3{font:600 16px 'Space Grotesk';margin:16px 0 4px}.manage-card p{font-size:11px;color:#929b93;margin:0 0 20px}.manage-card code{display:block;background:#f4f7f1;padding:11px;border-radius:6px;color:#70816a;font:10px 'DM Mono';white-space:nowrap;overflow:hidden}.secondary-button{margin-top:14px;background:#fff;border:1px solid #dfe6d9;border-radius:6px;padding:9px 12px;color:#667263;font:600 11px 'DM Sans';cursor:pointer}.analytics-callout{margin-top:35px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:25px;max-width:540px}.analytics-callout strong{font:600 26px 'Space Grotesk';display:block}.analytics-callout span{display:block;color:#72a33d;font:500 11px 'DM Mono';margin-top:6px}.analytics-callout .meter{margin-top:24px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(25,35,31,.35);z-index:5;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:430px;max-width:100%;background:#fff;border-radius:12px;padding:30px;position:relative;box-shadow:0 20px 60px #18261c30}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:25px;color:#a0aaa0;cursor:pointer}.modal h2{font:600 24px 'Space Grotesk';letter-spacing:-.7px;margin:0}.modal-copy{color:#89928a;line-height:1.5;font-size:12px;margin:10px 0 23px}.modal label{display:block;color:#69746a;font:600 11px 'DM Mono';margin-top:13px}.modal input{width:100%;margin-top:6px;padding:11px;border:1px solid #e1e7de;border-radius:6px;outline:0;font:12px 'DM Sans'}.modal input:focus{border-color:#afdb61}.upload-box{border:1px dashed #cbd8c0;background:#fbfdf8;border-radius:7px;padding:20px;text-align:center;color:#95ae6e;font-size:22px;margin:17px 0}.upload-box span{display:block;font:600 11px 'DM Sans';color:#6d7b6c;margin-top:6px}.upload-box small{font:10px 'DM Mono';color:#a4aea3}.full{width:100%}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.sidebar{width:205px}.topbar,.content{padding-left:25px;padding-right:25px}}@media(max-width:700px){.sidebar{display:none}.topbar{padding:0 18px}.help-button span{display:none}.top-actions{gap:10px}.content{padding:28px 18px}.hero-row,.page-title{align-items:flex-start;flex-direction:column;gap:18px}.stats-grid{grid-template-columns:1fr}.chart-tooltip{right:4%;top:42px}.legend{gap:8px}.bottom-grid,.site-manage-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}table{min-width:560px}.chart-card{padding-left:10px;padding-right:10px}.chart-y{width:37px}}