:root{color-scheme:dark;--bg:#0a1220;--surface:#121e30;--surface2:#1a2a40;--border:#2a3c55;--text:#edf6ff;--muted:#9aafc5;--green:#6ae5b5;--red:#ff899d;--blue:#9bbaff;--radius:18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 86% -25%,#1c483f 0%,transparent 36%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}.muted{color:var(--muted)}.tiny{font-size:12px}.positive{color:var(--green)}.negative{color:var(--red)}.overline{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:800}.full{width:100%}.grow{flex:1}.with-margin{margin-top:28px!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:11px 17px;text-decoration:none;font-size:13px;font-weight:800;gap:6px;white-space:nowrap}.btn.primary{background:var(--green);color:#0a2a22}.btn.primary:hover{background:#91f2cc}.btn.secondary{background:#263d52;color:#e3f3fb;border-color:#39596a}.btn.subtle{background:#1b2a40;color:#d8e8f8;border-color:#304258}.btn.small{padding:8px 12px;font-size:12px}.linkbtn{border:0;background:none;color:var(--green);padding:7px 0;cursor:pointer;text-align:left}.input{min-height:43px;max-width:100%;border:1px solid var(--border);background:#17283d;border-radius:10px;padding:10px 12px;color:var(--text);width:100%}.input::placeholder{color:#7f94ac}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:20px}.auth-card,.setup-card{width:min(440px,100%);padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 22px 70px #0005}.auth-card h1,.setup-card h1{margin:9px 0 6px;font-size:25px;letter-spacing:-1px}.setup-card p,.auth-card p{line-height:1.65}.logo{height:44px;width:44px;background:var(--green);border-radius:13px;color:#0a2a22;display:grid;place-items:center;font-size:28px;font-weight:900;flex-shrink:0}.logo.large{height:55px;width:55px;border-radius:17px;font-size:32px}.form-grid{display:grid;gap:15px;margin:23px 0 15px}.form-grid label{display:grid;gap:7px;font-size:12px;color:#c3d4e5;font-weight:750}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notice{border:1px solid #4d725a;background:#1c372f;border-radius:11px;padding:14px;margin:19px 0;color:#cfecde;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.setup-card .btn+.btn{margin-top:12px}.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;background:#101b2b;border-right:1px solid var(--border);padding:27px 17px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:12px;padding:0 9px 32px}.side-brand strong{font-size:17px;display:block}.side-brand small{color:var(--muted);display:block;font-size:11px;margin-top:2px}.nav{display:grid;gap:7px}.navbtn{width:100%;padding:13px 14px;background:none;border:1px solid transparent;border-radius:12px;color:#adbfce;display:flex;align-items:center;gap:12px;text-align:left;font-weight:700;font-size:13px}.navbtn span{font-size:22px;width:23px;text-align:center;line-height:1}.navbtn.active{background:#214438;color:var(--green);border-color:#3d715c}.navbtn:hover:not(.active){background:var(--surface2)}.side-bottom{margin-top:auto;padding:15px 9px}.side-email{overflow-wrap:anywhere;color:var(--muted);font-size:12px;margin:9px 0 14px}.role-tag{display:inline-block;background:#2b3d51;border:1px solid #3a516a;padding:5px 10px;color:#cce1f6;font-size:11px;font-weight:800;border-radius:20px}.main{padding:31px min(4vw,55px) 50px;max-width:1570px;width:100%;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:25px;margin-bottom:32px;gap:12px}.top-title h1{margin:2px 0 0;font-size:22px;letter-spacing:-.7px}.top-title small{color:var(--green);font-size:10px;letter-spacing:1.7px;font-weight:800}.top-actions{display:flex;gap:10px;align-items:center}.sync-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);color:#c6d4e3;background:#18283a;padding:8px 11px;border-radius:20px;font-size:11px;white-space:nowrap}.sync-chip i{width:7px;height:7px;background:var(--green);border-radius:50%}.sync-chip.offline i{background:#eabb78}.sync-chip.pending i{background:#8eb9ff}.welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.welcome h2{font-size:26px;letter-spacing:-1px;margin:0}.welcome p{margin:4px 0 0;color:var(--muted)}.month-nav{display:flex;gap:8px;align-items:center;margin:0 0 20px}.month-nav input{max-width:165px;border:1px solid var(--border);border-radius:10px;background:#18283b;color:var(--text);padding:8px 9px;height:38px}.iconbtn{background:#1e3044;border:1px solid #34465b;border-radius:10px;height:38px;width:38px;color:var(--text);font-size:23px;display:grid;place-items:center}.stats{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:15px;margin-bottom:18px}.stat,.panel{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:22px;min-width:0}.stat.featured{background:linear-gradient(120deg,#1a4940,#15333d 64%,#1b324c);border-color:#326d5d}.stat-label{color:var(--muted);font-size:10px;letter-spacing:1.4px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.stat-label span{font-size:18px}.stat strong{display:block;font-size:clamp(23px,2.8vw,34px);letter-spacing:-1px;overflow-wrap:anywhere;line-height:1.35;margin:13px 0 6px}.stat small{color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:17px;margin-bottom:17px}.panel{margin:0}.panel h3{font-size:16px;margin:0}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px}.chart{height:181px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}.bar-group{text-align:center;min-width:0}.bar-pair{height:145px;display:flex;align-items:end;justify-content:center;gap:6px;border-bottom:1px solid var(--border)}.bar{width:20px;max-width:42%;min-height:2px;border-radius:6px 6px 0 0}.bar.in{background:var(--green)}.bar.out{background:var(--red)}.bar-label{color:var(--muted);font-size:11px;margin-top:10px;text-transform:capitalize}.budget-info{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin:20px 0 13px}.budget-info strong{font-size:26px;letter-spacing:-1px}.budget-info span{font-size:12px;color:var(--muted)}.progress{height:10px;border-radius:20px;background:#2b3a50;overflow:hidden}.progress div{height:100%;width:0%;background:var(--green);border-radius:20px;transition:width .3s}.progress div.over{background:var(--red)}.inline-form{display:flex;gap:8px;margin-top:23px}.moves{display:grid;gap:0}.move{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid var(--border);padding:13px 0}.move-mark{height:38px;width:38px;display:grid;place-items:center;border-radius:12px;background:#204437;color:var(--green);font-size:21px}.move.out .move-mark{background:#482e3b;color:var(--red)}.move-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.move-meta{font-size:11px;color:var(--muted);margin-top:4px}.move-amount{font-size:13px;font-weight:850;text-align:right;white-space:nowrap}.move-actions{display:flex;gap:4px}.move-actions button{background:none;border:1px solid transparent;border-radius:9px;color:#b5c7d8;padding:7px;font-size:15px}.move-actions button:hover{background:#233950}.blank{padding:40px 10px;text-align:center;color:var(--muted);font-size:13px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px}.section-head h2{margin:0;font-size:24px;letter-spacing:-.7px}.section-head p{margin:5px 0 0}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.filter-row>.input:not(.grow){width:auto;min-width:155px}.list-count{text-align:right;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;font-size:11px}.people-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:17px}.panel>p.muted{font-size:13px}.sublist{margin-top:14px}.subitem{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border);gap:12px}.subitem strong{font-size:12px;overflow-wrap:anywhere}.subitem small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.subitem select{width:auto;min-width:106px}.sub-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:end}.sub-controls .btn{padding:8px 10px;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.button-grid{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.importbtn{margin-top:12px}.warning{padding:13px 16px;border:1px solid #846643;background:#3b3026;color:#ffdeaf;border-radius:12px;margin-bottom:20px;font-size:12px;line-height:1.5}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,160px);opacity:0;background:#d4fae8;color:#0c3427;padding:13px 19px;border-radius:12px;font-size:12px;font-weight:750;box-shadow:0 12px 45px #0008;max-width:calc(100vw - 32px);z-index:99;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.dialog{width:min(490px,calc(100vw - 28px));background:#142339;color:var(--text);border:1px solid #4a5a6f;border-radius:20px;padding:24px;max-height:calc(100dvh - 35px);overflow:auto}.dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dialog-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-title h2{font-size:21px;margin:0}.kind-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}.kind-switch input{position:absolute;opacity:0}.kind-switch span{display:block;text-align:center;padding:12px 8px;background:#243247;border:1px solid #3b5068;border-radius:11px;cursor:pointer;font-weight:800}.kind-switch input:checked+span{background:#204a3e;border-color:#65c9a4;color:#a5f1d0}.kind-switch label:nth-child(2) input:checked+span{background:#4b2e3d;border-color:#b57080;color:#ffc0c9}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.bottom-nav{display:none}@media(max-width:1000px){.dashboard-grid,.people-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat.featured{grid-column:span 2}.main{padding:26px 26px 40px}}@media(max-width:730px){.app{display:block}.sidebar{display:none}.main{padding:20px 16px 95px}.top{margin-bottom:24px;padding-bottom:17px}.top-role{display:none}.top-actions .role-tag{display:none}.welcome{align-items:start}.welcome h2{font-size:23px}.welcome .btn{font-size:12px;padding:9px 10px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat.featured{grid-column:span 2}.stat strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.panel{padding:16px}.legend{font-size:10px}.top-title h1{font-size:19px}.month-nav{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.filter-row>.input,.filter-row>.input:not(.grow){width:100%;max-width:none}.move{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.move-mark{height:32px;width:32px}.move-amount{font-size:12px}.move-actions{grid-column:3;justify-self:end}.move-actions:empty{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#111e30;border-top:1px solid #344354;z-index:20;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.bottom-item{background:none;border:0;color:#9fafc0;display:grid;justify-items:center;gap:0;font-size:22px;min-width:59px}.bottom-item small{font-size:10px}.bottom-item.active{color:var(--green)}.subitem{align-items:start;flex-wrap:wrap}.sub-controls{justify-content:start;width:100%}}@media(max-width:400px){.welcome{display:block}.welcome .btn{margin-top:12px}.top-actions{gap:4px}.sync-chip{padding:7px}.stat strong{font-size:21px}.auth-card,.setup-card{padding:22px}.move-amount{font-size:11px}}

/* MEU CAIXA 2.0 */
.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:18px}
.insight-list{display:grid;gap:9px;margin-top:14px}
.insight-row{display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:9px 0;font-size:12px}
.insight-row strong{white-space:nowrap}.insight-row span{color:var(--muted)}
.compact-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:13px}
.compact-form button{height:43px}.compact-form label{min-width:0}
.tag{display:inline-block;background:#23483d;color:#a5f1d0;padding:3px 7px;border-radius:7px;font-size:10px;font-weight:750}
.mini-action{padding:7px 9px!important;font-size:11px!important}
.mobile-only{display:none}
@media(max-width:1000px){.insights-grid{grid-template-columns:1fr}}
@media(max-width:730px){.compact-form{grid-template-columns:1fr}.mobile-only{display:flex}.bottom-item{min-width:53px}.insights-grid{gap:12px}}

.admin-shortcuts{display:none}@media(max-width:730px){.admin-shortcuts{display:block}}

/* ================================================
   Meu Caixa 2.1 — identidade visual + acessibilidade
   Todos os ícones SVG são locais; funciona offline.
   ================================================ */
:root{
  --bg:#091321;
  --surface:#111f32;
  --surface2:#1a2d43;
  --border:#2a3e55;
  --text:#f1f7fd;
  --muted:#a6b9cb;
  --green:#67e0b6;
  --red:#ff8999;
  --blue:#9cc1ff;
  --radius:18px;
}
body{background:radial-gradient(ellipse at 92% -4%,rgba(65,187,157,.115),transparent 31%),radial-gradient(ellipse at -22% 60%,rgba(71,127,188,.055),transparent 41%),var(--bg);letter-spacing:.005em}
body,button,input,select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.icon-sprite{position:absolute!important;width:0;height:0;overflow:hidden;pointer-events:none}
.mc-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;stroke-width:1.85}
.logo .mc-icon{width:26px;height:26px;stroke-width:1.8}
.logo.large .mc-icon{width:30px;height:30px}
.logo{background:linear-gradient(145deg,#92f4d3,#58d7af);box-shadow:0 6px 20px #23e2a51a;border:1px solid #a1ffe140}
.btn,.iconbtn,.navbtn,.bottom-item,.move-actions button{transition:background .17s ease,transform .17s ease,border-color .17s ease,color .17s ease,box-shadow .17s ease}
.btn:active,.iconbtn:active,.move-actions button:active{transform:translateY(1px)}
.btn{font-weight:750;letter-spacing:-.015em}
.btn .mc-icon{width:16px;height:16px}
.btn.primary{background:#72e7bf;color:#092c27;box-shadow:inset 0 1px 0 #ffffff44}
.btn.primary:hover{background:#96f5d3;box-shadow:0 0 0 4px #6be4b21a}
.btn.secondary:hover,.btn.subtle:hover,.iconbtn:hover{border-color:#54806f;background:#284254}
.btn.danger{background:#ec6e80;color:#230d14;border-color:#ffa9b433}
.btn.danger:hover{background:#ff92a0}
.input,.month-nav input{background:#15263a;color:#eaf5fe;border-color:#33475f;outline-offset:2px}
.input:focus,.month-nav input:focus{border-color:#73e2bd;box-shadow:0 0 0 3px #73e2bd15;outline:none}
.input::placeholder{color:#90a3b7}
.app{grid-template-columns:260px minmax(0,1fr)}
.sidebar{padding:26px 14px 18px;border-right:1px solid #273a4d;background:linear-gradient(180deg,#101e2f,#0c1929)}
.side-brand{padding:1px 10px 31px;gap:13px;align-items:center}
.side-brand strong{font-size:18px;font-weight:800;letter-spacing:-.6px}
.side-brand small{font-size:11px;margin-top:0;color:#a0b6c7}
.nav{display:flex;flex-direction:column;gap:4px}
.nav-heading{padding:8px 13px 7px;margin:0;color:#748da5;font-size:10px;font-weight:850;letter-spacing:1.5px}
.nav-heading-space{margin-top:23px}
.navbtn{display:flex;align-items:center;gap:12px;text-align:left;width:100%;font-size:13px;font-weight:680;line-height:1.35;padding:12px 13px;color:#b9cbdc;border-radius:12px}
.navbtn .mc-icon{width:18px;height:18px;color:#9cb2c7}
.navbtn:hover{background:#1e3447;border-color:#2c4559;color:#ecfafc}
.navbtn.active{background:linear-gradient(110deg,#204d44,#1b3e3b);border-color:#3a816b;color:#acffdc;box-shadow:inset 3px 0 0 #75eac2}
.navbtn.active .mc-icon{color:#76ebc2}
.navbtn span:nth-child(2){flex:1}
.nav-new{padding:2px 5px;color:#0b352d;font-size:9px!important;letter-spacing:.3px;background:#74dfb7;border-radius:5px;font-weight:800}
.side-bottom{padding:18px 11px;margin-top:auto;border-top:1px solid #24374a}
.role-tag{font-size:10px;letter-spacing:.2px}
.main{max-width:1540px;padding:27px min(4.4vw,60px) 66px}
.top{margin-bottom:28px;padding-bottom:22px}
.top-title small{display:inline-flex;gap:8px;align-items:center;color:#69e1b4;font-size:10px;letter-spacing:1.5px}
.top-title small .mc-icon{width:14px;height:14px}
.top-title h1{font-size:24px;margin-top:5px}
.sync-chip{background:#172c3e;font-weight:700}
.welcome{background:radial-gradient(circle at 92% 4%,#327e6a38,transparent 37%),linear-gradient(120deg,#132c36,#132338 76%);border:1px solid #30645b;border-radius:21px;padding:24px 24px;margin-bottom:23px;box-shadow:0 12px 30px #00000013}
.welcome-overline{display:inline-flex;align-items:center;gap:7px;color:#8fedca;font-size:10px;font-weight:850;letter-spacing:1.2px;margin-bottom:10px}
.welcome-overline .mc-icon{width:15px;height:15px}
.welcome h2{font-size:25px;letter-spacing:-1px}
.welcome p{color:#b6d0d1;font-size:12px;max-width:560px;line-height:1.55}
.month-nav{gap:9px;margin-bottom:18px;flex-wrap:wrap}
.month-nav input{font-size:12px;font-weight:650}
.iconbtn{font-size:16px;display:inline-grid;place-items:center}
.iconbtn .mc-icon{width:18px;height:18px}
.stat,.panel{box-shadow:0 10px 28px #0000000c;background:linear-gradient(155deg,#142237 0%,#111f32 95%);border-color:#294056}
.stat{padding:22px 23px;position:relative;overflow:hidden}
.stat::after{content:"";height:1px;background:linear-gradient(90deg,transparent,#79e6bb36,transparent);position:absolute;top:0;left:12px;right:12px}
.stat.featured{background:linear-gradient(125deg,#1a5247,#173a43 66%,#21344a);border-color:#3a796b}
.stat-label{font-size:10px;letter-spacing:1.4px}
.stat-label .mc-icon{width:20px;height:20px}
.stat strong{font-size:clamp(26px,2.7vw,35px);letter-spacing:-1.4px;margin:15px 0 5px}
.stat small{font-size:11px;line-height:1.4;display:block}
.panel-title h3,.panel h3{font-size:15px;letter-spacing:-.35px;font-weight:800}
.panel-title p{font-size:11px}
.panel{padding:22px}
.move{border-top-color:#273d50}
.move-mark{border-radius:13px;background:#1c5142}
.move.out .move-mark{background:#533142}
.move-mark .mc-icon{width:20px;height:20px}
.move-actions button{display:grid;place-items:center;color:#adbfce;min-width:34px;min-height:34px}
.move-actions button .mc-icon{width:17px;height:17px}
.move-actions button:hover{background:#293d52;border-color:#3c5b70;color:white}
.move-actions [data-act="delete"]:hover{background:#4a2d38;color:#ffa8b4;border-color:#8d5263}
.move-name{font-size:13px}
.move-meta{line-height:1.4}
.help-strip{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border:1px solid #34566b;border-radius:12px;background:#17304377;color:#bbd3e3;font-size:12px;line-height:1.55;margin:4px 0 21px}
.help-strip .mc-icon{width:18px;height:18px;color:#84c4dd;margin-top:1px}
.help-strip strong{color:#eefbff}
.smart-tips{margin:25px 0 23px}
.smart-tips-title{margin-bottom:16px}
.smart-tips-title h3{font-size:22px;letter-spacing:-.6px;margin:6px 0 2px}
.smart-tips-title p{font-size:12px;color:var(--muted);margin:0}
.eyebrow{display:flex;gap:8px;align-items:center;color:#77e5c0;font-weight:850;letter-spacing:1.5px;font-size:10px}
.eyebrow .mc-icon{width:17px;height:17px}
.tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.tip-card{border:1px solid #31506a;border-radius:17px;padding:20px 19px 18px;background:linear-gradient(145deg,#182d42,#112237);display:flex;flex-direction:column;align-items:start;min-width:0;box-shadow:0 8px 22px #00000013}
.tip-icon{width:38px;height:38px;border:1px solid #4c8077;display:grid;place-items:center;background:#24554a66;border-radius:12px;color:#8cedc7;margin-bottom:13px}
.tip-icon .mc-icon{width:20px;height:20px}
.tip-tag{color:#86bdbe;font-size:9px;font-weight:850;letter-spacing:1.3px}
.tip-card h4{font-size:16px;margin:7px 0 7px;letter-spacing:-.3px}
.tip-card p{color:#b0c4d4;font-size:12px;line-height:1.6;margin:0 0 16px;flex:1}
.tip-link{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#83edc7;font-size:12px;font-weight:780;text-align:left;padding:0}
.tip-link:hover{text-decoration:underline}
.tip-link .mc-icon{width:14px;height:14px}
.learn-hero{padding:32px;max-width:100%;border:1px solid #357c68;background:radial-gradient(circle at 96% 4%,#3cc79b27,transparent 33%),linear-gradient(125deg,#1a433e,#162738);border-radius:20px;margin-bottom:27px}
.learn-hero h2{font-size:clamp(23px,3.4vw,31px);max-width:730px;letter-spacing:-1px;line-height:1.25;margin:14px 0 7px}
.learn-hero p{color:#bdcfd9;font-size:13px;line-height:1.7;max-width:710px;margin:0}
.learn-section-label{margin:28px 0 14px}
.learn-section-label h3{font-size:18px;margin:0;letter-spacing:-.3px}
.learn-section-label p{font-size:12px;color:var(--muted);margin:4px 0 0}
.learn-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.learn-metric{padding:22px 20px;border-radius:16px;border:1px solid #2c465c;background:#14273a;min-width:0}
.learn-metric>div{display:flex;align-items:center;gap:8px;color:#93b2c6;letter-spacing:.75px;font-size:10px;font-weight:850}
.learn-metric>div .mc-icon{width:17px;height:17px}
.learn-metric strong{display:block;font-size:clamp(23px,2.7vw,29px);letter-spacing:-.8px;margin:11px 0 6px;overflow-wrap:anywhere}
.learn-metric small{font-size:11px;line-height:1.45;color:var(--muted)}
.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.check-item{display:flex;align-items:center;gap:12px;padding:15px 16px;text-align:left;background:#13263a;color:#e5f1f9;border:1px solid #304a61;border-radius:13px;width:100%}
.check-item:hover{border-color:#5d8c82;background:#1b3747}
.check-item .check-icon{display:grid;place-items:center;border:1px solid #50637a;background:#26394c;border-radius:9px;width:31px;height:31px;flex:none;color:#aabbd0}
.check-item .check-icon .mc-icon{width:17px;height:17px}
.check-item.is-done .check-icon{background:#2d765d47;border-color:#368d72;color:#8bf0c7}
.check-item>span:nth-child(2){min-width:0;flex:1}
.check-item strong{display:block;font-size:12px;line-height:1.35}
.check-item small{display:block;color:#99b1c3;margin-top:4px;font-size:11px;line-height:1.3}
.check-item .check-chevron{color:#748ea4;width:16px;height:16px}
.guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
.guide-card{border:1px solid #30495f;background:#14283c;border-radius:14px;padding:0;overflow:hidden}
.guide-card[open]{border-color:#3c8071;background:#192f40}
.guide-card summary{list-style:none;display:flex;gap:11px;align-items:center;padding:17px 18px;font-weight:750;font-size:12px;cursor:pointer;line-height:1.4}
.guide-card summary::-webkit-details-marker{display:none}
.guide-card summary>.mc-icon:first-child{width:20px;height:20px;color:#87e6c3}
.guide-card summary>.mc-icon:last-child{width:16px;height:16px;color:#9ab5c8;margin-left:auto;transition:transform .2s}
.guide-card[open] summary>.mc-icon:last-child{transform:rotate(90deg)}
.guide-card>div{border-top:1px solid #294659;padding:14px 18px 18px;font-size:12px;line-height:1.75;color:#b9cbd9}
.guide-card strong{color:#e5f5fd}
.learn-disclaimer{margin-top:22px;display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.65;color:#8faabc}
.learn-disclaimer .mc-icon{width:17px;height:17px}
.confirm-dialog{width:min(430px,calc(100vw - 28px));position:fixed;max-height:calc(100dvh - 40px);border-radius:24px;padding:26px;color:#f0f8ff;background:linear-gradient(155deg,#1a2d43,#112238);border:1px solid #45677c;box-shadow:0 35px 90px #000b;overflow-y:auto}
.confirm-dialog::backdrop{background:#030914c9;backdrop-filter:blur(6px)}
.confirm-symbol{width:47px;height:47px;display:grid;place-items:center;color:#ffb7bf;background:#6a32404d;border:1px solid #98526566;border-radius:14px;margin:0 0 18px}
.confirm-symbol.confirm-symbol-primary{background:#2b70564a;color:#93f1cf;border-color:#5d987b75}
.confirm-symbol .mc-icon{width:24px;height:24px}
.confirm-dialog h2{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:0 0 8px}
.confirm-dialog p{font-size:13px;line-height:1.6;color:#b9cad9;margin:0}
.confirm-detail{margin:18px 0;border:1px solid #38576d;background:#1c3349;border-radius:12px;padding:15px;font-size:13px;font-weight:750;overflow-wrap:anywhere;color:#f2f7fd}
.confirm-footnote{font-size:11px!important;color:#8fa7b7!important;margin:14px 0 22px!important}
.confirm-actions{display:flex;gap:10px;justify-content:stretch;margin-top:16px}
.confirm-actions .btn{flex:1;padding:13px 16px}
.dialog{background:linear-gradient(160deg,#172a3e,#122135);border:1px solid #426176;box-shadow:0 30px 80px #000a}
.dialog::backdrop{backdrop-filter:blur(6px)}
.kind-switch span{display:flex;align-items:center;justify-content:center;gap:9px}
.kind-switch span .mc-icon{width:18px;height:18px}
.dialog-title h2{font-size:21px}
.panel:focus-within,.stat:focus-within{border-color:#4b746c}
@media(max-width:1200px){.tip-grid{gap:10px}.tip-card{padding:17px}.learn-metrics{gap:10px}}
@media(max-width:1000px){.app{grid-template-columns:238px minmax(0,1fr)}.tip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tip-card:last-child{grid-column:1/-1}.learn-metrics{grid-template-columns:1fr 1fr}.learn-metric:last-child{grid-column:1/-1}}
@media(max-width:730px){
  .app{display:block}.main{padding:18px 15px 103px}
  .top{margin-bottom:18px;padding-bottom:16px}
  .top-title h1{font-size:20px}
  .welcome{border-radius:17px;padding:20px 17px;display:flex;align-items:flex-start}
  .welcome h2{font-size:22px}
  .welcome .btn{font-size:11px;white-space:normal;min-height:41px;padding:9px 10px}
  .welcome .btn .mc-icon{width:15px;height:15px}
  .welcome p{font-size:11px}
  .welcome-overline{font-size:9px}
  .stats{gap:9px}.stat{padding:16px}.stat strong{font-size:22px}
  .stat.featured{padding:19px}.stat small{font-size:10px}
  .panel{padding:16px}
  .smart-tips-title h3{font-size:19px}
  .tip-grid{grid-template-columns:1fr;gap:10px}.tip-card:last-child{grid-column:auto}.tip-card{padding:17px}.tip-card p{font-size:12px}
  .learn-hero{padding:23px 19px;margin-bottom:20px}.learn-hero h2{font-size:24px}.learn-hero p{font-size:12px}
  .learn-metrics,.checklist-grid,.guides-grid{grid-template-columns:1fr}.learn-metric:last-child{grid-column:auto}
  .learn-metric{padding:17px 19px}.learn-metric strong{font-size:25px}
  .bottom-nav{background:#0f2030eb;backdrop-filter:blur(16px);border-top-color:#355361;justify-content:space-between;gap:3px;padding:8px 9px max(8px,env(safe-area-inset-bottom))}
  .bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px;border-radius:11px;min-width:0;flex:1;color:#91adbe}
  .bottom-item .mc-icon{width:21px;height:21px}
  .bottom-item small{font-size:10px;line-height:1.1}
  .bottom-item.active{color:#84f3c8;background:#204b4559}
  .help-strip{padding:12px;gap:8px;font-size:11px}
  .confirm-dialog{padding:23px 20px}
}
@media(max-width:410px){
  .welcome{display:block}.welcome .btn{margin-top:14px;width:100%}
  .stat strong{font-size:21px}.stat-label{font-size:9px}
  .bottom-item .mc-icon{width:19px;height:19px}.bottom-item small{font-size:9px}
  .confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* Override legacy character-icon formatting: SVG is now the icon. */
.navbtn>span:nth-child(2){font-size:13px!important;width:auto!important;text-align:left!important;line-height:1.35!important;font-weight:680;min-width:0;white-space:normal}
.navbtn>span.nav-new{font-size:9px!important;width:auto!important;text-align:center!important;line-height:1.2!important}
/* MEU CAIXA 3.0 — Midnight Mint UI. Formulários e dados permanecem acessíveis sem fontes externas. */
:root{color-scheme:dark;--bg:#090a17;--surface:#121225;--surface2:#1b1b32;--border:#272741;--text:#f6f7ff;--muted:#999bb8;--green:#00d9a1;--red:#ff6f93;--blue:#8ba9ff;--radius:18px}
body{background:#090a17;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.08px}
.app{grid-template-columns:245px minmax(0,1fr)}
.sidebar{background:#0e0e1e;border-right:1px solid #23243b;padding:27px 16px 21px}
.side-brand{padding:2px 10px 31px;gap:12px}.side-brand strong{font-size:19px;letter-spacing:-.6px}.side-brand small{color:#777b9c}
.logo{background:#00d6a0;color:#061b16;box-shadow:0 9px 32px #00dba019;border-radius:13px}
.nav{gap:5px}.nav-heading{color:#666a88;font-weight:850;font-size:10px;letter-spacing:1.5px;margin:11px 14px 7px}
.nav-heading-space{margin-top:22px}.navbtn{font-size:13px;font-weight:650;gap:11px;color:#999bb8;padding:12px 13px;border:0;border-radius:11px}
.navbtn>.mc-icon{width:18px;height:18px;flex:none;stroke-width:1.9}.navbtn:hover:not(.active){color:#fff;background:#191a30}.navbtn.active{background:#082d2b;color:#12e4b0;border:none;box-shadow:inset 3px 0 #00dca3}
.navbtn.active>.mc-icon{filter:drop-shadow(0 0 4px #00e2b366)}
.side-bottom{border-top:1px solid #25243a;padding-top:21px}.role-tag{background:#1d1e38;border:1px solid #333452;color:#d9daf5}
.main{padding:0 30px 80px;max-width:1830px}
.top{position:sticky;top:0;z-index:8;background:#090a17f5;backdrop-filter:blur(20px);margin:0 -30px 26px;padding:24px 31px 20px;border-bottom:1px solid #202037}
.top-title h1{font-size:22px;margin:0;font-weight:820}.top-title small{font-size:10px;color:#777b9c;letter-spacing:1.45px}
.top-actions{gap:10px}.top-avatar{display:grid;place-items:center;background:linear-gradient(140deg,#7267dc,#5a89e5);color:#fff;font-size:11px;font-weight:850;border-radius:50%;width:36px;height:36px}
.sync-chip{background:#14172a;color:#b7b9cf;border-color:#262a45}.sync-chip i{background:#0ddb9d}
.welcome{margin-bottom:20px}.welcome h2{font-size:26px;letter-spacing:-.8px}.welcome p{color:#a2a5c0}.welcome-overline,.overline{color:#00dca5}
.month-nav{margin:0 0 20px}.month-nav input{background:#17182e;color:#e4e5f5;border-color:#282a49}.iconbtn{background:#17182f;border-color:#2d304c}
.stat,.panel{background:#131426;border:1px solid #252641;box-shadow:0 12px 35px #0000000d;border-radius:18px}
.stat{min-height:148px;padding:22px 22px}.stat-label{color:#81829f;font-size:10px;letter-spacing:1.04px}.stat strong{font-size:clamp(21px,2.2vw,35px);letter-spacing:-1.1px;margin:16px 0 6px}.stat small{color:#8589a7}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}
.stat.featured{background:linear-gradient(125deg,#04d9a6,#00cfa3);color:#051e19;border-color:#00d9a9}.stat.featured .stat-label,.stat.featured small{color:#094e41}.stat.featured strong{color:#05241b}.stat.featured .mc-icon{color:#075544}
.stat:not(.featured) strong.positive{color:#f0f4ff}.stat:not(.featured) strong.negative{color:#f0f4ff}
.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:17px;margin-bottom:18px}
.dashboard-secondary{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:18px}
.panel{padding:23px}.panel h3{font-size:16px;font-weight:820;letter-spacing:-.28px}.panel-title{margin-bottom:18px}.panel-title p{color:#898aa9;font-size:11px}
.chart-panel{min-height:352px}.chart{width:100%;height:256px;display:block;padding:0}.chart .flow-lines{width:100%;height:100%;display:block;overflow:visible}
.legend{color:#a2a4be}.legend .positive{color:#00dea5}.legend .negative{color:#ff688d}
.spending-panel{min-height:352px}.donut-chart{width:160px;height:160px;margin:10px auto 16px;border-radius:50%;background:conic-gradient(#24243a 0 100%);display:grid;place-items:center;box-shadow:0 0 0 8px #17182d}
.donut-chart>div{width:115px;height:115px;background:#131426;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;text-align:center}
.donut-chart strong{font-size:20px;letter-spacing:-.55px;line-height:1.2}.donut-chart small{font-size:10px;color:#777b99;margin-top:5px}
.donut-legend{display:grid;gap:9px}.legend-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b1b2ca;gap:12px}.legend-row>span{display:flex;align-items:center;gap:8px;min-width:0}.legend-row i{width:9px;height:9px;border-radius:3px;flex:none}.legend-row strong{font-size:11px;color:#dcdded;white-space:nowrap}
.recent-panel,.goals-panel{min-height:310px}.move{grid-template-columns:42px minmax(0,1fr) auto auto;padding:13px 0;border-color:#26273e}.move-mark{background:#072d27;color:#1de4b0}.move.out .move-mark{background:#311e2c;color:#ff7699}
.move-name{font-weight:750}.move-meta{color:#7e82a1}.move-actions button{color:#b8bad0}.move-actions button:hover{background:#25243f}
.goal-list{display:grid;gap:18px;margin-bottom:19px}.goal-info{display:flex;gap:11px;align-items:center}.goal-emoji{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex:none}.goal-title{flex:1;min-width:0}.goal-title strong{display:block;font-size:12px;overflow-wrap:anywhere}.goal-title small{color:#777b9c;font-size:10px}.goal-percent{font-size:12px;color:#f5f6ff}.goal-progress{height:7px;background:#292944;border-radius:20px;overflow:hidden;margin:10px 0 0}.goal-progress>div{height:100%;border-radius:20px;transition:width .3s}.goal-tools{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.goal-tools .btn{font-size:10px!important;padding:5px 8px!important}
.goal-form{border-top:1px solid #292940;padding-top:17px}.goal-input-line{display:grid;grid-template-columns:1.5fr .85fr .85fr;gap:7px;margin-bottom:7px}.goal-input-line .input{font-size:11px;min-height:37px;padding:8px 9px}
.budget-panel{margin-bottom:18px}.budget-info{margin:10px 0}.budget-info strong{font-size:24px}.progress{background:#252640}.progress div{background:#09d9a4}
.btn.primary{background:#00d9a4;color:#07231c}.btn.primary:hover{background:#55edc3}.btn.secondary{background:#1b1d34;color:#f2f3ff;border-color:#343650}.btn.secondary:hover{background:#262944}.btn.subtle{background:#181a31;color:#d3d5ea;border-color:#2b2c48}.btn.subtle:hover{background:#24263e}
.input{background:#191b33;border-color:#30314f;color:#eef0ff;border-radius:10px}.input:focus-visible{outline:2px solid #11cfa5;outline-offset:1px}.input::placeholder{color:#777b98}
.help-strip{background:#101d27;border-color:#263a42;color:#adc7c5}
.smart-tips{background:#101125;border:1px solid #242642;border-radius:18px;padding:24px;margin-bottom:18px}
.tip-card,.guide-card,.learn-metric,.check-item{border-color:#292a47!important;background:#18182d!important}
.viewing-banner{margin:0 0 24px;padding:17px 21px;border:1px solid #17a88e;background:linear-gradient(90deg,#12332d,#132034);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.viewing-banner strong{font-size:13px}.viewing-banner p{margin:4px 0 0;font-size:11px;color:#bad6d1}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.admin-stats .panel{display:grid;gap:10px}.admin-stats small{font-weight:800;letter-spacing:1px;color:#8083a4;font-size:10px}.admin-stats strong{font-size:31px}
.member-search{max-width:400px}.members-list{margin-top:12px}.member-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #292a40}.member-avatar{background:#243046;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;color:#bfc9ef;font-weight:800}.member-main{min-width:0;flex:1}.member-main strong{display:block;font-size:12px;overflow-wrap:anywhere}.member-main small{color:#9093af;font-size:11px;display:block;margin-top:2px}.member-actions{display:flex;gap:6px;flex-wrap:wrap}
.auth-card,.setup-card,.dialog,.confirm-dialog{background:#15162a;border-color:#30314d}.auth-card,.setup-card{box-shadow:0 30px 100px #0008}.center-screen{background:radial-gradient(circle at 50% 0,#0b4e4055,transparent 50%),#090a17}.auth-card .overline{color:#1de0ad}
.top .mc-icon,.navbtn .mc-icon,.btn .mc-icon{width:17px;height:17px}.positive{color:#00dca7}.negative{color:#ff7798}
@media(max-width:1150px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.35fr .85fr}.goal-input-line{grid-template-columns:1fr 1fr}.goal-input-line input:first-child{grid-column:1/-1}}
@media(max-width:890px){.app{grid-template-columns:1fr}.sidebar{display:none}.main{padding:0 17px 100px}.top{margin:0 -17px 20px;padding:16px 18px}.top-avatar{width:32px;height:32px}.dashboard-grid{grid-template-columns:1fr}.dashboard-secondary{grid-template-columns:1fr}.chart-panel{min-height:300px}.spending-panel{min-height:unset}.donut-chart{width:164px;height:164px}.stats{grid-template-columns:repeat(2,1fr)}.viewing-banner{flex-wrap:wrap}.admin-stats{grid-template-columns:repeat(3,1fr)}.member-row{flex-wrap:wrap}}
@media(max-width:560px){.main{padding:0 13px 104px}.top{margin:0 -13px 17px;padding:14px 14px}.top-title h1{font-size:18px}.top-title small{font-size:9px}.top-actions{gap:5px}.role-tag{font-size:10px;padding:4px 7px}.sync-chip{padding:5px 7px;font-size:9px}.top-avatar{display:none}.welcome h2{font-size:22px}.welcome p{font-size:12px}.stats{gap:9px}.stat{min-height:115px;padding:16px}.stat strong{font-size:22px;margin:12px 0 4px}.stat-label{font-size:9px}.stat small{font-size:9px}.stat.featured{padding:16px}.panel{padding:17px}.chart-panel{min-height:295px}.chart{height:204px}.dashboard-grid{gap:12px}.dashboard-secondary{gap:12px}.goal-input-line{grid-template-columns:1fr 1fr}.month-nav input{max-width:142px}.admin-stats{gap:7px}.admin-stats .panel{padding:12px}.admin-stats small{font-size:8px}.admin-stats strong{font-size:22px}.member-actions{width:100%;justify-content:flex-start;padding-left:49px}.member-row{gap:8px}.spending-panel{padding-bottom:22px}.budget-panel .inline-form{flex-wrap:wrap}}
@media(max-width:390px){.stat strong{font-size:19px}.stat-label{font-size:8px}.panel{padding:14px}.move{grid-template-columns:33px minmax(0,1fr) auto auto;gap:7px}.move-mark{width:32px;height:32px}.move-amount{font-size:11px}.goal-input-line{grid-template-columns:1fr}.goal-input-line input:first-child{grid-column:1}.admin-stats small{letter-spacing:0}}

/* 3.1 — avatares, perfil e refinamentos visuais */
.avatar{position:relative;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1bd9ab,#5d86ff);color:#061923;box-shadow:0 10px 24px #07111f40 inset,0 10px 25px #02050f20;font-weight:850;letter-spacing:.02em}
.avatar span{display:grid;place-items:center;width:100%;height:100%}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-top{width:38px;height:38px;font-size:12px;border:1px solid #314567}
.avatar-side{width:48px;height:48px;font-size:16px;border:1px solid #2c4569;flex:none}
.avatar-settings{width:92px;height:92px;font-size:28px;border:1px solid #315477}
.side-account{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.side-account-text{min-width:0}
.side-account-text strong{display:block;font-size:14px;line-height:1.2}
.side-account-text small{display:block;color:#8f93b1;font-size:11px;overflow-wrap:anywhere;margin-top:4px}
.side-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.side-email{font-size:11px}
.profile-panel{background:linear-gradient(180deg,#13192d,#13182a)}
.profile-form{display:block}
.profile-layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}
.profile-fields{display:grid;gap:10px}
.profile-fields label{display:grid;gap:8px;font-size:12px;font-weight:650}
.profile-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.profile-actions .btn{width:100%}
.tip-card{background:linear-gradient(180deg,#181830,#151628)!important}
.tip-icon{width:46px;height:46px;border:1px solid #315c58;background:linear-gradient(180deg,#123935,#153d4f);border-radius:14px;color:#98ffd8;box-shadow:inset 0 1px 0 #ffffff14}
.tip-icon .mc-icon{width:22px;height:22px}
.member-avatar{overflow:hidden;background:linear-gradient(135deg,#243046,#1e4860);border:1px solid #31486a;color:#d8ecff}
.member-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.member-avatar span{display:grid;place-items:center;width:100%;height:100%}
@media(max-width:890px){.profile-layout{grid-template-columns:1fr;justify-items:start}.profile-actions{grid-template-columns:1fr}.avatar-settings{width:82px;height:82px}}
@media(max-width:560px){.top-avatar,.avatar-top{display:none}.side-account{margin-bottom:10px}}

/* Meu Caixa 3.2 — linhas proporcionais, estados vazios e importador privado de extratos. */
.chart-panel{overflow:hidden;min-height:350px}
.chart{height:252px;min-height:240px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.chart .flow-lines{width:100%;height:100%;display:block;overflow:visible}
.flow-area{animation:caixaAreaIn .95s ease both}
.flow-stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:caixaTrace 1.35s cubic-bezier(.16,1,.3,1) forwards}
.flow-dot{transition:r .18s ease,stroke-width .18s ease;transform-origin:center;animation:caixaDot .55s ease backwards}
.flow-dot:hover{r:7;stroke-width:3}
@keyframes caixaTrace{to{stroke-dashoffset:0}}
@keyframes caixaAreaIn{from{opacity:0}to{opacity:1}}
@keyframes caixaDot{from{opacity:0}to{opacity:1}}
.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;height:100%;width:100%;text-align:center;isolation:isolate}
.chart-empty strong{font-size:16px;z-index:1;letter-spacing:-.35px}
.chart-empty small{font-size:12px;line-height:1.5;color:#9297b5;max-width:300px;z-index:1}
.chart-empty-icon{width:44px;height:44px;border:1px solid #304c49;border-radius:14px;display:grid;place-items:center;background:linear-gradient(150deg,#1a4540,#222342);color:#49dcbb;margin-bottom:5px;z-index:1;box-shadow:0 14px 45px #0003}
.chart-empty-icon .mc-icon{width:23px;height:23px}
.chart-empty-graphic{position:absolute;inset:12px 8px 10px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;opacity:.35;overflow:hidden;z-index:0}
.chart-empty-graphic>span{height:42%;width:9%;border:1px solid #2b4152;border-bottom:0;background:linear-gradient(0deg,#123c4c30,transparent);border-radius:12px 12px 0 0;transform:skewY(-3deg)}
.chart-empty-graphic>span:nth-child(2){height:65%}.chart-empty-graphic>span:nth-child(3){height:54%}.chart-empty-graphic>span:nth-child(4){height:75%}.chart-empty-graphic>span:nth-child(5){height:37%}.chart-empty-graphic>span:nth-child(6){height:57%}
.month-nav #goStatement{margin-left:auto}
.statement-hero{background:radial-gradient(circle at right top,#07574650,transparent 65%),linear-gradient(115deg,#121b30,#111428);border:1px solid #2a3b4b;border-radius:19px;padding:27px 30px;margin-bottom:18px}
.statement-hero h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-1.05px;margin:7px 0 8px}
.statement-hero p{color:#a8aec8;line-height:1.7;max-width:710px;font-size:13px;margin:0}
.statement-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;margin-bottom:20px;align-items:stretch}
.statement-header-icon{width:22px;height:22px;color:#20d8b0}
.statement-drop{display:grid;justify-items:center;align-items:center;gap:6px;padding:24px 14px;border:1.5px dashed #385d5f;border-radius:15px;text-align:center;background:#17253a70;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.statement-drop:hover{border-color:#22d9ad;background:#123c3d66;transform:translateY(-1px)}
.statement-drop strong{font-size:14px}.statement-drop small{font-size:11px;color:#97a4bb;max-width:310px}
.statement-drop-ico{width:44px;height:44px;display:grid;place-items:center;background:#16483f;color:#6af4cf;border-radius:14px;margin-bottom:5px}
.statement-drop-ico .mc-icon{width:22px;height:22px}
.statement-controls{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;margin:18px 0 0}
.statement-controls label{font-size:11px;font-weight:740;display:grid;gap:8px;color:#c4cae5}
.statement-status{background:#1b2339;border:1px solid #303751;border-radius:10px;padding:10px 12px;color:#9cf3d8;font-size:11px;overflow-wrap:anywhere;margin:13px 0}
.statement-steps{display:grid;gap:20px}
.statement-steps>div{display:grid;grid-template-columns:34px 1fr;column-gap:11px}
.statement-steps span{grid-row:span 2;display:grid;place-items:center;align-self:start;border-radius:10px;width:34px;height:34px;background:#153e3b;color:#52e7c3;font-size:11px;font-weight:850}
.statement-steps strong{font-size:13px}
.statement-steps small{font-size:11px;color:#969fbb;line-height:1.5;margin-top:2px}
.statement-privacy{display:flex;align-items:center;gap:8px;margin-top:20px;padding:14px;border:1px solid #24564f;color:#a4e0d0;background:#132b2b;border-radius:11px;font-size:11px}
.statement-privacy .mc-icon{width:18px;height:18px;flex:none}
.statement-results-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 17px}
.statement-results-head h3{font-size:21px;letter-spacing:-.5px;margin:3px 0 0}
.statement-results-head p{margin:4px 0 0;font-size:12px}
.statement-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.statement-metrics .panel{display:grid;gap:10px;padding:20px}
.statement-metrics small{color:#8c91b0;letter-spacing:1px;font-size:10px;font-weight:800}
.statement-metrics strong{font-size:clamp(23px,2.3vw,32px);letter-spacing:-.75px;overflow-wrap:anywhere}
.statement-metrics .panel span{color:#a2a7bf;font-size:11px}
.statement-cat{padding:12px 0;border-bottom:1px solid #272943}
.statement-cat>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}
.statement-cat strong{color:#e9ebf7;font-size:11px}
.statement-cat-bar{height:6px;background:#262b43;border-radius:14px;overflow:hidden}
.statement-cat-bar i{height:100%;background:linear-gradient(90deg,#14bca4,#51eed0);display:block;border-radius:14px;transition:width .5s ease}
.statement-insights{display:grid;gap:3px}
.statement-insight{display:flex;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #272943}
.statement-insight span{font-size:11px;flex:none;font-weight:800;color:#47e2b9}
.statement-insight p{font-size:12px;line-height:1.65;margin:0;color:#c4c7df}
.statement-records{margin-bottom:23px}
.statement-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #272943}
.statement-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#14413b;color:#23dbae}
.statement-row-icon.out{background:#402637;color:#ff83a5}
.statement-row-details{min-width:0}.statement-row-details strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statement-row-details small{display:block;font-size:11px;color:#8f96b2;margin-top:3px}
.statement-row>strong{font-size:12px;white-space:nowrap}
.statement-save{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:19px;border-top:1px solid #2b2c49}
.statement-save p{flex:1;margin:0;font-size:11px;line-height:1.6}
.statement-shortcut{display:grid;align-content:start;gap:8px}
.statement-shortcut .btn.with-margin{margin-top:3px!important}
@media(max-width:1080px){.statement-grid{grid-template-columns:1fr}.statement-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:690px){.chart{height:215px;min-height:205px}.statement-hero{padding:23px 19px}.statement-controls{grid-template-columns:1fr}.statement-metrics{grid-template-columns:1fr 1fr}.statement-metrics .panel:last-child{grid-column:span 2}.statement-metrics strong{font-size:25px}.statement-results-head{align-items:start;flex-wrap:wrap}.statement-save{flex-direction:column;align-items:stretch}.statement-save .btn{width:100%}.statement-row{grid-template-columns:31px minmax(0,1fr) auto;gap:7px}.statement-row>strong{font-size:11px}.statement-row-details small{font-size:10px}.month-nav #goStatement{margin:5px 0 0;width:100%}}
@media(prefers-reduced-motion:reduce){.flow-area,.flow-stroke,.flow-dot{animation:none!important}.flow-stroke{stroke-dashoffset:0}}
.statement-metrics strong{white-space:nowrap;overflow-wrap:normal;font-size:clamp(19px,2vw,30px)}
@media(max-width:690px){.statement-metrics strong{font-size:21px;letter-spacing:-.8px}.statement-metrics .panel{padding:15px 12px}}
@media(max-width:390px){.statement-metrics strong{font-size:18px}}