/* Ritmo: mist blue, muted mint and frosted glass. */
:root{--ink:#172b36;--muted:#495c64;--green:#365563;--line:#b7cacb;--bg:#c4d6d8;--lime:#a5c2bd;--glass:linear-gradient(120deg,#f7fffba3,#edf7f26b);--rim:#f4fffcba;--shadow:inset 0 1px 0 #ffffffb3,inset 1px 0 0 #ffffff57,0 14px 35px -24px #314d5c52}
body,body.landing-body{color:var(--ink);background:radial-gradient(ellipse at 5% 12%,#8ea6b6a6,transparent 48%),radial-gradient(ellipse at 85% 40%,#e4f4e8d9,transparent 55%),linear-gradient(145deg,#b6c9d2,#d5e9e2 62%,#a5bec5);background-attachment:fixed;min-height:100vh}
h1,h2,h3,.metric strong{font-family:Manrope,sans-serif}a{color:#365563}.muted{color:var(--muted)}
.primary,.landing .primary{border:1px solid #1d303e;border-radius:6px;color:#fff;background:linear-gradient(180deg,#304b59,#203946);box-shadow:inset 0 1px 1px #ffffff4d,0 4px 10px #1c364213;padding:12px 19px}
.primary:hover{background:#3b5967;box-shadow:inset 0 1px 0 #ffffff5c,0 5px 14px #1c36421f}.primary:disabled{opacity:.65;box-shadow:none}
.secondary,.language-control select,.currency-chip{background:linear-gradient(135deg,#f7fffbb8,#ffffff80);border:1px solid #d5dfe5;box-shadow:inset 0 1px 0 white;border-radius:6px;color:#344b5c}.secondary:hover,.currency-chip:hover{background:#fff}
input,select,textarea{background:#ffffffd9;border:1px solid #bdcbd4;border-radius:6px;color:var(--ink);box-shadow:inset 0 1px 3px #2b4e6710}input:focus,select:focus,textarea:focus{background:white}option{background:white;color:#172b36}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.language-control select:focus-visible{outline-color:#416b91}
/* One horizontal navigation bar gives the workspace its full width. */
aside{position:relative;z-index:20;inset:auto;width:auto;max-width:1488px;margin:18px auto 0;padding:18px 28px;display:flex;align-items:center;gap:34px;border:1px solid var(--rim);border-radius:6px;background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}
aside .brand{font-size:31px;white-space:nowrap;color:#172b36}aside .brand>span{display:none}
aside nav{display:flex;margin:0;gap:5px;flex:1}aside nav button{padding:11px 13px;border:1px solid transparent;border-radius:6px;font-size:12px;gap:8px;color:#546470;white-space:nowrap}
aside nav button.selected{background:#fff;border-color:#e1e8ed;box-shadow:0 2px 6px #344d5b0d;color:#233b4b}aside nav button.selected .icon{color:#527aa0}aside nav button:hover{background:#ffffffb8}

main{margin:0 auto;max-width:1488px;padding:22px 28px 32px}main>header{border:0;padding:0 0 14px;letter-spacing:0;color:#60707c}.account-preferences{gap:16px}.currency-chip{padding:8px 11px}
.intro{margin:16px 0 27px;gap:22px}.intro h1{font-size:32px;font-weight:500;letter-spacing:-1.2px}.intro p:last-child{color:#60707c;max-width:620px;font-size:13px}
.metric,.panel,.currency-total,.next-step{background:var(--glass);border:1px solid var(--rim);border-radius:6px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%)}
.metrics{gap:14px}.metric{padding:23px 24px}.metric .label{font-size:11px;color:#52616d;min-height:33px}.metric strong{font-weight:500;font-size:clamp(26px,2.6vw,38px);font-variant-numeric:tabular-nums;letter-spacing:-1.4px;margin:19px 0 12px}.metric small{color:#536472;font-size:11px}
.metric:first-child{color:#17354c;background:radial-gradient(ellipse at 15% 0%,#edf9ff8c,transparent 70%),linear-gradient(135deg,#e0f0f1b3,#9cbac873);border:1px solid #ffffffc9;box-shadow:inset 0 1px 1px #fff,0 12px 30px -24px #2d587a99}.metric:first-child .label,.metric:first-child small{color:#2e4e67}.metric:first-child strong{color:#17354c}
.metric:last-child{background:linear-gradient(135deg,#e6f2ee88,#eff9f563)}.grid{gap:18px;margin-top:18px;grid-template-columns:1.6fr 1fr}.panel{padding:25px}h2{font-weight:600;font-size:15px;letter-spacing:-.2px}
.next-step{margin:18px 0 0;padding:16px 20px;background:linear-gradient(100deg,#ffffffd9,#dcece694);gap:15px}.next-step .next-icon{width:34px;height:34px;border-radius:6px;background:#c4dcd7;border:1px solid #ebf6f2;color:#365954}.next-step .eyebrow{font-size:10px;font-weight:400;letter-spacing:0;color:#526763}.next-step h2{font-size:14px}.next-step p{font-size:11px;color:#586876}.next-step>.textbtn{margin-left:0}
.tag,.currency-code{border-radius:5px;background:#eef2f4;color:#52616d;font-size:9px;letter-spacing:0}.tag{padding:6px 9px}.pill{background:#dcece6;color:#3b5e55}.pill.warn{background:#fff1da;color:#795f2b}.pill.gray{background:#e9eef1;color:#5c6870}.textbtn{color:#365563}
.chart{height:220px;border-bottom-color:#d9e3e9;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#dce5ec70 50px,#dce5ec70 51px);padding-top:30px}.bar{background:linear-gradient(180deg,#edf5fb,#ccdfef);border:1px solid #f4fffcba;box-shadow:inset 1px 1px 0 white;border-radius:6px 6px 0 0}.bar-col:first-child .bar{background:linear-gradient(180deg,#a5c2bd,#8baba6);border-color:#d8ece4}.bar-col b{color:#435b6c}.bar-col:first-child b{background:var(--lime);padding:4px 6px;border-radius:4px;color:#26483f}.chart-note{color:#5e707e;line-height:1.7}.progress{background:#ffffff59}.progress i{background:var(--lime)}
.alert{padding:17px 0;border-bottom-color:#dfe7ed}.alert p{color:#5e707e}.dot{background:#648d87}.currency-overview{margin:26px 0 0}.currency-overview-heading p{color:#5e707e;font-size:11px}.currency-total{padding:15px 18px;border-radius:6px}.currency-total>span,.currency-total>small{color:#576c7b}.currency-total>strong{font-weight:500;color:#263e50}
.fx-notice{background:#edf3f8b3;border:1px solid #ffffffcc;color:#53697a;border-radius:6px}.fx-unavailable{background:#fff3dc;color:#775d2f}.notice,.field-help{background:#edf3f8c9;border:1px solid #e0e9ef;color:#4d6576;border-radius:6px}.notice button{color:#365563}
.table-wrap th{color:#637480;letter-spacing:.6px}td{border-bottom-color:#e0e7ec}.table-wrap td small{color:#5c7180}tbody tr:hover{background:#f2f7fb99}.empty{color:#5d7180}
.day{background:linear-gradient(135deg,#ffffffb3,#eaf1f78c);border:1px solid white;border-radius:6px}.day h3{color:#5c6f7e}.block{background:#dfebf5;border-color:#8baeca;color:#344f63;border-radius:6px}.block small{color:#4f687a}.block.conflict{background:#ffecdd;border-color:#bd7659}.block.conflict small{color:#795d49}
dialog{border:1px solid white;border-radius:6px;background:linear-gradient(135deg,#f4fbf7f5,#e1edeeeb);box-shadow:inset 0 1px 0 white,0 30px 80px #253f5540;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}dialog::backdrop{background:#243d4c4d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-head{margin-bottom:16px}.dialog-head #close{padding:8px;border-radius:6px}.dialog-head #close:hover{background:#dfeaf3}
footer{color:#637480}.landing{max-width:1256px;padding:24px 42px}.landing .top{padding:15px 20px;border:1px solid white;border-radius:6px;background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.top .brand{font-size:31px;color:#172b36}.top-actions{gap:28px}.login-link{color:#344c5c}
/* The product is the main illustration, with the same materials as the app. */
.hero{display:flex;flex-direction:column;gap:38px;padding:62px 0 55px}.hero-copy{text-align:center;max-width:860px}.hero h1{font-size:clamp(38px,4.8vw,62px);font-weight:500;line-height:1.13;letter-spacing:-2.7px;margin:18px auto 0;max-width:830px}.hero-copy .eyebrow{font-size:11px;font-weight:500;letter-spacing:.1px;margin:0;color:#567086}.hero-copy .eyebrow span{padding:7px 12px;border:1px solid #dce7ed;background:#eff9f563;border-radius:6px}.hero-description{max-width:610px;margin:23px auto;color:#536875;font-size:16px;line-height:1.7}.hero .cta{padding:14px 24px}.signup-note{justify-content:center;margin:15px 0 18px;color:#5b707f;font-size:11px}.world-note{justify-content:center;color:#5b707f;margin:0 auto;max-width:600px;line-height:1.6;font-size:11px}
.preview-wrap{max-width:1080px;width:100%;position:relative;isolation:isolate}.preview-wrap::before{content:"";position:absolute;inset:5% 3%;z-index:-1;border-radius:35%;background:linear-gradient(120deg,#aac7e3b3,#d5e9e299);filter:blur(45px);pointer-events:none}.dashboard-preview{display:grid;grid-template-columns:.85fr 1.5fr;background:linear-gradient(125deg,#ffffffe0,#edf5fb99 55%,#e5f0ea66);border:1px solid white;border-radius:6px;box-shadow:inset 0 1px 1px white,0 25px 65px -30px #47647d66;overflow:hidden;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
.preview-top{grid-column:1/-1;background:#ffffff73;border-bottom:1px solid #ffffffcc;padding:15px 24px}.preview-brand{font-size:20px;color:#243847}.sample-tag{font-size:9px;color:#627584;letter-spacing:.4px}.preview-toolbar{grid-column:1/-1;padding:19px 24px;color:#304b59}.sample-currency{font-size:10px;font-weight:400;color:#607485;white-space:nowrap}
.preview-metrics{grid-column:1;grid-row:3/5;display:flex;flex-direction:column;padding:0 0 24px 24px;gap:12px}.preview-revenue{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:210px;padding:23px;background:radial-gradient(ellipse at 10% 0%,#f2fbff80,transparent 70%),linear-gradient(135deg,#b6d0e7,#91b7d8);border:1px solid #ffffffb3;border-radius:6px;color:#193a53;box-shadow:inset 0 1px 1px #fff}.preview-revenue>span,.preview-revenue small{color:#30536d}.preview-revenue strong{font-size:42px;font-weight:500;letter-spacing:-1.8px;margin:22px 0 14px}.preview-revenue .progress{background:#ffffff66;margin-top:20px}.preview-revenue .progress i{background:var(--lime)}.preview-side{grid-template-columns:1fr 1fr;gap:10px}.preview-side>div{border:1px solid white;border-radius:6px;background:#ffffff96;padding:13px 10px;font-size:10px;color:#405a6e}.preview-side .icon{color:#678ca9}
.preview-forecast{grid-column:2;grid-row:3;padding:0 24px 16px}.preview-forecast h2,.preview-week h2{font-weight:600;color:#3e5567}.preview-bars{height:160px;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#dae4ec80 39px,#dae4ec80 40px);border-color:#dce6ed;margin-top:24px;gap:13px}.preview-bars i{width:70%;background:linear-gradient(180deg,#edf7ff,#c9ddef);border:1px solid #ffffffd9;box-shadow:inset 1px 1px 0 white;border-radius:5px 5px 0 0}.preview-bars>div:first-child i{background:linear-gradient(180deg,#e3ff8a,#d1ed70)}.preview-bars b{font-size:9px;color:#536b7e}.preview-bars>div:first-child b{background:var(--lime);padding:4px 6px;border-radius:4px;color:#31534a}.preview-bars>div>span{color:#607789}
.preview-renewal{grid-column:2;grid-row:4;margin:14px 24px 24px;background:#e6f0ec99;border:1px solid #ffffffeb;border-radius:6px;color:#465e57;padding:15px}.preview-week{grid-column:1/-1;padding:0 24px 24px}.mini-week{gap:9px}.mini-week>div>span{color:#637b8b}.mini-week i{padding:13px 9px;background:#dfebf5b8;border-color:#8daecc;color:#466277;border-radius:6px}.mini-week .consult{background:#d6e7e1b3;border-color:#8daea4;color:#436158}.mini-week .free{background:#ffffff80;color:#637480;border-color:#b5c7d4}.sample-caption{font-size:10px;color:#617584;margin-top:17px}
.maker-note{display:grid;grid-template-columns:1fr 2fr;gap:0 50px;padding:34px 0;border-top:1px solid #d6e1e8;border-bottom:1px solid #d6e1e8}.maker-note .eyebrow{margin:5px 0;font-size:12px;letter-spacing:0;font-weight:500;color:#536c80}.maker-note>p:nth-child(2){font-size:16px;line-height:1.8;margin:0;color:#3f5666}.maker-note>span{grid-column:2;color:#647b8b;font-size:12px;margin-top:12px}
.benefits{border:0;padding:50px 0}.section-intro .eyebrow{font-size:11px;color:#63798a;font-weight:500;letter-spacing:0}.section-intro h2{font-size:29px;font-weight:500;letter-spacing:-.9px}.section-intro>p:last-child{color:#617686}.feature-grid{gap:24px}.feature-grid article{padding:25px;border:1px solid white;border-radius:6px;background:linear-gradient(135deg,#ffffffc9,#ffffff66);box-shadow:var(--shadow)}.feature-icon{width:36px;height:36px;border-radius:6px;background:#edf4f9;border:1px solid white;color:#5c7c99}.feature-grid article:nth-child(2) .feature-icon{background:#d7e9e3;color:#496760}.feature-grid h3{font-size:15px;font-weight:600}.feature-grid p{color:#5a7181;font-size:13px}
.closing-cta{background:linear-gradient(115deg,#e4eff8cc,#d5e9e2b3);border:1px solid white;border-radius:6px;padding:32px;box-shadow:var(--shadow)}.closing-cta h2{font-weight:500;font-size:26px;letter-spacing:-.6px}.closing-cta p{color:#536d80;max-width:470px}.landing footer{border-top:1px solid #dce5eb;margin-top:30px;padding-top:22px;color:#63798b}
.story{background:radial-gradient(ellipse at 15% 20%,#edfaff70,transparent 65%),linear-gradient(155deg,#aecce6c9,#91b7d8b3);border-right:1px solid white}.story h1{font-size:43px;font-weight:500;line-height:1.18;letter-spacing:-1.7px;color:#1e3c53}.story p{color:#355971}.story .free{color:#375d76;letter-spacing:0}.account .card{max-width:450px;padding:32px;border:1px solid white;border-radius:6px;background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.account .card h2{font-size:28px;font-weight:500;letter-spacing:-.8px}.account .note{color:#5d7484}.account #message{background:#e9f2f8;border-radius:6px}.account .link{color:#365563}.password-wrap input{min-width:0}

/* Keep the soft photographic reference readable as an everyday workspace. */
h1,h2,h3,.metric strong,.preview-revenue strong{font-family:Manrope,sans-serif}
h2{font-weight:500}.intro h1{font-size:36px;font-weight:400}.hero h1{font-weight:300;letter-spacing:-2.5px}.story h1{font-weight:300}
.metric strong{font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:-1.8px}.metric .label{font-size:12px;color:#495c64}.metric small{color:#495c64}.metric:first-child strong{color:#173441}.metric:first-child .label,.metric:first-child small{color:#3c5663}
.primary,.landing .primary{box-shadow:inset 0 1px 0 #ffffff40,0 5px 12px #18344226;font-weight:500}
aside nav button.selected{background:#f1faf5a6;border-color:#ffffff91;font-weight:600}
.metric,.panel,.currency-total,.next-step,.dashboard-preview,.account .card{backdrop-filter:blur(28px) saturate(105%);-webkit-backdrop-filter:blur(28px) saturate(105%)}
.bar,.preview-bars i{position:relative;background:repeating-linear-gradient(135deg,#69878b5c 0,#69878b5c 1px,transparent 1px,transparent 5px),linear-gradient(180deg,#f2faf680,#a5c2bd33);border:0;border-top:1px solid #64838c;box-shadow:none;border-radius:2px 2px 0 0}
.bar-col:first-child .bar,.preview-bars>div:first-child i{background:repeating-linear-gradient(135deg,#3659668c 0,#3659668c 1px,transparent 1px,transparent 5px),#a9c6c44d;border-color:#2c4e5e}
.bar::before,.preview-bars i::before{content:"";position:absolute;left:calc(50% - 2px);top:-3px;width:4px;height:4px;border-radius:50%;background:#365563}
.bar-col:first-child b,.preview-bars>div:first-child b{background:#e7f3ed99;color:#294c53;font-weight:600}.progress i,.preview-revenue .progress i{background:#577c80}
.preview-revenue{background:linear-gradient(125deg,#e4f4efb8,#a9c6cf9c);color:#173441}.preview-revenue>span,.preview-revenue small{color:#3c5663}.preview-revenue strong{font-weight:300}.preview-side>div{background:#f5fcf66b}
.preview-wrap::before{background:linear-gradient(120deg,#789dad8c,#b4d4cbb3);filter:blur(55px)}.dashboard-preview{background:linear-gradient(125deg,#ffffff80,#dcebe678 55%,#daeae34d)}
.story{background:radial-gradient(ellipse at 12% 18%,#edf9f0a6,transparent 62%),linear-gradient(155deg,#9db6c3b3,#cee4dd94)}
.feature-icon,.feature-grid article:nth-child(2) .feature-icon{background:#d7e9e380;color:#42646d}.feature-grid article{background:var(--glass)}
.account-menu>summary,.secondary,.currency-chip,.language-control select{background:#f4fbf6a1;border-color:#a8bec380}.account-avatar{background:#c6ddd9;color:#294b54}.account-popover{background:linear-gradient(125deg,#f4faf6f5,#e1ececf5)}
input,select,textarea{border-color:#9eb4bc;background:#f4faf6cc}input:focus,select:focus,textarea:focus{outline-color:#416879}

@media(min-width:1550px){aside{margin-top:24px}main{padding-top:22px}.metric strong{font-size:38px}}
@media(max-width:1100px){aside{margin:12px 18px 0;padding:15px 19px;gap:20px}aside nav button{padding:10px;font-size:11px}aside nav button .icon{width:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:18px}.metric strong{font-size:27px}.grid{grid-template-columns:1.5fr 1fr}.next-step{flex-wrap:nowrap}.next-step>.textbtn{margin-left:0}.landing{padding:22px 28px}.preview-toolbar{flex-direction:row}.hero h1{font-size:52px}}
@media(max-width:900px){aside{flex-wrap:wrap;gap:14px}aside nav{order:3;flex-basis:100%;justify-content:space-between}aside nav button{flex:1;justify-content:center}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric .label{min-height:0}.metric strong{font-size:32px}.grid{grid-template-columns:1fr}.hero h1{font-size:46px}.preview-revenue strong{font-size:33px}.preview-side{grid-template-columns:1fr}.feature-grid{gap:14px}.feature-grid article{padding:20px}}
@media(max-width:720px){.landing{padding:18px 20px}.landing .top{padding:13px 14px;border-radius:6px}.top .brand{font-size:28px}.top-actions{gap:13px}.hero{padding:44px 0 35px;gap:30px}.hero h1{font-size:40px;letter-spacing:-1.7px}.hero-description{font-size:15px;max-width:540px}.world-note{max-width:390px;align-items:flex-start}.world-note .icon{margin-top:2px}.dashboard-preview{grid-template-columns:1fr}.preview-metrics{grid-column:1;grid-row:auto;padding:0 18px;display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.preview-revenue{min-height:180px;padding:18px}.preview-revenue strong{font-size:30px;margin:17px 0 10px}.preview-side{display:grid;grid-template-columns:1fr}.preview-forecast{grid-column:1;grid-row:auto;padding:24px 18px 12px}.preview-bars{height:130px;margin-top:20px;gap:9px}.preview-renewal{grid-column:1;grid-row:auto;margin:22px 18px 18px}.preview-week{padding:0 18px 20px}.preview-top,.preview-toolbar{padding-left:18px;padding-right:18px}.sample-currency{font-size:9px}.maker-note{grid-template-columns:1fr;gap:13px;padding:28px 0}.maker-note>span{grid-column:1;margin:0}.maker-note>p:nth-child(2){font-size:15px}.feature-grid{gap:14px;grid-template-columns:1fr}.feature-grid article{display:grid;grid-template-columns:36px 1fr;gap:0 15px;padding:20px}.feature-grid h3{margin:0 0 8px}.feature-grid p{grid-column:2}.section-intro h2{font-size:26px}.closing-cta{padding:24px}.closing-cta h2{font-size:24px}.account .card{padding:26px}.story h1{font-size:34px}}
@media(max-width:650px){aside{margin:12px 12px 0;padding:18px 16px 14px;border-radius:6px;gap:15px}aside .brand{font-size:28px}aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;overflow:visible}aside nav button{justify-content:flex-start;white-space:normal;font-size:11px;padding:10px 9px;gap:7px}aside nav button.selected{box-shadow:0 2px 5px #344d5b0d}main{margin:0;padding:20px 18px}main>header{padding-bottom:8px;gap:10px}.account-preferences{gap:8px}.currency-chip{font-size:10px;padding:8px}.intro{margin:19px 0 23px;gap:18px}.intro h1{font-size:28px}.metric{padding:17px 15px;border-radius:6px}.metric strong{font-size:25px;letter-spacing:-.8px}.metric:first-child strong{font-size:clamp(17px,5vw,23px);letter-spacing:-1px;white-space:nowrap}.metric .label{font-size:11px;min-height:33px}.metric small{font-size:10px}.next-step{flex-wrap:wrap;align-items:flex-start;padding:16px;gap:12px}.next-step .next-icon{width:28px;height:28px;margin-top:3px}.next-step>div:nth-child(2){flex-basis:calc(100% - 40px)}.next-step>.textbtn{margin-left:40px;flex-basis:calc(100% - 40px);justify-content:flex-start}.currency-overview-heading{display:block}.currency-total{padding:13px;border-radius:6px}.panel{padding:19px;border-radius:6px}.chart{gap:5px}.bar-col b{font-size:8px}.bar-col:first-child b{padding:3px}.tag{font-size:8px}dialog{max-width:calc(100vw - 24px);padding:22px;border-radius:6px}.dialog-head{margin-bottom:10px}.account{padding:24px 18px}.account .card{padding:24px}.story{border-right:0}.sample-currency{white-space:normal;text-align:right}body>article.panel{margin:18px!important;padding:24px!important}}
@media(max-width:400px){.landing .top{padding:12px 10px}.top .brand{font-size:26px}.top-actions{gap:8px}.landing .top .language-control select{min-width:85px;padding-left:8px;padding-right:8px}.hero h1{font-size:36px}.hero-copy .eyebrow{font-size:10px}.preview-metrics{padding:0 14px;gap:9px}.preview-revenue{padding:14px}.preview-revenue strong{font-size:26px}.preview-revenue>span{font-size:9px}.preview-side>div{font-size:9px;padding:10px 8px;gap:7px}.preview-bars b{font-size:8px}.mini-week i{padding:10px 5px;font-size:7px}.mini-week{gap:5px}}
/* Account controls stay visible at every screen size. */
.account-menu{position:relative;margin-left:auto;flex-shrink:0;text-align:left;min-width:0}
.account-menu>summary{display:flex;align-items:center;gap:9px;padding:6px 9px;list-style:none;cursor:pointer;border:1px solid #d5dfe7;border-radius:6px;background:#ffffffb3;color:#344b5c;font-size:12px;min-height:44px}
.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover,.account-menu[open]>summary{background:#edf4fa}.account-menu>summary:focus-visible{outline:2px solid #416b91;outline-offset:3px}
.account-avatar{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:4px;background:#d5e6f4;color:#294f6c;font-size:11px;font-weight:700}
#account-name{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chevron{flex-shrink:0}.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-popover{position:absolute;right:0;top:calc(100% + 9px);width:280px;max-width:calc(100vw - 40px);padding:18px;border:1px solid #d6e0e8;border-radius:6px;background:#f8fbfdf5;box-shadow:0 12px 35px #273b5024;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}
.account-caption{font-size:10px;color:#607080;margin:0 0 7px}.account-popover strong{display:block;color:#2c4356;font-size:13px;overflow-wrap:anywhere}.account-popover #account-email{display:block;font-size:11px;color:#586d7e;margin-top:5px;overflow-wrap:anywhere}
#logout{display:flex;align-items:center;gap:10px;width:100%;margin-top:17px;padding:12px 10px;border:1px solid #d5e0e9;border-radius:4px;background:#edf3f8;color:#34536b;font-size:12px;text-align:left}#logout:hover{background:#dce9f3}#logout:disabled{opacity:.6;cursor:wait}
#logout-status{font-size:11px;line-height:1.6;color:#963d2c;margin:12px 0 0}#logout-status:empty{display:none}
.pill{border-radius:4px}
@media(max-width:1100px){#account-name{max-width:100px}}
@media(max-width:650px){.account-menu{display:block;margin-left:auto}.account-menu>summary{padding:5px 7px;gap:6px}#account-name{display:none}.account-popover{width:270px}.account-popover #account-email{display:block}}

/* A quiet glass sidebar, with lime reserved for navigation and small accents. */
:root{--lime:#d5ff5f}
aside nav button.selected{background:linear-gradient(125deg,#e6ff9ae6,#d5ff5fb8);border-color:#f0ffcc;color:#263c27;box-shadow:inset 0 1px 0 #ffffffb3,0 3px 12px #657b3620}
aside nav button.selected .icon{color:#365322}
aside nav button.selected:hover{background:#e2ff91}
.account-avatar{background:#dff79e;color:#344a27}
.next-step .next-icon{background:#dff79e9c;border-color:#efffd5;color:#3e5529}
.progress i,.preview-revenue .progress i{background:#c8ed70}
.bar-col:first-child b,.preview-bars>div:first-child b{background:#dfff8fa6;color:#334929}
.bar-col:first-child .bar,.preview-bars>div:first-child i{background:repeating-linear-gradient(135deg,#627d4280 0,#627d4280 1px,transparent 1px,transparent 5px),linear-gradient(180deg,#dfff8f99,#b5d59330);border-color:#526f39}
.metric:first-child{border-top:2px solid #d5f779}.preview-revenue{border-top:2px solid #d5f779}
@media(min-width:901px){
 aside{position:fixed;inset:16px auto 16px 16px;width:224px;max-width:none;margin:0;padding:28px 18px 18px;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;background:linear-gradient(160deg,#f5fff4a1,#e3efee70);border-radius:6px}
 aside .brand{font-size:32px;padding:0 10px;position:relative}
 aside .brand>span{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:#4e666b;margin-top:10px;line-height:1.6}
 aside .brand>span>span{display:inline;font:inherit;letter-spacing:inherit}
 aside nav{display:flex;flex-direction:column;flex:0 0 auto;order:0;gap:8px;margin:42px 0 20px;justify-content:flex-start}
 aside nav button{justify-content:flex-start;flex:none;width:100%;padding:13px 12px;min-height:46px;font-size:12px;gap:10px;white-space:normal}
 aside nav button .icon{width:18px;height:18px;flex-shrink:0}
 aside .account-menu{width:100%;margin: auto 0 0;padding-top:18px;border-top:1px solid #8ea8ae45}
 aside .account-menu>summary{padding:9px 8px;background:#f2faf580;border-color:#ffffff80}
 aside #account-name{display:block;max-width:116px;font-size:12px}.account-chevron{margin-left:auto}
 aside .account-popover{top:auto;bottom:calc(100% + 8px);left:0;right:auto;width:280px;max-height:calc(100dvh - 120px);overflow:auto}
 main{margin:0 0 0 256px;max-width:1600px;padding:28px 28px 32px}
 main>header{min-height:40px}.intro{margin:24px 0 28px}
 .metric:first-child strong{font-size:clamp(23px,2vw,34px);letter-spacing:-1px;white-space:nowrap}
}
@media(min-width:901px) and (max-width:1200px){
 aside{width:210px;left:12px;top:12px;bottom:12px;padding:24px 14px 16px}
 main{margin-left:234px;padding:24px 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric .label{min-height:0}.metric:first-child strong{font-size:30px}.grid{grid-template-columns:1fr}
}
@media(min-width:901px) and (max-height:560px){aside{padding-top:18px}aside nav{margin-top:20px;gap:4px}aside nav button{min-height:40px;padding:10px}}

@media(prefers-reduced-transparency:reduce){aside,.landing .top,.metric,.panel,.currency-total,.next-step,.dashboard-preview,.account .card,dialog{background:#f8fbfd;-webkit-backdrop-filter:none;backdrop-filter:none}.metric:first-child,.preview-revenue{background:#bad0d5}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){aside,.landing .top,.metric,.panel,.currency-total,.next-step,.dashboard-preview,.account .card,dialog{background:#f8fbfd}.metric:first-child,.preview-revenue{background:#bad0d5}}

/* Planning uses the full workspace, with related inputs on one row. */
.panel.settings{width:100%;max-width:none;padding:30px}
.settings>h2{font-size:18px}.settings>p.muted{max-width:780px;line-height:1.7}
.planning-fields{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 20px;align-items:start}
.settings .planning-fields label{margin:0;min-width:0;line-height:1.6}.settings .planning-fields input,.settings .planning-fields select{min-height:48px;margin-top:10px;font-size:14px}
.settings #currency-help{margin:0 0 10px;padding:14px 16px}.planning-actions{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}.settings .planning-actions button{margin:0;min-height:46px}#planning-status:empty{display:none}.planning-actions #planning-status{margin:0}
.planning-divider{border:0;border-top:1px solid #8ea8ae55;margin:30px 0 24px}
.backup-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:28px}.settings .backup-controls>button{margin:0;min-height:46px;white-space:nowrap}.settings .backup-controls>label{margin:0;max-width:600px}.backup-controls input{min-height:46px;padding:9px;max-width:100%}
@media(max-width:1100px){.planning-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.planning-fields>label:first-child{grid-column:1/-1}}
@media(max-width:650px){.panel.settings{padding:22px 18px}.planning-fields{grid-template-columns:1fr;gap:20px;margin-top:22px}.planning-fields>label:first-child{grid-column:auto}.backup-controls{grid-template-columns:1fr;gap:20px}.settings .backup-controls>button{justify-self:start}.planning-actions{gap:12px}.settings>h2{font-size:17px}}