.ma-app{--ma-bg:#121620;--ma-panel:#1a202d;--ma-line:#343c4d;--ma-text:#edf0f8;--ma-muted:#bac4d7;--ma-purple:#b4a5f2;--ma-blue:#95c4f3;--ma-coral:#eaa398;margin:24px 0 0;border:1px solid var(--ma-line);border-radius:16px;background:var(--ma-bg);color:var(--ma-text);font:14px/1.6 'Inter',system-ui,sans-serif;text-align:left;overflow:hidden}
.ma-app *{box-sizing:border-box}.ma-app [hidden]{display:none!important}.ma-app button,.ma-app select,.ma-app input{font:inherit}.ma-app button{cursor:pointer}.ma-app :focus-visible{outline:2px solid var(--ma-purple);outline-offset:4px}
.ma-header{padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ma-line);background:#1a202c}.ma-brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:650;letter-spacing:-.03em}.ma-brand i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8e82b9;border-radius:9px;color:#d8ccff;font-size:19px;font-weight:500;font-style:normal}.ma-header small{font-size:13px;color:var(--ma-muted)}
.ma-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 28px 0;flex-wrap:wrap}.ma-tabs{display:flex;gap:23px;flex-wrap:wrap}.ma-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:5px 0 11px;color:#acb9d1;font-size:14px}.ma-tabs button.active{border-color:var(--ma-purple);color:#eee8ff;font-weight:600}.ma-tabs button span{font-size:12px;background:#343044;border-radius:4px;padding:1px 5px;margin-left:4px}.ma-quarters{display:flex;padding:4px;background:#242b3a;border-radius:7px;gap:3px}.ma-quarters button{border:0;border-radius:5px;background:none;color:#bfcae0;padding:6px 12px;font-size:13px}.ma-quarters button.active{background:#65568d;color:white;font-weight:600}
.ma-body{padding:23px 28px 27px}.ma-scope{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:21px}.ma-scope>span{color:#b9c5d8;font-size:13px}.ma-link{border:0;background:none;color:#c5b6ff;padding:0;font-size:13px!important;text-align:left}.ma-filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.ma-filters select{border:1px solid #475268;background:#212938;color:#dae1ef;border-radius:6px;font-size:14px;padding:7px 10px}.ma-check{display:flex;align-items:center;gap:8px;color:#c4cede;font-size:13px}.ma-check input{accent-color:#a495de;width:15px;height:15px}
.ma-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:23px}.ma-kpi{min-width:0;padding:17px 18px;border:1px solid var(--ma-line);border-radius:9px;background:var(--ma-panel)}.ma-kpi>span{font-size:13px;color:#c0cada;display:block}.ma-kpi>strong{font-size:29px;font-weight:600;letter-spacing:-.04em;line-height:1.3;display:block;margin:9px 0 10px;font-variant-numeric:tabular-nums}.ma-kpi small{display:block;color:#b6c1d4;font-size:12px;line-height:1.65}.ma-kpi small.adverse{color:var(--ma-coral)}
.ma-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:18px;margin-bottom:20px;align-items:stretch}.ma-panel{border:1px solid var(--ma-line);border-radius:10px;background:var(--ma-panel);padding:23px;min-width:0}.ma-panel-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:17px;flex-wrap:wrap}.ma-panel h5,.ma-panel h4{font-family:'Inter',system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.5;margin:0;color:#f0f1f8}.ma-panel-head>span,.ma-note{font-size:13px;color:#b4c1d6;line-height:1.7}.ma-note{margin:16px 0 0}.ma-legend{display:flex;gap:17px;flex-wrap:wrap;margin-bottom:16px;font-size:12px;color:#bac5d8}.ma-legend span{display:flex;align-items:center;gap:7px}.ma-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9eacbf}.ma-legend .qualified{background:var(--ma-purple);border-radius:2px}
.ma-cost-chart{height:332px;width:100%;min-width:0}.ma-cost-chart svg{display:block;width:100%;height:100%;overflow:visible}.ma-cost-chart text{font:12px 'Inter',sans-serif;fill:#bcc7db}.ma-chart-row{cursor:pointer;outline:none}.ma-chart-row:hover .ma-row-bg,.ma-chart-row:focus .ma-row-bg{fill:#35334a}.ma-selected .ma-row-bg{fill:#302d41}
.ma-funnel{display:grid;gap:16px}.ma-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;font-size:14px}.ma-stage strong{font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.2}.ma-stage small{font-size:12px;color:#b6c2d6}.ma-stage-track{grid-column:1/-1;display:block;height:7px;background:#2a3141;border-radius:3px;overflow:hidden}.ma-stage-track i{display:block;height:100%;width:var(--width);background:var(--stage);border-radius:3px}.ma-detail-name{font-size:14px;color:#d0c5f2;margin:0 0 19px}.ma-detail-name:empty{display:none}.ma-keyline{display:flex;justify-content:space-between;padding-top:16px;margin-top:19px;border-top:1px solid var(--ma-line);gap:12px;font-size:13px;color:#bcc8db}.ma-keyline strong{color:#e7e9f3;font-weight:600}
.ma-scroll{overflow-x:auto;scrollbar-color:#59637c #1b2130}.ma-table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}.ma-table th{font-size:12px;color:#b6c3d9;font-weight:500;text-align:right;background:#252c3c;padding:12px 13px;white-space:nowrap}.ma-table td{padding:16px 13px;border-bottom:1px solid var(--ma-line);text-align:right;color:#d2dbea;vertical-align:top}.ma-table th:first-child,.ma-table td:first-child{text-align:left}.ma-table td:first-child{min-width:175px}.ma-table td small{display:block;font-size:12px;color:#b0bdd4;margin-top:5px;line-height:1.65}.ma-table button{font-size:14px!important;font-weight:500}.ma-table tr.selected td{background:#302d43}.ma-table tr:hover td{background:#292e40}.ma-table tfoot td{font-weight:600;border-bottom:0;color:#eef0f8}.ma-positive{color:#b7cef7!important}.ma-negative{color:#eda99b!important}.ma-delta{display:block;white-space:nowrap;font-size:12px;margin-top:5px}.ma-table--changes td{padding:13px}.ma-table--changes td:first-child{min-width:175px}.ma-table--campaigns{min-width:890px}
.ma-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:23px}.ma-heading h4{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:0 0 8px;font-weight:600}.ma-heading p{font-size:14px;color:#bcc7d9;line-height:1.7;max-width:70ch;margin:0}.ma-button{border:1px solid #8e7cba;background:#65538e;color:white;font-size:13px;padding:9px 13px;border-radius:7px;white-space:nowrap}.ma-button.secondary{background:transparent;border-color:#526078;color:#cfdaec}.ma-actions{display:flex;gap:10px;flex-wrap:wrap}
.ma-plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 23px;background:#211f32;border:1px solid #4c425f;border-radius:10px;margin-bottom:20px}.ma-plan-summary>div{color:#bdc6da;font-size:13px}.ma-plan-summary strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.03em;color:#eee9fa;margin-bottom:6px}.ma-plan-table{min-width:620px}.ma-plan-table input{max-width:125px;width:100%;padding:7px 10px;border:1px solid #56617b;border-radius:6px;background:#101722;color:#f0eff9;text-align:right;font-size:14px}.ma-plan-table td{vertical-align:middle}.ma-budget-status{font-size:14px;margin:17px 0 0;padding:11px 14px;background:#252a3b;border-radius:6px;color:#c6d5f4}.ma-budget-status.over{color:#f4b2a6;background:#33252c}
.ma-report-intro{max-width:76ch;margin:0 0 25px;color:#cad3e3;font-size:15px;line-height:1.75}.ma-findings{border-top:1px solid var(--ma-line)}.ma-finding{display:grid;grid-template-columns:33px minmax(0,1.15fr) minmax(0,1fr);gap:20px;padding:27px 0;border-bottom:1px solid var(--ma-line)}.ma-finding>span{color:#b3a5d9;font-size:22px;font-weight:500}.ma-finding h5{font-size:18px;font-weight:600;line-height:1.5;color:#eef0f7;margin:0 0 13px}.ma-finding p{font-size:15px;line-height:1.75;color:#c6cfde;margin:0 0 13px}.ma-recommendation{padding-left:22px;border-left:1px solid #49445e}.ma-recommendation strong{color:#cfc1f6;font-size:13px;font-weight:600}.ma-recommendation p{margin-top:12px}.ma-recommendation small{color:#b1bed3;font-size:12px}.ma-definition{padding:22px;background:#242938;border:1px solid #4b5366;border-radius:8px;margin-bottom:21px}.ma-definition header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.ma-definition dl{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px 22px;font-size:13px;margin:0}.ma-definition dt{font-weight:500;color:#e1e6f2}.ma-definition dd{margin:0;color:#c4cede;line-height:1.75}.ma-foot{font-size:12px;line-height:1.7;color:#acbad1;margin:22px 0 0}.ma-tooltip{position:fixed;z-index:80;max-width:305px;pointer-events:none;background:#252c40;color:#e7ebf5;border:1px solid #797097;border-radius:9px;padding:13px 15px;box-shadow:0 12px 35px #0006;font-size:13px;line-height:1.65}.ma-tooltip strong{display:block;color:#e2d5ff;margin-bottom:7px}.ma-tooltip span{display:block}
@media(max-width:1050px){.ma-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-grid{grid-template-columns:minmax(0,1fr)}.ma-funnel{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ma-stage{display:flex;flex-direction:column;gap:7px}.ma-stage-track{order:3}.ma-stage small{order:4}.ma-cost-chart{height:350px}}
@media(max-width:700px){.ma-header{padding:19px;gap:14px;align-items:start}.ma-brand{font-size:17px;gap:9px}.ma-header small{font-size:12px;max-width:100px;text-align:right}.ma-toolbar{padding:19px 18px 0;gap:17px}.ma-tabs{gap:18px}.ma-tabs button{font-size:13px}.ma-quarters button{padding:6px 13px}.ma-body{padding:20px 17px}.ma-kpis{gap:10px}.ma-kpi{padding:15px 13px}.ma-kpi>strong{font-size:25px}.ma-kpi>span{font-size:12px;min-height:38px}.ma-kpi small{font-size:12px}.ma-panel{padding:19px 16px}.ma-panel h5{font-size:15px}.ma-funnel{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ma-stage>span{font-size:13px}.ma-cost-chart{height:372px}.ma-heading{flex-direction:column;gap:17px}.ma-heading h4{font-size:21px}.ma-plan-summary{padding:18px 15px;gap:16px;grid-template-columns:1fr 1fr}.ma-plan-summary>div:last-child{grid-column:1/-1}.ma-plan-summary strong{font-size:24px}.ma-finding{grid-template-columns:25px minmax(0,1fr);gap:13px;padding:24px 0}.ma-finding h5{font-size:17px}.ma-recommendation{grid-column:2;padding-left:15px}.ma-definition{padding:18px}.ma-definition dl{grid-template-columns:1fr;gap:7px}.ma-definition dt{margin-top:10px}.ma-note{font-size:12px}.ma-filters{gap:12px}.ma-filters select{font-size:13px}}
.ma-cost-chart text{font-size:13px}
@media(max-width:700px){
 .ma-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}.ma-tabs button{font-size:12px;white-space:nowrap}.ma-toolbar{gap:14px}
 .ma-plan-table,.ma-table--changes{display:block;min-width:0;width:100%}.ma-plan-table thead,.ma-table--changes thead{display:none}.ma-plan-table tbody,.ma-table--changes tbody,.ma-table--changes tfoot{display:block}
 .ma-plan-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:17px 0;border-bottom:1px solid var(--ma-line)}
 .ma-plan-table td{display:block;min-width:0!important;border:0;padding:0;text-align:left;font-size:14px}.ma-plan-table td:first-child{grid-column:1/-1;padding-bottom:6px;font-weight:500}.ma-plan-table td small{font-weight:400}
 .ma-plan-table td:nth-child(2)::before{content:'Current spend';display:block;margin-bottom:8px;font-size:12px;color:#acbad1}.ma-plan-table td:nth-child(3)::before{content:'Planned spend (£)';display:block;margin-bottom:8px;font-size:12px;color:#acbad1}.ma-plan-table td:nth-child(4){grid-column:1/-1;padding-top:4px;font-size:13px}.ma-plan-table td:nth-child(4)::before{content:'Change · ';color:#acbad1}.ma-plan-table input{max-width:none}
 .ma-table--changes tr{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:10px 6px;padding:16px 0;border-bottom:1px solid var(--ma-line)}
 .ma-table--changes td{display:block;min-width:0!important;border:0;padding:0;text-align:left;font-size:13px;white-space:nowrap}.ma-table--changes td:first-child{grid-column:1/-1;white-space:normal;margin-bottom:5px}.ma-table--changes td:nth-child(2)::before{content:'Spend'}.ma-table--changes td:nth-child(3)::before{content:'Enquiries'}.ma-table--changes td:nth-child(4)::before{content:'Qualified'}.ma-table--changes td:nth-child(5)::before{content:'Won'}
 .ma-table--changes td:not(:first-child)::before{display:block;color:#b5c0d4;font-size:11px;font-weight:400;margin-bottom:5px}.ma-table--changes tr:hover td{background:none}
}