@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{font-family:'DM Sans',sans-serif;color:#1c2b30;background:#f5f8f7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{background:#172d30;color:#fff;border:0;border-radius:13px;padding:14px 20px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.12)}button.secondary,.outline{background:#edf3f1;color:#18312e;padding:13px 18px;border-radius:13px;font-weight:700}.shell,.landing{max-width:1240px;margin:auto;padding:0 30px}nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:28px 0;border-bottom:1px solid #e4eae8}.brand{font-family:Manrope;font-weight:800;letter-spacing:2px;font-size:21px}.navright{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;flex-wrap:wrap}.pill{background:#e6eeeb;border-radius:30px;padding:9px 13px}.muted,small{color:#85918e}.dashhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:48px 0 27px}.eyebrow{color:#3f9d81;letter-spacing:2.3px;font-weight:800;font-size:10px}h1,h2,h3{font-family:Manrope;letter-spacing:-1.4px}h1{font-size:clamp(32px,4vw,48px);margin:10px 0}h2{font-size:22px;margin:8px 0 0}h3{font-size:21px}.dashhead p{color:#84918e}.dot{color:#18b58a}.month input{width:180px}.metrics{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:16px}.metric{position:relative;overflow:hidden;background:white;border:1px solid #e8efec;border-radius:22px;padding:26px 22px;min-height:174px;box-shadow:0 8px 25px #16392b07}.metric>span{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#84918e}.metric small{display:block;margin-top:16px;font-size:11px}.mainmetric{background:#142d30;color:#fff}.mainmetric>span,.mainmetric small{color:#b1c6c1}.bigmoney{font-family:Manrope;font-weight:800;font-size:clamp(27px,3vw,39px);letter-spacing:-2px;margin-top:13px;position:relative;z-index:1}.money{font-family:Manrope;font-size:clamp(22px,2.4vw,31px);font-weight:800;letter-spacing:-1.7px;margin-top:21px}.green{color:#16a982}.orange{color:#e18b62}.orb{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#2c766b,transparent 72%);right:-45px;top:-40px}.twocol{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:20px}.twocol.lower{grid-template-columns:1.45fr 1fr}.panel{background:#fff;border:1px solid #e7eeeb;border-radius:23px;padding:26px;margin:0;box-shadow:0 8px 25px #16392b05}.sectiontop{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.legend{display:flex;justify-content:center;gap:24px;font-size:12px;color:#6f817b}.swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.swatch.income{background:#16b98b}.swatch.expense{background:#ed9567}.catrow{margin:20px 0}.catrow>div:first-child{display:flex;justify-content:space-between;font-size:13px}.catrow span{color:#7a8984}.track{background:#edf2ef;height:8px;border-radius:8px;margin-top:10px}.track>div{background:linear-gradient(90deg,#1eb18a,#84d6b5);height:100%;border-radius:8px}.transaction{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #eef2f0}.txicon{display:grid;place-items:center;min-width:39px;height:39px;border-radius:13px;font-weight:800}.txicon.positive{background:#e6f8f0;color:#11a67c}.txicon.negative{background:#fff1e9;color:#e58e64}.txdetails{flex:1;min-width:0}.txdetails b{font-size:13px}.txdetails small{display:block;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.transaction strong{font-size:13px;white-space:nowrap}.iconbtn{padding:5px 9px;background:#f2f4f3;color:#8a9b94}.entry{display:grid;grid-template-columns:1fr 1fr;gap:16px}.entry label:nth-last-of-type(1),.entry button{grid-column:1/-1}label{font-size:12px;font-weight:700;color:#586c65;display:block}input,select{display:block;width:100%;padding:13px 12px;margin-top:8px;border:1px solid #dfe8e3;border-radius:12px;background:#fbfdfc;color:#18302d;outline-color:#2aaf8c;min-width:0}.entry button{margin-top:4px}.success{background:#dff6eb;padding:12px;border-radius:10px}footer{text-align:center;padding:50px 0;color:#9aa8a2;font-size:10px;letter-spacing:2px}.auth{max-width:440px;margin:8vh auto;padding:36px;background:#fff;border-radius:25px}.auth .brand{margin:36px 0}.auth label{margin:18px 0}.auth button{width:100%}.error{color:#c55348}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.formgrid button{align-self:end}.userline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;border-bottom:1px solid #eee}.userline form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.userline input,.userline select{width:160px}.landing{min-height:100vh}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:105px 0 115px}.hero h1{font-size:clamp(55px,7vw,96px);line-height:1.09;letter-spacing:-5px;margin:20px 0 26px}.hero h1 em{font-style:normal;color:#22ad86}.hero p{max-width:490px;color:#788b83;line-height:1.85}.heroactions{display:flex;gap:12px;margin-top:32px}.hero .hint{font-size:11px;margin-top:24px}.preview{background:#142d30;color:white;border-radius:34px;padding:37px;min-height:450px;box-shadow:0 40px 80px #0d3b2d25;transform:rotate(2deg)}.previewtop{font-weight:800;letter-spacing:2px;display:flex;justify-content:space-between;margin-bottom:65px}.previewtop span{color:#28c29a}.preview small{color:#a4c5b9;letter-spacing:1.4px;font-size:10px}.previewamount{font-family:Manrope;font-weight:800;font-size:clamp(40px,5vw,66px);letter-spacing:-4px;margin:9px 0}.previewamount span{color:#5dbf9f}.previewbars{height:110px;display:flex;align-items:end;gap:12px;margin-top:24px}.previewbars i{flex:1;background:linear-gradient(#6be0b7,#267c68);border-radius:7px 7px 0 0}.previewcards{display:flex;gap:12px;margin-top:22px}.previewcards>div{flex:1;background:#254348;border-radius:14px;padding:14px;color:#b4d5ca;font-size:11px}.previewcards strong{display:block;color:white;font-size:21px;margin-top:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{background:white;border-radius:22px;padding:30px}.features span{font-size:11px;color:#23a47f;letter-spacing:2px}.features p{color:#85918e;line-height:1.7}.modalback{position:fixed;inset:0;background:#0b1c1bb0;display:grid;place-items:center;padding:20px;z-index:99}.modalback[hidden],[hidden]{display:none!important}.modal{background:white;max-width:400px;padding:35px;border-radius:25px;position:relative}.modal h2{font-size:30px}.modal p{color:#768880;line-height:1.7}.modal .hint{font-size:12px}.close{position:absolute;right:15px;top:12px;background:#eef2f0;color:#234;padding:5px 12px}.modal .brand{color:#1c9e79}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.twocol,.twocol.lower,.hero{grid-template-columns:1fr}.hero{padding:65px 0}.preview{transform:none;max-width:550px}.formgrid{grid-template-columns:1fr}}@media(max-width:550px){.shell,.landing{padding:0 17px}nav{padding:19px 0}.brand{font-size:17px}.navright{gap:10px;font-size:11px}.pill{display:none}.dashhead{margin:30px 0 20px;align-items:start;flex-direction:column}.dashhead h1{font-size:32px}.metrics{gap:10px}.metric{padding:20px 14px;min-height:142px;border-radius:18px}.metric.mainmetric{grid-column:1/-1;min-height:160px}.money{font-size:23px}.bigmoney{font-size:35px}.metric>span{font-size:9px}.panel{padding:20px 16px}.twocol{gap:13px;margin-top:13px}.entry{grid-template-columns:1fr}.entry label:nth-last-of-type(1),.entry button{grid-column:auto}.transaction{gap:8px}.txicon{min-width:33px;height:33px}.transaction strong{font-size:12px}.hero h1{font-size:58px;letter-spacing:-3px}.heroactions{flex-wrap:wrap}.preview{padding:25px;min-height:380px}.previewtop{margin-bottom:55px}.features{grid-template-columns:1fr}.auth{margin:4vh 14px;padding:24px}}
/* Aureo Midnight: accessible premium dark theme */
:root{color-scheme:dark;background:#080d12;color:#f2f6f7}
html{background:#080d12}body{background:radial-gradient(ellipse at 85% 0%,#12272a 0%,transparent 38%),#080d12;color:#f2f6f7;min-height:100vh;-webkit-font-smoothing:antialiased}
nav{border-color:#263339}.brand,h1,h2,h3,.txdetails b,.transaction strong{color:#f4f8f8}
.muted,small,.dashhead p,.hero p,.features p,.catrow span,.legend{color:#aabdc0}
.pill{background:#1a2c30;color:#ccece4}.eyebrow,.dot,.hero h1 em{color:#5ce2b5}
.metric,.panel,.features article,.auth,.modal{background:#111b21;border:1px solid #293940;box-shadow:0 14px 35px #00000022;color:#f2f6f7}
.mainmetric,.preview{background:linear-gradient(135deg,#163c38,#0c2229 70%,#10212b);border-color:#31564e}
.metric>span,.metric small,.mainmetric>span,.mainmetric small{color:#b5c9c9}
.bigmoney,.money{color:#f7fbfa;font-variant-numeric:tabular-nums}.green{color:#60e2b4}.orange{color:#ffb48b}
button{background:#56d6ae;color:#071c1a;transition:background .2s ease,transform .2s ease}button:hover{background:#80ebc8;filter:none}button:active{transform:scale(.985)}
button.secondary,.outline,.iconbtn,.close{background:#24353b;color:#e4f5f1}
label{color:#d2e0df}input,select,textarea{background:#17262c;color:#f4fbf9;border:1px solid #3a5055;outline-color:#65e6bf}input::placeholder{color:#9cb0b1}input:focus,select:focus{border-color:#65e6bf;box-shadow:0 0 0 3px #65e6bf22}
input:-webkit-autofill{-webkit-text-fill-color:#f4fbf9;-webkit-box-shadow:0 0 0 100px #17262c inset}
.track{background:#29383c}.transaction,.userline{border-color:#2a3a40}.txicon.positive{background:#173e34;color:#72e9bc}.txicon.negative{background:#482f29;color:#ffb38c}
.success{background:#173b32;color:#aaf3d8}.error{color:#ff9e97}.catrow>div:first-child{color:#eaf4f1}
.previewcards>div{background:#1e3b3c}.previewcards strong{color:#f4faf8}.preview small{color:#bddbd3}
.modalback{background:#02080cdb;backdrop-filter:blur(7px)}.modal p{color:#b4c7c7}.modal .brand{color:#66e1b9}
footer{color:#96aeb0}a:focus-visible,button:focus-visible{outline:3px solid #75f2c7;outline-offset:3px}
@media(max-width:550px){.metric,.panel,.features article,.auth,.modal{border-color:#304147}.preview{box-shadow:0 22px 50px #0006}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Midnight responsive refinement v3 */
html{overflow-x:hidden}body{overflow-x:clip} .shell,.landing{width:100%;min-width:0} .metrics,.twocol,.panel,.metric,.hero,.preview,.features,.entry{min-width:0} .money,.bigmoney,.previewamount{overflow-wrap:anywhere;letter-spacing:-.055em} .sectiontop{gap:12px;flex-wrap:wrap}.transaction{min-width:0}.txdetails{overflow:hidden}.navright a{white-space:nowrap}.hero h1{overflow-wrap:break-word}.preview{min-width:0}.previewcards>div{min-width:0}.previewcards strong{overflow-wrap:anywhere}.userline>div{min-width:0}.userline form{max-width:100%} .userline input,.userline select{max-width:100%} .modal{max-width:min(400px,100%);max-height:calc(100dvh - 32px);overflow:auto} .auth{width:min(440px,calc(100% - 28px))} .entry input,.entry select{max-width:100%} canvas{max-width:100%}
@media(max-width:900px){.shell,.landing{padding-inline:22px}.hero{gap:28px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.twocol,.twocol.lower{grid-template-columns:minmax(0,1fr)}.features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shell,.landing{padding-inline:15px}nav{gap:12px;align-items:flex-start;flex-wrap:wrap}.navright{justify-content:flex-start;gap:9px 14px;width:100%}.navright a{font-size:12px}.dashhead{gap:10px}.month,.month input{width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:18px 14px;min-height:135px}.metric.mainmetric{grid-column:1/-1}.metric>span{font-size:10px;line-height:1.5}.money{font-size:clamp(19px,5vw,26px)}.bigmoney{font-size:clamp(30px,8vw,40px)}.panel{padding:20px 15px}.hero{padding:50px 0 45px;gap:26px}.hero h1{font-size:clamp(38px,11vw,60px);letter-spacing:-.055em}.heroactions{display:grid;grid-template-columns:1fr}.heroactions>*{text-align:center}.preview{padding:22px 18px;min-height:0;border-radius:23px}.previewtop{margin-bottom:38px}.previewamount{font-size:clamp(33px,9vw,56px)}.previewcards{gap:8px}.previewcards>div{padding:12px 9px}.previewcards strong{font-size:clamp(14px,4vw,21px)}.features{grid-template-columns:1fr}.formgrid,.entry{grid-template-columns:minmax(0,1fr)}.entry label:nth-last-of-type(1),.entry button{grid-column:auto}.transaction{gap:8px;flex-wrap:wrap}.transaction strong{margin-left:auto;max-width:44%;white-space:normal;text-align:right;overflow-wrap:anywhere}.transaction .iconbtn{flex-shrink:0}.userline{align-items:stretch;flex-direction:column}.userline form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.userline form button{grid-column:1/-1}.userline input,.userline select{width:100%}.auth{padding:24px 20px;margin:24px auto}.modal{padding:25px 20px}.modal h2{font-size:25px}}
@media(max-width:360px){.metrics{grid-template-columns:1fr}.metric.mainmetric{grid-column:auto}.previewcards{flex-direction:column}.transaction strong{max-width:55%}}

/* Aureo v5: premium, legible financial typography, mobile-first */
:root{font-synthesis:none}body{line-height:1.5;text-rendering:optimizeLegibility}
h1,h2,h3,.brand,.money,.bigmoney,.previewamount{font-family:'Manrope','DM Sans',system-ui,sans-serif}
h1,h2,h3{letter-spacing:-.045em;line-height:1.17;font-weight:800}
h2{font-size:clamp(24px,2.1vw,30px)}h3{font-size:clamp(22px,2vw,27px)}
.bigmoney,.money,.previewamount{font-weight:800;line-height:1.13;letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bigmoney{font-size:clamp(36px,3.5vw,52px)}.money{font-size:clamp(27px,2.7vw,38px)}
.metric>span{font-size:11px;letter-spacing:.095em;line-height:1.5}.metric small{font-size:12px;line-height:1.5}
.txdetails b{font-size:15px}.txdetails small{font-size:12px}.transaction strong{font-family:'Manrope',sans-serif;font-size:15px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.catrow>div:first-child{font-size:14px}.catrow span{font-variant-numeric:tabular-nums;font-weight:700}
label{font-size:13px}.eyebrow{font-size:11px}.sectiontop{align-items:flex-start}
@media(max-width:600px){
 .dashhead h1{font-size:clamp(36px,9.2vw,47px);line-height:1.13;letter-spacing:-.055em}
 .dashhead p{font-size:14px;line-height:1.65}
 h2{font-size:clamp(24px,6.5vw,30px);letter-spacing:-.05em}
 h3{font-size:24px}
 .metric{padding:22px 17px;min-height:154px}
 .metric.mainmetric{min-height:190px;padding:26px 22px}
 .metric>span{font-size:11px;letter-spacing:.07em}
 .metric small{font-size:12px;margin-top:12px}
 .bigmoney{font-size:clamp(39px,10.4vw,58px);margin-top:17px}
 .money{font-size:clamp(27px,7vw,39px);margin-top:19px}
 .panel{padding:23px 17px}
 .sectiontop{margin-bottom:20px}
 .transaction{padding:16px 0;gap:10px}
 .transaction strong{font-size:clamp(14px,3.9vw,17px);line-height:1.35}
 .txdetails b{font-size:14px}.txdetails small{font-size:12px}
 .previewamount{font-size:clamp(40px,10.5vw,62px)}
 .previewcards strong{font-size:clamp(17px,4.6vw,24px)}
 .hero h1{font-size:clamp(43px,11.5vw,64px)}
 input,select,button{font-size:16px;min-height:46px}
}
@media(max-width:380px){.metric{padding:19px 12px}.metric.mainmetric{padding:24px 18px}.money{font-size:clamp(25px,7.2vw,31px)}.bigmoney{font-size:clamp(36px,10vw,44px)}.transaction strong{max-width:50%}}
@media(max-width:360px){.metric{min-height:132px}.metric.mainmetric{min-height:174px}}

/* V6: stronger financial hierarchy, with fluid type and safe wrapping */
.bigmoney{font-size:clamp(48px,4.6vw,72px);line-height:1.09;letter-spacing:-.065em}
.money{font-size:clamp(35px,3.35vw,52px);line-height:1.12;letter-spacing:-.055em}
.metric{min-width:0}.metric .money,.metric .bigmoney{max-width:100%;overflow-wrap:anywhere}
@media(max-width:900px){.bigmoney{font-size:clamp(50px,7vw,76px)}.money{font-size:clamp(36px,5vw,55px)}}
@media(max-width:600px){
 .metric.mainmetric{min-height:218px;padding:29px 20px}
 .metric{min-height:182px;padding:23px 14px}
 .bigmoney{font-size:clamp(53px,13.2vw,82px);line-height:1.06;margin-top:20px}
 .money{font-size:clamp(36px,9.2vw,56px);line-height:1.1;margin-top:22px}
 .metric>span{font-size:11px}.metric small{margin-top:15px}
 .previewamount{font-size:clamp(46px,12vw,74px)}
 .previewcards strong{font-size:clamp(19px,5.1vw,28px)}
 .transaction strong{font-size:clamp(17px,4.5vw,21px)}
}
@media(max-width:420px){.metrics{grid-template-columns:minmax(0,1fr)}.metric.mainmetric{grid-column:auto}.metric{min-height:150px}.metric.mainmetric{min-height:205px}.money{font-size:clamp(40px,11.5vw,58px)}.bigmoney{font-size:clamp(52px,13.8vw,72px)}}
@media(max-width:320px){.bigmoney{font-size:44px}.money{font-size:37px}}