:root{--ink:#101a19;--muted:#6e7a77;--line:#e6ebe7;--bg:#f4f6f2;--card:#fff;--lime:#b8ed52;--lime-dark:#497711;--navy:#172d2a;--blue:#4d86f7;--violet:#7f68d8;--orange:#ff9d4d;--sidebar:238px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,select{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#142321;color:#edf5f0;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 31px}.brand-mark{width:34px;height:34px;border:1px solid #48615d;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px}.brand-mark span{width:4px;border-radius:3px;background:var(--lime)}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:13px}.brand strong{font-size:18px;letter-spacing:.03em}.brand small{display:block;color:#91a29e;font-size:11px;margin-top:-2px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;border:0;background:transparent;color:#93a5a1;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;font-size:13px;font-weight:600;transition:.18s}.nav-item:hover{background:#1c312e;color:#fff}.nav-item.active{background:#263c38;color:#fff}.nav-item.active .nav-icon{color:var(--lime)}.nav-item em{margin-left:auto;background:var(--lime);color:#142321;border-radius:10px;padding:1px 7px;font-style:normal;font-size:10px}.nav-icon{width:17px;text-align:center;font-size:16px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #2a3b38;margin-top:16px;padding:19px 7px 3px;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--lime);color:#17231f;display:grid;place-items:center;font-weight:700;font-size:11px}.profile div:nth-child(2){flex:1}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:9px;color:#82928f}.profile>span{color:#7c8c88}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px}.breadcrumbs span,.breadcrumbs b{color:#9aa4a1;font-weight:500}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-button,.mobile-menu{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:9px;cursor:pointer;color:#52605d}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;background:#ef6c67;border-radius:50%;right:9px;top:8px;border:1px solid #fff}.primary-button,.secondary-button{border:0;border-radius:9px;padding:10px 15px;font-weight:700;font-size:12px;cursor:pointer}.primary-button{background:#172a27;color:#fff}.primary-button:hover{background:#243d39}.primary-button span{color:var(--lime)}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.secondary-button.small{padding:8px 11px;margin-left:auto}.mobile-menu{display:none}.content{padding:31px 32px 50px;display:none;max-width:1540px;margin:auto}.content.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}.eyebrow{text-transform:uppercase!important;letter-spacing:.16em!important;color:#7c8c88!important;font-size:9px!important;font-weight:700!important;margin-bottom:8px!important}.page-heading h1{margin:0 0 6px;font-size:26px;letter-spacing:-.04em}.page-heading p{margin:0;color:var(--muted);font-size:12px}.filters{display:flex;gap:9px}.select-wrap{height:39px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:8px;color:#83908d}.select-wrap select{border:0;outline:0;background:transparent;color:#26312f;font-weight:600;font-size:11px;min-width:120px}.status-dot{width:7px;height:7px;border-radius:50%;background:#75bc38}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric-card{min-height:170px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;position:relative;overflow:hidden}.metric-card.accent-card{background:#edffd0;border-color:#d4efaa}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.metric-icon{width:32px;height:32px;border-radius:8px;background:#c9f875;display:grid;place-items:center;font-weight:800}.metric-icon.blue{background:#e9f0ff;color:var(--blue)}.metric-icon.violet{background:#f0edff;color:var(--violet)}.metric-icon.orange{background:#fff0e4;color:var(--orange)}.trend{font-size:10px;font-weight:700;border-radius:12px;padding:4px 7px}.trend.up{color:#548e22;background:#f0f8e8}.trend.down{color:#c75852;background:#fff0ef}.metric-card>p{font-size:11px;color:var(--muted);margin:0 0 5px}.metric-card h2{font-size:27px;letter-spacing:-.04em;margin:0 0 4px}.metric-card>small{font-size:9px;color:#8a9592}.mini-chart{position:absolute;right:14px;bottom:15px;width:78px;height:42px;display:flex;align-items:flex-end;gap:4px}.mini-chart i{display:block;flex:1;background:#a0d143;border-radius:2px 2px 0 0}.sparkline{position:absolute;bottom:0;left:0;width:100%;height:46px}.sparkline path{stroke:#4c84eb;stroke-width:2;fill:none}.sparkline .area{fill:#4c84eb;opacity:.08;stroke:none}.progress{height:5px;background:#eef0f1;border-radius:5px;margin-top:18px}.progress i{display:block;height:100%;background:var(--violet);border-radius:5px}.avatar-row{display:flex;margin-top:13px}.avatar-row span{width:25px;height:25px;border-radius:50%;margin-right:-5px;border:2px solid white;background:#dbe3e0;display:grid;place-items:center;font-size:7px;font-weight:700}.avatar-row span:last-child{width:auto;padding:0 7px;background:#f0f2ef}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel h3{margin:0 0 4px;font-size:14px}.panel p{margin:0;color:var(--muted);font-size:10px}.legend{display:flex;gap:16px;font-size:9px;color:#65716f}.legend span{display:flex;gap:6px;align-items:center}.legend i,.cost-list i{width:7px;height:7px;border-radius:50%;display:inline-block}.lime{background:var(--lime)}.navy{background:#1b3430}.chart-wrap{position:relative;padding-left:40px;padding-bottom:20px;height:285px}.axis{position:absolute;left:0;top:5px;bottom:25px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a1aaa7}.main-chart{height:255px;width:100%;overflow:visible}.grid-lines line{stroke:#edf0ee;stroke-width:1;stroke-dasharray:4 4}.revenue-area{fill:url(#chartFill)}.revenue-line{fill:none;stroke:#a7db43;stroke-width:3}.profit-line{fill:none;stroke:#19322e;stroke-width:2.5}.chart-point circle{fill:#a7db43;stroke:#fff;stroke-width:3}.chart-point line{stroke:#a7db43;stroke-dasharray:3 3;opacity:.55}.x-axis{display:flex;justify-content:space-between;font-size:8px;color:#9ba5a2}.chart-tooltip{position:absolute;right:11%;top:25px;background:#172723;color:#fff;border-radius:8px;padding:9px 10px;box-shadow:0 8px 30px #263b3528;font-size:8px;display:flex;flex-direction:column;gap:5px}.chart-tooltip>strong{font-size:9px}.chart-tooltip span{display:flex;align-items:center;gap:5px;color:#bdc7c4}.chart-tooltip span b{margin-left:4px;color:#fff}.chart-tooltip i{width:5px;height:5px;border-radius:50%}.more{border:0;background:transparent;color:#99a39f;cursor:pointer}.donut-row{display:flex;align-items:center;gap:24px;padding-top:11px}.donut{width:132px;height:132px;flex:none;border-radius:50%;background:conic-gradient(#172d2a 0 43%,#a8dc48 43% 70%,#4f87f0 70% 85%,#826cdc 85% 93%,#dfe6e2 93%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#fff}.donut>div{z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:16px}.donut span{font-size:8px;color:var(--muted)}.cost-list{flex:1}.cost-list>div{display:grid;grid-template-columns:1fr auto 26px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f0f2f0;font-size:9px}.cost-list>div:last-child{border:0}.cost-list span{display:flex;align-items:center;gap:7px;color:#6f7977}.cost-list b{font-size:9px}.cost-list em{font-style:normal;color:#9aa3a1;text-align:right}.cost-a{background:#172d2a}.cost-b{background:#a8dc48}.cost-c{background:#4f87f0}.cost-d{background:#826cdc}.cost-e{background:#dfe6e2}.cohort-panel{padding-bottom:10px}.text-button{border:0;background:transparent;color:#497e17;font-weight:700;font-size:10px;cursor:pointer}.table-scroll{overflow:auto}.cohort-table{width:100%;border-collapse:separate;border-spacing:4px;font-size:9px;min-width:700px}.cohort-table th{text-align:center;color:#8b9693;font-weight:600;padding:6px}.cohort-table th:first-child,.cohort-table th:nth-child(2),.cohort-table td:first-child,.cohort-table td:nth-child(2){text-align:left}.cohort-table td{padding:8px;text-align:center;background:#f6f8f6;border-radius:4px;font-weight:600}.cohort-table td:first-child{background:transparent;font-weight:700}.cohort-table td:nth-child(2){background:transparent;color:#677370}.cohort-table .h1{background:#f1f8e7}.cohort-table .h2{background:#e3f4ca}.cohort-table .h3{background:#d2eea9}.cohort-table .h4{background:#bde779}.cohort-table .h5{background:#a7d94e;color:#273819}.cohort-table.large{font-size:11px}.cohort-table.large td{padding:13px}.metrics-grid.compact .metric-card{min-height:125px}.metrics-grid.compact .metric-card h2{margin-top:16px}.project-grid,.connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-card,.add-project,.connection-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;display:flex;align-items:center;gap:16px}.project-logo,.source-logo{width:48px;height:48px;flex:none;border-radius:12px;display:grid;place-items:center;font-weight:800}.lime-bg{background:#e5f9bf}.blue-bg{background:#e5edff;color:#4572d7}.project-card h3,.connection-card h3{font-size:14px;margin:4px 0}.project-card p,.connection-card p{font-size:10px;color:var(--muted);margin:0}.project-card>strong{margin-left:auto;text-align:right;font-size:17px}.project-card>strong small{display:block;font-size:8px;color:#8b9693;font-weight:500}.connected{color:#5b9229;font-size:8px}.add-project{border-style:dashed;flex-direction:column;justify-content:center;cursor:pointer;color:#6e7a77}.add-project span{font-size:25px}.add-project small{font-size:9px}.notice{display:flex;gap:12px;align-items:center;background:#eef8df;border:1px solid #d7edb7;border-radius:12px;padding:16px 18px;margin-bottom:16px}.notice>span{width:27px;height:27px;border-radius:50%;background:#b5e85c;display:grid;place-items:center;font-weight:800}.notice strong{font-size:11px}.notice p{font-size:9px;color:#667461;margin:3px 0 0}.source-logo.meta{background:#e7edff;color:#5277dc;font-size:26px}.source-logo.ga{background:#fff1e4;color:#e88737;font-size:20px}.source-logo.api{background:#e8f8d0;color:#628d28;font-size:11px}.source-logo.cost{background:#f0ecff;color:#745dcc;font-size:19px}.connection-card{align-items:flex-start}.connection-card>div:nth-child(2){flex:1}.connection-card small{display:block;color:#98a29f;font-size:8px;margin-top:11px}.pending{font-size:8px;color:#a3752e}.pending-card{border-style:dashed}.pnl-panel{max-width:920px}.positive{font-size:10px;color:#579124;background:#eff8e8;border-radius:12px;padding:6px 9px}.pnl-table{display:flex;flex-direction:column}.pnl-row{display:grid;grid-template-columns:1fr 150px 80px;padding:13px 15px;border-bottom:1px solid #eef1ef;font-size:11px}.pnl-row b,.pnl-row em{text-align:right}.pnl-row em{font-style:normal;color:#84908d}.pnl-row.negative b{color:#b35e59}.pnl-row.subtotal{background:#f5f7f5;font-weight:700}.pnl-row.lime-row{background:#effbdd}.pnl-row.grand{background:#172925;color:#fff;border-radius:8px;margin-top:7px;border:0;font-weight:700}.pnl-row.grand em{color:#c0dbd3}.settings-panel{max-width:720px}.settings-panel>h3{margin-bottom:10px}.settings-panel label{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:11px;font-weight:700}.settings-panel label small{display:block;font-size:8px;color:#8b9693;font-weight:400;margin-top:4px}.settings-panel select{width:230px;border:1px solid var(--line);padding:9px;border-radius:7px;background:#fff;font-size:10px}.settings-panel .primary-button{margin-top:18px}.toast{position:fixed;right:24px;bottom:24px;background:#172a27;color:#fff;padding:12px 17px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 32px #0d1b1840;transform:translateY(100px);opacity:0;transition:.3s;z-index:30}.toast.show{transform:translateY(0);opacity:1}.toast>span{color:var(--lime);font-size:18px}.toast strong,.toast small{display:block}.toast strong{font-size:10px}.toast small{font-size:8px;color:#aab8b4;margin-top:2px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.cost-panel .donut-row{justify-content:center}.cost-list{max-width:400px}.project-grid,.connection-grid{grid-template-columns:1fr}}@media(max-width:760px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);transition:.25s;width:238px}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #07120f55}.main{margin-left:0}.mobile-menu{display:block;margin-right:12px}.topbar{padding:0 16px}.breadcrumbs span,.breadcrumbs b{display:none}.top-actions .icon-button{display:none}.primary-button{padding:10px 12px}.content{padding:22px 16px 40px}.page-heading{align-items:flex-start;flex-direction:column}.filters{width:100%;overflow:auto}.metrics-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.donut-row{flex-direction:column}.cost-list{width:100%}.panel{padding:15px}.chart-wrap{padding-left:32px;height:240px}.main-chart{height:210px}.chart-tooltip{display:none}.project-card{align-items:flex-start}.project-card>strong{font-size:14px}.pnl-row{grid-template-columns:1fr 100px 55px;padding:12px 8px;font-size:9px}.settings-panel label{align-items:flex-start;flex-direction:column;gap:9px}.settings-panel select{width:100%}}