/* V3: visual presentation only. No private information in static artwork. */
:root{--bg:#070e19;--surface:#101e30;--gold:#e5c47d;--muted:#b4c3d4;--text:#f6f4ee;--line:#314157;--radius:22px}
body{background:radial-gradient(ellipse at 75% 0,#17355255,transparent 50%),#070e19}
.app-layout{grid-template-columns:238px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#101d30,#090f1c);border-right-color:#d9b65f26;padding:32px 20px}
.sidebar .brand{padding-bottom:26px;border-bottom:1px solid #d9b65f26}
.nav .active{background:linear-gradient(110deg,#d8b35f24,#d8b35f08);border-color:#d8b35f60;color:#f1d796;box-shadow:inset 3px 0 #dfbc70}
.main{max-width:1680px;padding:30px clamp(24px,3.5vw,58px) 60px}
.topbar{margin-bottom:28px;border-bottom-color:#dcbd7526}.topbar .eyebrow{color:#e5c47d}
.section-title h1{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:650;font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.8px;line-height:1.12;max-width:800px}
.section-title .eyebrow{letter-spacing:2.5px;color:#e3bd70}.section-title p:last-child{font-size:13px;color:#bac9d9}
.hero{min-height:264px;padding:35px 36px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr);gap:12px;background:radial-gradient(ellipse at 75% 10%,#254a6955,transparent 68%),linear-gradient(120deg,#172e48,#111c30 74%);border:1px solid #d4b36c65;box-shadow:inset 0 1px #f9dd9d22,0 18px 60px #0003;border-radius:24px}
.hero:before{width:460px;height:460px;right:-160px;top:-250px;border-color:#dfbf7026;border-radius:50%;box-shadow:0 0 0 24px #dec08006,0 0 0 50px #dec08005;transform:none}.hero:after{display:none}
.hero h2{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;font-size:clamp(38px,4vw,60px);letter-spacing:-2px}.hero .eyebrow{font-size:9px;color:#f0d58e;letter-spacing:2.3px}.hero p:not(.eyebrow){max-width:640px;color:#c2d1e0}.hero .tag{background:#0a162c99;border-color:#597b9755;color:#d2e1ee}
.hero-motif{position:relative;display:flex;width:100%;height:auto;min-width:0;max-width:360px;align-self:center;justify-self:end;margin:0;border:0;border-radius:0;box-shadow:none;background:none;opacity:1;transform:none;right:auto;top:auto}.hero-motif img{display:block;width:100%;height:auto;object-fit:contain}.hero-motif:before,.hero-motif:after{display:none}
.stats{gap:16px;margin-bottom:36px}.stats .stat{background:linear-gradient(135deg,#15263b,#101b2d);border-color:#7596b835;min-height:177px;border-radius:18px;padding:25px}.stats .stat:first-child{border-top-color:#81c7e1aa}.stats .stat:nth-child(2){border-top-color:#edc777aa}.stats .stat:last-child{border-top-color:#a8c5cbaa}.stat h2{font-weight:550!important;font-size:clamp(25px,2.8vw,38px)!important;letter-spacing:-1px!important}.stat-label-index{color:#dfc182!important}.stat small{color:#afc0d3}.stat:after{background:linear-gradient(90deg,#dfbf7066,transparent)}
.finance-spaces{margin:0 0 34px}.spaces-heading{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:18px}.spaces-heading h2{font-size:25px;font-weight:600;letter-spacing:-.7px;margin:4px 0 0}.spaces-heading .eyebrow{margin:0;font-size:9px}.spaces-caption{font-size:11px;color:#aebfd1}.space-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.space-card{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;text-align:left;min-height:250px;min-width:0;border:1px solid #c8a55455;border-radius:20px;padding:20px;background:linear-gradient(145deg,#1c324a,#101c2e);color:#e9eef3;cursor:pointer;box-shadow:0 12px 32px #0003;line-height:1.5}.space-card:hover{border-color:#e6c479;background:linear-gradient(145deg,#233c56,#132338)}.space-card:focus-visible{outline:3px solid #f2d18b;outline-offset:4px}.space-card>strong{font-size:17px;font-weight:600;margin:7px 0 5px;letter-spacing:-.2px}.space-card>span:last-of-type{font-size:11px;line-height:1.7;color:#b7c9d9;max-width:90%}.space-card>b{position:absolute;right:18px;bottom:17px;font-size:21px;color:#e6c47f;font-weight:400}.space-kicker{font-size:8px;letter-spacing:2px;color:#e2c383}.space-art{height:110px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin:-8px 0 11px;border-bottom:1px solid #d9b56122;overflow:hidden}.space-art>.nav-icon{position:relative;z-index:2;width:62px;height:62px;stroke-width:1.1;stroke:#f0d293;filter:drop-shadow(0 5px 13px #0008);transform:rotate(-8deg)}.space-art:before{content:"";position:absolute;width:96px;height:74px;border:1px solid #e2c48266;border-radius:15px;transform:rotate(-8deg);background:linear-gradient(145deg,#d0a15d15,#071526aa);box-shadow:8px 8px 0 #d3b46b0a,16px 16px 0 #d3b46b08}.space-art:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #d2b16c22;border-radius:50%;box-shadow:0 0 0 16px #d2b16c05}.space-art i{position:absolute;width:3px;height:3px;background:#f3d58e;border-radius:50%;top:20px;right:18%;box-shadow:0 0 9px #f3d58e}.space-art i:nth-last-child(2){right:80%;top:70px}.space-art i:last-child{right:8%;top:85px;width:2px;height:2px}.space-activity{background:linear-gradient(145deg,#163847,#101d2e)}.space-activity .space-art>.nav-icon{stroke:#a6e1ed}.space-invest{background:linear-gradient(145deg,#34352f,#111e30)}.space-receipts{background:linear-gradient(145deg,#26314a,#111c2e)}
.card{background:linear-gradient(145deg,#14263b,#101b2b);border-color:#809fc02c}.overview-grid>.card:last-child{background:radial-gradient(ellipse at 100% 0,#b18a3d22,transparent 65%),linear-gradient(135deg,#1d2b3b,#121e30);border-color:#c6a35e48}.overview-grid>.card:last-child h2{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:550;font-size:30px;letter-spacing:-.8px}.empty{background:#09162988;border-color:#6b8da955}.account.card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#d0ac5c16,transparent 60%),linear-gradient(135deg,#1b3048,#101d2f);border-top:2px solid #d6b66d}.account .balance{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:550;font-size:clamp(29px,3vw,41px)}.btn.primary{background:linear-gradient(115deg,#f2d99f,#d0ad64);color:#111c2b;border-color:#ebcd8a}.btn.primary:hover{background:linear-gradient(115deg,#f9e5ba,#dfbe79)}
.auth-shell{background:radial-gradient(ellipse at 75% 35%,#28446455,transparent 52%),#080f1c}.auth-card{border-color:#d3b16c66;background:linear-gradient(140deg,#1b2c43,#101c2f);box-shadow:0 28px 90px #0006,inset 0 1px #f6d68c22}.auth-card h1{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-1.8px}.brand-stage:before{border-color:#dfbc7055}.brand-stage:after{border-color:#8cbedc33}.brand-stage .brand-caption h2{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:550}.dialog{background:linear-gradient(135deg,#1a2b41,#111e31);border-color:#d0b16d66}.page-footer{border-top-color:#e0bc6326}
@media(min-width:741px) and (max-width:1150px){.app-layout{grid-template-columns:205px minmax(0,1fr)}.main{padding:27px}.space-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.space-card{min-height:224px}.hero{padding:30px;grid-template-columns:minmax(0,1fr) 170px}.hero-motif{max-width:210px}.stats .stat{padding:20px}.section-title h1{font-size:38px}}
@media(max-width:740px){.app-layout{display:block}.main{padding:23px max(18px,env(safe-area-inset-right)) calc(110px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.sidebar{padding:8px max(7px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:#0d1b2bf7;border-right:0}.nav .active{box-shadow:inset 0 2px #dfbc70}.topbar{margin-bottom:25px}.topbar .primary{min-height:48px}.section-title h1{font-size:35px;letter-spacing:-1.2px}.section-title p:last-child{font-size:12px}.hero{display:block;padding:28px 24px;min-height:270px;margin-bottom:16px}.hero>div:first-child{position:relative;z-index:2}.hero .eyebrow{font-size:8px;max-width:100%;padding-right:35px}.hero h2{font-size:42px;padding-right:35px}.hero p:not(.eyebrow){font-size:12px;max-width:100%}.hero-motif{position:absolute;width:180px;right:-35px;top:-12px;opacity:.18;z-index:0}.hero .tag{font-size:9px}.stats{margin-bottom:29px;gap:12px}.stats .stat{padding:20px 17px;min-height:174px}.stats>.stat:last-child{min-height:144px}.stats .stat h2{font-size:26px!important}.stat-label-index{font-size:7px!important}.spaces-heading{align-items:start;gap:8px}.spaces-heading h2{font-size:23px}.spaces-caption{display:none}.space-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.space-card{min-height:234px;padding:17px 15px;border-radius:17px}.space-art{height:104px}.space-card>strong{font-size:15px;line-height:1.35;min-height:40px}.space-card>span:last-of-type{font-size:10px;max-width:95%;padding-right:8px}.space-kicker{font-size:7px;letter-spacing:1.5px}.space-card>b{font-size:18px;right:12px;bottom:13px}.finance-spaces{margin-bottom:28px}.overview-grid>.card:last-child h2{font-size:27px}.auth-card h1{font-size:39px}.account .balance{font-size:35px}.dialog{padding-bottom:max(29px,env(safe-area-inset-bottom))}}
@media(max-width:365px){.main{padding-left:14px;padding-right:14px}.section-title h1{font-size:31px}.hero{padding:25px 20px}.hero h2{font-size:37px}.space-card{padding:15px 12px}.space-card>strong{font-size:14px}.space-card>span:last-of-type{font-size:10px}.space-grid{gap:10px}.stats .stat{padding:18px 14px}.stats .stat h2{font-size:23px!important}.spaces-heading h2{font-size:22px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.space-card{transition:border-color .18s,background .18s;}.space-card:hover .space-art>.nav-icon{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.space-card,.hero,.stat{border:1px solid CanvasText}.space-art:before,.space-art:after,.space-art i,.hero-motif{display:none}.space-art>.nav-icon{stroke:CanvasText}}
