@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#233b35;--green:#287458;--muted:#7a857d;--line:#e3e7df;--bg:#f7f8f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#edf1e7;padding:40px 25px;border-right:1px solid var(--line)}.brand{font:800 39px Manrope,sans-serif;letter-spacing:-2px;text-decoration:none;color:var(--ink)}.brand span{display:block;font:8px 'DM Sans';letter-spacing:1.3px;margin-top:10px}nav{margin-top:65px;display:grid;gap:10px}nav button{background:none;border:0;text-align:left;padding:14px 16px;color:#68766b;border-radius:8px}nav button.selected{background:#dce7d5;color:#254d39;font-weight:700}.aside-bottom{position:absolute;bottom:38px;line-height:1.7;color:#6e7a69}.aside-bottom small{display:block;font-size:10px;margin-top:15px}main{margin-left:238px;padding:28px 42px;max-width:1700px}header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:#7b847a;border-bottom:1px solid var(--line);padding-bottom:24px}header div{letter-spacing:0}.intro{display:flex;align-items:center;justify-content:space-between;margin:40px 0 28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#718466}h1{font:500 38px Manrope;letter-spacing:-1.5px;margin:10px 0}p{line-height:1.6}.intro p:last-child{color:var(--muted);margin-bottom:0}.primary{background:var(--green);color:white;padding:13px 20px;border:0;border-radius:7px;font-weight:600}.secondary{background:white;color:var(--ink);border:1px solid var(--line);padding:9px 12px;border-radius:6px}.notice{background:#eaf0df;padding:12px 17px;border-radius:7px;font-size:12px;margin-bottom:24px;color:#61744e}.notice button{border:0;background:none;color:var(--green);font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.metric{padding:22px}.metric .label{font-size:12px;color:#7c877e}.metric strong{display:block;font:600 29px Manrope;letter-spacing:-1px;margin:15px 0 10px}.metric small{font-size:11px;color:#839078}.metric:first-child{background:#253f35;color:white;border:0}.metric:first-child .label,.metric:first-child small{color:#bbd0b4}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-top:24px}.panel{padding:24px;min-width:0}h2{font:700 16px Manrope;margin:0 0 7px}.muted{color:var(--muted);font-size:12px}.panel-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:10px;padding:6px 9px;background:#f0f3e8;border-radius:5px;color:#758566}.chart{height:204px;display:flex;align-items:flex-end;gap:18px;padding-top:30px;margin:10px 0 30px;border-bottom:1px solid var(--line)}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;gap:8px;font-size:10px;color:#7b867b}.bar{width:75%;min-height:3px;background:#b8caa2;border-radius:5px 5px 0 0}.bar-col:first-child .bar{background:#3d795a}.bar-col span{position:absolute;top:calc(100% + 10px)}.chart-note{font-size:10px;color:#8a9386;margin-top:38px}.alert{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start}.alert:last-child{border:0}.dot{border-radius:50%;width:8px;height:8px;background:#c89d4a;margin-top:6px;flex-shrink:0}.alert strong{font-size:12px}.alert p{margin:4px 0;font-size:11px;color:#7e897e}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:18px;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:1px;color:#92998e;font-weight:500}td{padding:17px 5px;border-bottom:1px solid #eff0ea;font-size:12px}td strong{display:block}td small{display:block;color:#8a9386;margin-top:5px}.pill{border-radius:20px;padding:5px 9px;background:#eaf1df;color:#5d7b47;font-size:10px}.pill.warn{background:#faf1db;color:#aa853d}.pill.gray{background:#eee;color:#888}.textbtn{background:none;border:0;color:var(--green);font-size:12px;padding:6px}.week{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:10px;overflow:auto;margin-top:20px}.day{background:#f6f7f2;border-radius:8px;padding:12px;min-height:180px}.day h3{font-size:11px;color:#7e8978;margin:0 0 18px}.block{background:#e1ead7;border-left:3px solid #7e9b68;border-radius:4px;padding:10px 7px;margin-bottom:9px;font-size:11px}.block small{display:block;margin-top:6px;color:#708467}.block.conflict{background:#fae6dc;border-color:#bd7659}footer{display:flex;justify-content:space-between;font-size:10px;color:#8b9587;padding:25px 0;gap:10px}dialog{width:580px;max-width:95vw;border:1px solid var(--line);border-radius:14px;padding:28px;color:var(--ink)}dialog::backdrop{background:#1e332c66}label{display:block;font-size:12px;margin:14px 0}input,select,textarea{display:block;width:100%;border:1px solid #d9dfd4;border-radius:6px;padding:10px;margin-top:6px;background:#fff;color:var(--ink)}textarea{min-height:70px}.row{display:flex;gap:14px}.row>*{flex:1;min-width:0}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{border:0;background:none}.slot{display:grid;grid-template-columns:1fr 1fr 1fr 30px;gap:7px;margin:8px 0}.slot button{border:0;background:none;color:#a65c4a}#error{color:#ad4c39}.empty{padding:35px;text-align:center;color:#87917e}.settings{max-width:650px}.settings button{margin:6px}.progress{height:5px;background:#edf0e8;border-radius:4px;margin:14px 0}.progress i{display:block;height:100%;background:#8da877;border-radius:4px}a{color:var(--green)}@media(max-width:1100px){aside{width:190px;padding:30px 18px}main{margin-left:190px;padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.intro{gap:20px}h1{font-size:30px}}@media(max-width:650px){aside{position:static;width:auto;padding:20px}.brand{font-size:28px}.brand span,.aside-bottom{display:none}nav{margin-top:20px;display:flex;overflow:auto;gap:3px}nav button{white-space:nowrap;padding:10px;font-size:11px}main{margin:0;padding:20px}header{font-size:8px}.intro{align-items:flex-start;flex-direction:column;margin:25px 0}.metric{padding:16px}.metric strong{font-size:24px}.panel{padding:18px}.chart{gap:9px}footer{flex-direction:column}.row{gap:8px}}

[hidden]{display:none!important}
.language-control{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#526c5b;font-size:14px;flex-shrink:0}.language-control select{width:auto;min-width:112px;margin:0;padding:8px 26px 8px 10px;border:1px solid #cad5c5;border-radius:7px;background:#fff;color:#294735;font-size:12px;cursor:pointer}.language-control select:focus-visible{outline:2px solid #287458;outline-offset:3px}.top{flex-wrap:wrap;gap:15px}.top>.language-control{order:3}.card>.language-control{margin-bottom:26px}header{align-items:center;gap:15px;flex-wrap:wrap}header>.language-control{order:3}article>.language-control{margin-bottom:20px}.language-control span{line-height:1}@media(max-width:650px){header>.language-control{margin-left:auto}.top>.language-control{order:0}.top .brand{order:-1}.card>.language-control{margin-bottom:20px}}

#loading>.language-control{position:absolute;top:24px;right:24px}.dialog-head{align-items:center;gap:10px;flex-wrap:wrap}.dialog-head>.language-control{order:2;margin-left:auto}.dialog-head>#close{order:3}.dialog-head h2{order:1}

/* Shared visual language: clear controls, consistent line icons and useful emphasis. */
:root{--muted:#657369}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.primary,.secondary,.textbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,box-shadow .15s}.primary:hover{background:#205e48;box-shadow:0 3px 10px #233b3515}.secondary:hover,.currency-chip:hover{background:#f0f4eb}.textbtn:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #287458;outline-offset:3px}nav button{display:flex;align-items:center;gap:12px;font-size:13px}nav button .icon{width:18px;height:18px}nav button:hover{background:#e4ebde}nav button.selected{box-shadow:inset 3px 0 #467951}.language-control .icon{width:17px;height:17px}.account-preferences{display:flex;align-items:center;gap:18px;margin-left:auto}.currency-chip{display:inline-flex;align-items:center;border:1px solid #d1dccb;border-radius:7px;padding:8px 10px;background:#f1f5ed;color:#3c5d46;font-size:11px;letter-spacing:0}.metric{padding:22px;min-width:0}.metric .label{display:flex;gap:9px;align-items:center;color:#617366;line-height:1.5}.metric .label .icon{width:17px;height:17px}.metric strong{font-size:clamp(21px,2.2vw,30px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-1px}.metric small{color:#607354;line-height:1.6;display:block}.metric:first-child small,.metric:first-child .label{color:#d0e1c9}.panel{border-radius:12px}.panel-top{gap:12px;flex-wrap:wrap}.panel-top h2{margin-bottom:0}.bar-col b{font-size:10px;font-weight:500;white-space:nowrap;max-width:100%;letter-spacing:-.3px}.chart-note{color:#687762;line-height:1.65}.tag{color:#536d47}.alert p,td small{color:#667860}.alert strong{font-weight:600}.next-step{display:flex;align-items:center;gap:17px;padding:20px 22px;background:#edf2e6;border:1px solid #dbe4d2;border-radius:12px;margin-bottom:24px}.next-step .next-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dfe9d4;width:42px;height:42px;flex-shrink:0;color:#476844}.next-step>div:nth-child(2){flex:1;min-width:0}.next-step .eyebrow{display:block;font-size:8px;letter-spacing:1.3px;margin-bottom:6px;color:#5b7250}.next-step h2{font-size:15px;margin:0;line-height:1.5}.next-step p{margin:4px 0 0;font-size:12px;color:#5e7155}.next-step .textbtn{font-size:12px;flex-shrink:0}.next-step .textbtn .icon{width:15px;height:15px}.field-help{font-size:12px;line-height:1.7;color:#657369;background:#f4f7ef;padding:12px 14px;border-radius:7px;margin:0 0 20px}.settings label{font-size:13px}.settings button{margin:6px 0}.intro{gap:25px}.intro h1{font-weight:600;font-size:34px}.intro .primary{flex-shrink:0}.brand>span{line-height:1.7}.aside-bottom{right:22px;font-size:12px}.muted{color:#657369}.chart{gap:12px}.empty{color:#64755c}.table-wrap button{min-height:32px}dialog{max-height:90vh;overflow:auto}footer{color:#63745c}.dialog-head h2{flex:1}.dialog-head button .icon{width:18px;height:18px}
@media(min-width:1450px){main{padding-left:48px;padding-right:48px}.intro{margin-top:45px}.metric strong{font-size:31px}}
@media(max-width:1100px){nav button{font-size:12px;gap:9px}.metric strong{font-size:27px}.intro h1{font-size:30px}.next-step{flex-wrap:wrap}.next-step>.textbtn{margin-left:59px;padding-left:0}.account-preferences{gap:12px}}
@media(max-width:650px){nav button{font-size:11px;gap:6px;min-height:40px}nav button .icon{width:15px;height:15px}nav button.selected{box-shadow:inset 0 -2px #467951}.account-preferences{gap:10px;margin-left:0}header{gap:12px}header>span{display:none}.intro h1{font-size:28px}.metric{padding:16px}.metric strong{font-size:23px;letter-spacing:-.8px}.metric .label{font-size:11px;gap:6px}.metric small{font-size:10px}.metric .label .icon{width:15px;height:15px}.next-step{padding:16px;gap:12px}.next-step .next-icon{width:32px;height:32px}.next-step h2{font-size:14px}.next-step>.textbtn{margin-left:44px}.bar-col b{font-size:8px}.chart{gap:5px}.settings{max-width:100%}.dialog-head{gap:7px}.dialog-head>.language-control{order:4;width:100%;margin:4px 0}.dialog-head>#close{order:3}.row{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.next-step{align-items:flex-start}.next-step>div:nth-child(2){flex-basis:calc(100% - 44px)}.next-step>.textbtn{flex-basis:calc(100% - 44px);justify-content:flex-start;margin-top:2px}.next-step .next-icon{margin-top:5px}}
.currency-code{font-size:9px;font-weight:600;padding:3px 5px;background:#eef3e7;color:#5c7250;border-radius:4px;margin-left:4px}.currency-overview{margin:0 0 24px}.currency-overview-heading{display:flex;gap:24px;align-items:baseline;justify-content:space-between}.currency-overview-heading p{max-width:540px;font-size:11px;color:#657369;margin:0 0 12px}.currency-totals{display:flex;gap:12px;flex-wrap:wrap}.currency-total{flex:1;min-width:180px;text-align:left;border:1px solid #dce5d4;border-radius:9px;padding:14px 18px;background:#fff;color:#38513f}.currency-total[aria-pressed=true]{background:#e8f0df;border:2px solid #578165;padding:13px 17px}.currency-total>span,.currency-total>strong,.currency-total>small{display:block}.currency-total>span{font-size:11px}.currency-total>strong{font-size:19px;margin:7px 0;font-variant-numeric:tabular-nums}.currency-total>small{font-size:10px;color:#64775a}.contract-price-row{display:grid;grid-template-columns:1.3fr 1.1fr 1fr;gap:12px}.contract-price-row label{min-width:0}#planning-status{color:#287458;font-size:12px}@media(max-width:650px){.currency-overview-heading{display:block}.currency-overview-heading h2{margin-bottom:8px}.currency-totals{gap:8px}.currency-total{min-width:120px;padding:12px}.currency-total[aria-pressed=true]{padding:11px}.currency-total>strong{font-size:17px}.contract-price-row{grid-template-columns:1fr 1fr}.contract-price-row>label:first-child{grid-column:1/-1}}
.fx-notice{margin-top:12px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 18px;border-radius:8px;background:#eff4e9;color:#496443;font-size:11px}.fx-notice strong{font-size:12px}.fx-notice p{margin:5px 0 0;line-height:1.6}.fx-notice .textbtn{white-space:nowrap}.fx-unavailable{background:#f9f2df;color:#786032}.fx-notice button:disabled{opacity:.5;cursor:wait}.currency-total{cursor:default}@media(max-width:650px){.fx-notice{flex-direction:column;align-items:flex-start;gap:8px}}
