@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg: #020706;--ink: #f7fbf8;--muted: rgba(247, 251, 248, .62);--faint: rgba(247, 251, 248, .38);--glass: rgba(255, 255, 255, .105);--glass-strong: rgba(255, 255, 255, .18);--line: rgba(255, 255, 255, .2);--aqua: #00b1a9;--brand: #00b1a9;--brand-hi: #20fff0;--brand-deep: #006964;--mint: #8effe4;--lime: #00b1a9;--red: #ff6b66;--amber: #ffc857;--blue: #75a7ff;--shadow: 0 28px 90px rgba(0, 0, 0, .48);--glass-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(255,255,255,.06), 0 28px 90px rgba(0,0,0,.46)}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-height:100vh;font-family:Geist,system-ui,sans-serif;background:radial-gradient(circle at 8% 8%,rgba(0,177,169,.28),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(32,255,240,.16),transparent 30rem),linear-gradient(145deg,#020706,#031b18 46%,#010303),var(--bg);color:var(--ink);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/identity/logo-erico.svg) right 7vw top 7vh / min(42vw,560px) no-repeat,linear-gradient(180deg,#02070629,#020706d1 52%,#020706f0),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 86px);-webkit-backdrop-filter:blur(8px) saturate(1.14);backdrop-filter:blur(8px) saturate(1.14);pointer-events:none}button,input,select{font:inherit}button{cursor:pointer}.auth-page,.app-shell{position:relative;z-index:1}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-bg{position:fixed;inset:auto 5vw 8vh auto;width:min(52vw,760px);aspect-ratio:1.9;border-radius:28px;background:url(/identity/brand-hero.png) center / cover;opacity:.22;filter:saturate(1.25);transform:perspective(900px) rotateY(-10deg) rotateX(4deg)}.auth-panel,.glass-panel,.hero-card,.side-nav,.topbar,.car-hero,.vault-coming{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff38,#ffffff13 42%,#00b1a914),linear-gradient(180deg,#ffffff14,#ffffff06);backdrop-filter:blur(34px) saturate(1.45);-webkit-backdrop-filter:blur(34px) saturate(1.45);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.auth-panel:before,.glass-panel:before,.hero-card:before,.side-nav:before,.topbar:before,.car-hero:before,.vault-coming:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.34),transparent 22%),linear-gradient(290deg,rgba(0,177,169,.22),transparent 36%);opacity:.55;mask:linear-gradient(#000,transparent 55%)}.auth-panel{width:min(440px,100%);border-radius:28px;padding:28px}.auth-brand,.brand-lockup{display:flex;align-items:center;gap:12px}.auth-brand img,.brand-lockup img{width:48px;height:48px;object-fit:contain}.auth-brand span,.brand-lockup span,.eyebrow{display:block;color:var(--muted);font-size:12px}.auth-brand strong,.brand-lockup strong{display:block;font-size:18px}.auth-form,.side-form,.entry-form,.compact-form{display:grid;gap:10px}.auth-form{margin-top:28px}label span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}input,select{width:100%;height:42px;color:var(--ink);background:#ffffff18;border:1px solid rgba(255,255,255,.22);border-radius:13px;padding:0 12px;outline:none}select option{background:#0b1513}input:focus,select:focus{border-color:#00b1a9f2;box-shadow:0 0 0 4px #00b1a92e,0 0 24px #00b1a92e}.auth-error{color:var(--red);margin:0;font-size:13px}.auth-notes{display:grid;gap:8px;margin-top:18px;color:var(--muted);font-size:12px}.auth-notes div,.mini-stat,.panel-title,.car-status,.text-danger{display:flex;align-items:center;gap:8px}.secure-on{color:var(--mint)}.primary-action,.primary-small{border:1px solid rgba(255,255,255,.22);border-radius:14px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#03110f;font-weight:800;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 45%),linear-gradient(135deg,var(--brand-hi),var(--brand) 58%,var(--brand-deep));box-shadow:inset 0 1px #ffffff80,0 12px 34px #00b1a947;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary-action:hover,.primary-small:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff94,0 18px 44px #00b1a95c}.primary-small{min-height:38px}.text-button,.text-danger{color:var(--muted);background:none;border:0;margin-top:14px}.text-danger{color:var(--red)}.app-shell{display:grid;grid-template-columns:250px 1fr;gap:18px;min-height:100vh;padding:18px}.app-shell:after{content:"";position:fixed;z-index:-1;right:22px;bottom:18px;width:min(34vw,520px);aspect-ratio:1.1;background:url(/identity/logo-erico.svg) center / contain no-repeat;opacity:.075;filter:saturate(1.15) contrast(1.05);border-radius:34px;transform:rotate(-2deg)}.side-nav{position:sticky;top:18px;height:calc(100vh - 36px);border-radius:24px;padding:18px;display:flex;flex-direction:column}.side-nav nav{display:grid;gap:6px;margin-top:28px}.side-nav nav button,.icon-action,.glass-action{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:14px;min-height:42px;padding:0 12px;display:flex;align-items:center;gap:10px}.side-nav nav button.active,.side-nav nav button:hover,.icon-action:hover,.glass-action:hover{background:linear-gradient(135deg,#00b1a93d,#ffffff1a);border-color:#00b1a97a;color:var(--ink);box-shadow:inset 0 1px #ffffff38}.glass-action{width:auto;background:#ffffff17;border-color:#00b1a947;color:var(--ink);white-space:nowrap}.nav-footer{margin-top:auto;display:grid;gap:8px;color:var(--muted)}.logout-button{width:100%;min-height:42px;margin-top:4px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0e;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px}.logout-button:hover{color:var(--ink);border-color:#00b1a95c;background:#00b1a91c}.workspace{min-width:0}.topbar{position:sticky;top:18px;z-index:5;min-height:82px;border-radius:24px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:clamp(24px,4vw,40px);letter-spacing:0}.top-actions{display:flex;gap:8px;align-items:center}.top-actions>*{flex:0 0 auto}.icon-action{width:42px;justify-content:center;background:#ffffff14}.icon-action input{display:none}.finance-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px}.hero-card{border-radius:30px;padding:26px;min-height:310px;background:url(/identity/logo-erico.svg) right 7% center / min(38%,340px) no-repeat,linear-gradient(105deg,#010d0cad,#00b1a93d 48%,#ffffff1a)}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#02070680,#02070629 58%,#02070647);pointer-events:none}.hero-card>*{position:relative;z-index:1}.month-controls{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:16px;background:#ffffff17;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:32px}.month-controls button,.line-item button,.account-card button,.compact-form button{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:11px;color:var(--ink);background:#ffffff1c;display:grid;place-items:center}.hero-card>span{color:var(--muted)}.hero-card h2{font-size:clamp(42px,7vw,76px);line-height:1;margin:8px 0 26px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-metrics div,.account-card,.history-row{border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#ffffff26,#ffffff0f);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;padding:14px}.hero-metrics small,.summary-lines span,.pay-select span{color:var(--muted);display:block}.hero-metrics b{display:block;margin-top:5px}.progress,.battery-track{height:9px;background:#0000003d;border-radius:99px;overflow:hidden;margin-top:22px}.progress i,.battery-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-deep),var(--brand),var(--brand-hi));border-radius:inherit}.glass-panel{border-radius:24px;padding:18px}.accounts-panel,.launch-panel{margin-top:18px}.panel-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-bottom:14px}.account-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.account-card{border-color:color-mix(in srgb,var(--accent),white 35%);position:relative}.account-card span{color:var(--muted);display:block}.account-card strong{font-size:20px}.account-card button{position:absolute;right:10px;top:10px;opacity:.55}.compact-form{grid-template-columns:minmax(150px,1fr) minmax(110px,130px) 46px 38px;margin-top:12px}.compact-form input[type=color]{padding:5px}.entry-form{grid-template-columns:1fr 140px 150px auto auto;align-items:center}.checkline{display:flex;gap:8px;color:var(--muted);align-items:center}.checkline input{width:16px;height:16px}.pay-select{display:grid;grid-template-columns:auto 220px;align-items:center;justify-content:end;gap:10px;margin:12px 0}.list,.stack{display:grid;gap:8px}.group{display:grid;gap:7px}.group-label{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-top:8px}.line-item{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:8px;background:#ffffff14}.line-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-item.paid{opacity:.55}.line-item.paid strong{text-decoration:line-through}.round-check{border-radius:50%!important}.pill{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.pill.entrada{background:#8effe429;color:var(--mint)}.pill.fixo{background:#ff6b6629;color:var(--red)}.pill.variavel{background:#ffc85729;color:var(--amber)}.pill.investimento{background:#75a7ff29;color:var(--blue)}.right-rail{display:grid;gap:18px;align-content:start}.summary-lines{display:grid;gap:11px;margin-bottom:14px}.summary-lines span{display:flex;justify-content:space-between}.positive{color:var(--mint)}.negative{color:var(--red)}.muted-icon{color:var(--faint)}.empty{border:1px dashed var(--line);border-radius:18px;color:var(--muted);padding:28px;text-align:center}.history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:var(--ink);text-align:left}.history-row small{display:block;color:var(--muted);margin-top:3px}.car-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.car-hero{grid-row:span 2;border-radius:32px;padding:32px;min-height:520px;background:linear-gradient(140deg,#00b1a952,#040c0aa6),url(/identity/brand-hero.png) center / cover}.car-status{width:fit-content;border:1px solid rgba(142,255,228,.35);border-radius:99px;padding:8px 12px;color:var(--mint)}.car-hero h2{font-size:clamp(96px,18vw,180px);line-height:.9;margin:70px 0 18px}.car-hero h2 span{font-size:.28em;color:var(--muted)}.car-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.car-metrics span{border-radius:18px;background:#ffffff1a;padding:16px;color:var(--muted)}.car-metrics b{color:var(--ink);font-size:24px;display:block}.car-log .line-item{grid-template-columns:1fr 1fr auto}.vault-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch}.vault-coming{min-height:520px;border-radius:32px;padding:36px;display:grid;grid-template-columns:1fr 280px;align-items:end;gap:24px}.vault-coming h2{font-size:clamp(34px,7vw,72px);margin:18px 0}.vault-coming p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.6}.vault-coming aside{display:grid;gap:10px}.vault-coming aside span{padding:13px;border-radius:15px;background:#ffffff1a;display:flex;gap:8px;align-items:center}.two-factor-panel{min-height:520px}.two-factor-status,.two-factor-setup{display:grid;gap:12px}.setup-warning{display:grid;gap:5px;padding:12px;border-radius:16px;border:1px solid rgba(0,177,169,.42);background:#00b1a91f}.setup-warning strong{color:var(--mint)}.setup-warning span{color:var(--muted);line-height:1.45}.two-factor-status strong{font-size:28px}.two-factor-status span{color:var(--muted);line-height:1.5}.qr-wrap{width:204px;height:204px;display:grid;place-items:center;padding:12px;border-radius:22px;background:#f7fbf8;box-shadow:0 18px 44px #00000047}.secret-box{border:1px solid rgba(0,177,169,.38);background:#00b1a91a;color:var(--mint);border-radius:14px;padding:12px;font-weight:800;letter-spacing:.08em;word-break:break-word}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%);padding:12px 18px;border-radius:999px;background:#040c0ad1;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.side-nav{position:relative;top:0;height:auto;padding:14px}.side-nav nav{display:flex;overflow-x:auto;padding-bottom:2px;margin-top:16px;scrollbar-width:none}.side-nav nav::-webkit-scrollbar{display:none}.side-nav nav button{white-space:nowrap;min-width:max-content}.nav-footer{display:none}.finance-grid,.car-grid,.vault-coming,.vault-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}}@media(max-width:720px){body:before{background-size:min(88vw,360px) auto,auto,auto}.app-shell{padding:8px;gap:10px}.brand-lockup img{width:40px;height:40px}.brand-lockup strong{font-size:16px}.side-nav{border-radius:20px}.side-nav nav{margin-top:12px}.side-nav nav button{min-height:38px;padding:0 10px;font-size:13px}.topbar{align-items:flex-start;gap:12px;flex-direction:column;top:8px;min-height:auto;border-radius:20px;padding:14px}h1{font-size:clamp(27px,9vw,38px);line-height:1.02}.top-actions{width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.glass-action{min-height:38px;font-size:13px}.icon-action{width:38px;height:38px;min-height:38px}.primary-small{min-height:38px;padding:0 12px;white-space:nowrap}.hero-card{padding:18px;min-height:410px;border-radius:24px;background:url(/identity/logo-erico.svg) center 38px / min(58vw,230px) no-repeat,linear-gradient(160deg,#010d0cbd,#00b1a938,#ffffff14)}.hero-card:after{background:linear-gradient(180deg,#02070614,#020706b8)}.month-controls{margin-top:190px;margin-bottom:18px}.hero-card h2{font-size:clamp(44px,17vw,70px)}.hero-metrics,.car-metrics{grid-template-columns:1fr}.glass-panel{border-radius:22px;padding:14px}.right-rail{grid-template-columns:1fr}.entry-form,.compact-form,.pay-select{grid-template-columns:1fr;justify-content:stretch}.pay-select{justify-items:stretch}.line-item{grid-template-columns:auto minmax(0,1fr) auto auto;min-height:54px}.line-item .pill,.line-item .muted-icon,.line-item button:nth-last-child(2){display:none}.history-row{grid-template-columns:auto 1fr}.history-row b{grid-column:2}.car-hero{min-height:420px;padding:22px;border-radius:24px}.car-hero h2{margin-top:70px;font-size:clamp(78px,28vw,130px)}.vault-coming{min-height:auto;padding:22px;border-radius:24px}.vault-coming p{font-size:15px}.two-factor-panel{min-height:auto}.qr-wrap{width:100%;max-width:230px;height:auto;aspect-ratio:1}}
