[hidden]{display:none !important}
:root{--bg:#080c19;--side:#10182d;--card:#121c34;--card2:#162342;--border:#293b63;--text:#edf4ff;--muted:#a0b1d2;--cyan:#22caff;--blue:#4b77f5;--purple:#bd65fc;--pink:#ef70d2;--green:#6ceab5;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 47% -15%,#152d69 0,transparent 38%),var(--bg);color:var(--text);font:15px/1.5 "Segoe UI",Inter,Arial,sans-serif}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:clamp(27px,3vw,36px);line-height:1.2;margin-bottom:6px;font-weight:750;letter-spacing:-.03em}
h2{font-size:22px;letter-spacing:-.02em;line-height:1.25;margin:6px 0 16px}
h3{font-size:19px;letter-spacing:-.015em;margin:5px 0 18px}
h4{font-size:16px;margin:8px 0}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
code{font-size:.94em;color:#a6d9ff}
label{color:#c9d7f3;font-size:13px;font-weight:650;display:block}
input,select{width:100%;color:#f6f9ff;background:#0e1a34;border:1px solid #355181;border-radius:11px;padding:12px 13px;outline:none;margin-top:7px;min-height:44px}
input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22caff28}
input::placeholder{color:#7487b0}
select{cursor:pointer}
select option{background:#10203e}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:32px 18px 21px;background:linear-gradient(174deg,#131f3b,#10182c 63%,#090f20);border-right:1px solid #263456;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:13px;padding:3px 10px;margin-bottom:64px}
.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(135deg,#207cfc,#684cf9);color:#fff;font-size:29px;font-weight:800;border-radius:16px;box-shadow:0 10px 30px #256dff44;flex:0 0 auto}
.brand strong{font-size:21px;letter-spacing:-.055em;display:block}
.brand-dot{color:var(--cyan)}
.brand small{font-size:10px;letter-spacing:.19em;color:#96abe0;font-weight:700}
.nav-heading,.eyebrow{font-size:10px;letter-spacing:.21em;color:#8aa9e2;font-weight:800}
.nav-heading{padding:0 16px;margin-bottom:16px}
.nav-list{display:grid;gap:8px}
.nav-link{display:flex;align-items:center;gap:15px;padding:13px 16px;border-radius:12px;color:#b9c8e4;font-weight:600;font-size:13px;min-height:48px;border:1px solid transparent}
.nav-link:hover{background:#26365b;color:#fff}
.nav-link.active{background:linear-gradient(90deg,#254993,#1c2f56);color:white;border-color:#466ec0;box-shadow:inset 3px 0 0 #57b7ff}
.nav-ico{font-size:21px;display:block;text-align:center;width:19px;font-weight:350;color:#80a3ee}
.sidebar-bottom{margin-top:auto;padding:20px 5px 4px}
.sidebar-help{padding:18px;background:radial-gradient(circle at 100% 0%,#3a51a888,transparent 70%),#19294a;border:1px solid #334e88;border-radius:17px;margin-bottom:20px}
.mini-star{font-size:23px;color:#9baffd}
.sidebar-help strong{font-size:17px;line-height:1.35;display:block}
.sidebar-help p{font-size:12px;color:#b2c1e4;margin:9px 0 0}
.logout-link{font-weight:650;font-size:13px;color:#aabfe0;padding:0 12px;display:flex;justify-content:space-between}
.content{padding:34px clamp(22px,3.2vw,58px) 20px;min-width:0;max-width:1720px;width:100%;margin:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.page-subtitle{margin:6px 0 0;color:#adbbd6;font-size:13px}
.topbar-user{display:flex;align-items:center;gap:13px}
.today-pill,.pill{border:1px solid #3a4c72;background:#172444;padding:9px 13px;border-radius:10px;color:#bed0ed;font-size:12px;font-weight:650}
.avatar{border-radius:50%;width:37px;height:37px;background:#344e94;color:#fff;display:grid;place-items:center;font-weight:750}
.filters{padding:17px 19px;background:#111a2f;border:1px solid #273956;border-radius:18px;display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:27px}
.filter-group{min-width:150px;max-width:260px;flex:1}
.filter-group select{margin-top:6px}
.btn{border:1px solid transparent;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:750;font-size:13px;min-height:46px;white-space:normal;text-align:center}
.btn.primary{background:linear-gradient(90deg,#306dec,#6756f1);color:#fff;box-shadow:0 6px 20px #3165df29}
.btn.secondary{background:#1c2c51;border-color:#395080;color:#dce8ff}
.btn:hover:not(:disabled){filter:brightness(1.13)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.small-btn{padding:9px 14px;min-height:41px;font-size:12px}
.hero-pair{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin:0 0 31px}
.hero-primary,.hero-aside,.panel,.kpi{border:1px solid #2e416b;border-radius:var(--radius);box-shadow:0 12px 30px #0002;background:linear-gradient(145deg,#192850,#121d37 75%)}
.hero-primary{position:relative;overflow:hidden;padding:30px 34px;min-height:275px;background:radial-gradient(circle at 95% 25%,#3349a978,transparent 44%),linear-gradient(115deg,#194085,#16295c 60%,#142042)}
.hero-primary:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #9dbeff34;right:-85px;top:-125px;border-radius:50%;box-shadow:0 0 0 52px #6687ff08,0 0 0 110px #7b98ff06;pointer-events:none}
.hero-primary h2{font-size:27px;margin:11px 0}
.hero-primary>p{font-size:13px;max-width:600px;color:#bcd3ff;line-height:1.7;margin-bottom:23px}
.wealth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:1}
.wealth-label{color:#b0c6ec;font-size:12px;margin-bottom:5px}
.wealth-big{font-size:clamp(20px,2.5vw,29px);font-weight:760;letter-spacing:-.04em;line-height:1.25}
.hero-foot{color:#adc9ed;font-size:11px;margin-top:22px;border-top:1px solid #a2b7ff30;padding-top:14px}
.hero-foot a{color:#8ae4ff;text-decoration:underline}
.hero-aside{padding:28px 25px;display:flex;flex-direction:column;gap:13px}
.side-money{display:flex;flex-direction:column;gap:1px}
.side-money span{font-size:12px;color:#a8bcdc}
.side-money strong{font-size:22px;letter-spacing:-.035em}
.side-money.compact{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.side-money.compact b{font-size:15px}
.thin-divider{height:1px;background:#354468;margin:5px 0}
.inline-link{color:#83dcff;font-size:12px;font-weight:700}
.section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:18px 0 16px}
.section-head h2{margin-bottom:0}
.section-head .inline-link{margin-bottom:6px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}
.kpi-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}
.kpi{padding:19px 19px 20px;background:linear-gradient(150deg,#19284c,#111a32)}
.kpi-label{font-size:12px;color:#b9c9e5;display:block}
.kpi-value{display:block;font-size:clamp(18px,1.9vw,24px);letter-spacing:-.035em;margin:13px 0 8px;overflow-wrap:anywhere}
.kpi-desc{font-size:11px;color:#8197bc}
.kpi-dot{display:block;width:8px;height:8px;border-radius:50%;margin-bottom:12px;box-shadow:0 0 14px currentColor}
.kpi-dot.cyan{color:var(--cyan);background:var(--cyan)}
.kpi-dot.pink{color:var(--pink);background:var(--pink)}
.kpi-dot.violet{color:var(--purple);background:var(--purple)}
.kpi-dot.blue{color:var(--blue);background:var(--blue)}
.green{color:var(--green)}
.pink-text{color:#fd9ac7}
.main-panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:18px;margin-bottom:20px}
.panel{padding:25px 25px 26px;background:linear-gradient(140deg,#142242,#111b34);margin-bottom:20px}
.main-panels>.panel{margin-bottom:0}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.panel-title-row h3{margin-bottom:7px}
.legend{display:flex;gap:15px;font-size:12px;color:#b7c8e3}
.legend span{display:flex;align-items:center;gap:7px}
.line-dot{width:13px;height:3px;display:inline-block;border-radius:9px}
.line-dot.cyan{background:#25cfff}
.line-dot.violet{background:#bb6bff}
.chart-wrap{width:100%;height:315px;position:relative}
#history-chart{display:block;width:100%;height:100%;touch-action:pan-y}
.chart-tooltip{position:absolute;z-index:2;background:#0e1830f5;color:#eaf4ff;border:1px solid #5674a9;border-radius:9px;padding:10px 12px;font-size:11px;pointer-events:none;box-shadow:0 8px 22px #0008;min-width:120px}
.chart-tooltip strong{display:block;color:#fff;margin-bottom:5px}
.panel-note,.field-note{font-size:12px;color:#96accd;line-height:1.6;margin:12px 0 0}
.category-row{margin:0 0 19px}
.category-info{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}
.category-info span{color:#c8d7f3;overflow-wrap:anywhere}
.category-info strong{font-size:12px;white-space:nowrap}
.progress{height:7px;border-radius:8px;background:#253250;overflow:hidden}
.progress span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#397de8,#b26df7)}
.empty{padding:28px 12px;color:#8fa5c8;text-align:center;font-size:13px}
.table-scroll{width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}
th{color:#94acda;letter-spacing:.04em;text-align:left;font-weight:750;padding:13px 13px;border-bottom:1px solid #36486f}
td{padding:15px 13px;border-bottom:1px solid #2d3a5d;color:#cad7f0}
tr:hover td{background:#ffffff05}
th.num,td.num{text-align:right;font-weight:750;color:#f1f7ff}
.pill{display:inline-block;padding:5px 10px;font-size:11px}
.pill.income{color:#90f2c5;background:#0a483c55;border-color:#2b7465}
.pill.expense{color:#ffa3c8;background:#6b285b38;border-color:#8e4a7c}
.info-strip{padding:16px 19px;font-size:12px;border:1px solid #35537d;background:#14274a;border-radius:13px;line-height:1.75;color:#a9c6e9;margin-bottom:20px}
.info-strip strong{color:#e0edff}
.footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #20304c;padding:22px 2px 12px;color:#768dab;font-size:11px}
.form-stack{display:grid;gap:18px}
.form-row,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .span-two{grid-column:1 / -1}
.alert{border-radius:12px;padding:13px 15px;margin:0 0 20px;font-size:13px;font-weight:600}
.alert.success{background:#12382c;border:1px solid #367f68;color:#94f8c8}
.alert.danger{background:#472039;border:1px solid #a95678;color:#ffb8c6}
.account-list,.asset-list{display:grid;gap:12px}
.account-card,.asset-card{border:1px solid #33466a;border-radius:13px;background:#152444;padding:15px;display:flex;align-items:center;gap:12px}
.account-symbol{background:linear-gradient(135deg,#4168e8,#aa6beb);width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-weight:800;flex-shrink:0}
.account-detail{flex:1;min-width:0}
.account-detail strong{display:block;overflow-wrap:anywhere;font-size:13px}
.account-detail span{display:block;color:#94abc9;font-size:11px}
.account-value{font-size:13px;white-space:nowrap}
.asset-card{justify-content:space-between;align-items:start;gap:20px}
.asset-card h4{margin:9px 0 4px}
.asset-card strong{font-size:14px}
.asset-update{display:flex;align-items:end;gap:8px}
.asset-update input{width:110px;margin:0}
.explainer-step{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #33466a}
.explainer-step>span{font-size:20px;color:#54a5ff;font-weight:750;min-width:34px}
.explainer-step strong{font-size:13px}
.explainer-step p{font-size:12px;color:#9eb4d5;line-height:1.6;margin:3px 0 0}
.formula{background:#17294c;border:1px solid #344d7d;border-radius:14px;padding:17px;margin:0 0 13px;display:grid;gap:8px}
.formula span{font-size:12px;color:#aabfe4}
.formula code{color:#a8c8ff}
.formula strong{font-size:22px}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,#1f3980,#080c19 56%)}
.auth-card{width:min(455px,100%);padding:34px;border-radius:23px;border:1px solid #3c5588;background:linear-gradient(140deg,#182c59,#111b36);box-shadow:0 22px 85px #0008}
.auth-card>.brand-mark{margin-bottom:22px}
.auth-card h1{margin:10px 0}
.auth-card .form-stack{margin:27px 0 23px}
.muted{color:#aebfe2}
.small{font-size:12px}
.pager{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px;font-size:12px;color:#9eb6d9}
.pager>div{display:flex;gap:8px}
.pager a{color:white}
.account-entry{border:1px solid #33466a;border-radius:15px;background:#14213f;overflow:hidden}
.account-entry>.account-card{border:0;border-radius:0;background:transparent}
.account-toolbar{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;padding:0 15px 15px}
.account-edit{flex:1 1 190px;min-width:0}
.account-edit summary{list-style:none;display:inline-flex;align-items:center;cursor:pointer;user-select:none}
.account-edit summary::-webkit-details-marker{display:none}
.account-edit[open]{flex-basis:100%;order:3}
.account-edit-form{padding:18px;margin-top:12px;border:1px solid #34486d;border-radius:13px;background:#101c36}
.account-remove{margin:0}
.btn.danger{border:1px solid #a95574;background:#54273c;color:#ffd9e6}
.btn.danger:hover{background:#6e2d49}
.account-archive-list{margin-top:20px}
.topbar-main{display:flex;align-items:center;gap:14px;min-width:0}
.mobile-menu-btn,.sidebar-close{display:none}
.single-form-section{max-width:760px;margin-bottom:20px}
.historic-edit-panel{border-color:#5268c6;background:linear-gradient(155deg,#1d315e,#121b36)}
.historic-edit-panel .form-grid{margin-top:13px}
.edit-action{min-height:33px;padding:6px 12px}
.overview-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.overview-account-card{border:1px solid #334b79;border-radius:15px;background:linear-gradient(125deg,#1b3057,#13213e);padding:18px;min-width:0;box-shadow:inset 0 1px 0 #9fb4eb17}
.overview-account-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.overview-account-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#2c7ce1,#6e58d7);display:grid;place-items:center;color:white;font-weight:800;font-size:16px}
.currency-tag{font-size:11px;color:#8be6ff;background:#13345c;border:1px solid #28618a;border-radius:8px;padding:4px 8px;font-weight:800}
.overview-account-name{color:#abc2e5;font-size:12px;overflow-wrap:anywhere;margin-bottom:8px}
.overview-account-value{display:block;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px)}
.balance-chart-wrap{height:220px;position:relative}
.balance-chart-wrap canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.balance-panel .panel-unit{color:#91abc9;font-weight:700;font-size:12px}
.chart-wrap{height:330px}
.chart-tooltip{min-width:145px;line-height:1.65;background:#0c1733f5;backdrop-filter:blur(12px)}
.panel{box-shadow:0 12px 38px #00000020,inset 0 1px 0 #ffffff06}
.sidebar-backdrop{display:none}
html,body{max-width:100%;overflow-x:clip}
.app-shell,.content,.main-panels,.hero-pair,.filters,.panel{min-width:0}
/* Interface v1.4: controles acessíveis e menu lateral único */
html,body{max-width:100%;overflow-x:clip}
.app-shell,.content,.main-panels,.hero-pair,.panel,.filters{min-width:0}
.topbar-main{display:flex;align-items:center;gap:14px;min-width:0}
.mobile-menu-btn{display:none}
.sidebar-close{display:none !important}
.sidebar-backdrop{display:none}
.single-form-section{max-width:760px;margin-bottom:20px}
.historic-edit-panel{border-color:#5268c6;background:linear-gradient(155deg,#1d315e,#121b36)}
.historic-edit-panel .form-grid{margin-top:13px}
.edit-action{min-height:33px;padding:6px 12px}
.overview-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.overview-account-card{border:1px solid #334b79;border-radius:15px;background:linear-gradient(125deg,#1b3057,#13213e);padding:18px;min-width:0}
.overview-account-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.overview-account-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#2c7ce1,#6e58d7);display:grid;place-items:center;color:#fff;font-weight:800}
.currency-tag{font-size:11px;color:#8be6ff;background:#13345c;border:1px solid #28618a;border-radius:8px;padding:4px 8px;font-weight:800}
.overview-account-name{color:#abc2e5;font-size:12px;overflow-wrap:anywhere;margin-bottom:8px}
.overview-account-value{display:block;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px)}
.balance-chart-wrap{height:230px;position:relative}
.balance-chart-wrap canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.chart-wrap{height:330px}
.dashboard-quick-add{border-color:#3e5e95;background:linear-gradient(130deg,#18325a,#122039)}
.dashboard-quick-add .form-grid{margin-top:10px}
.dashboard-quick-add .btn.primary{width:auto;max-width:100%}
.chart-tooltip{min-width:145px;line-height:1.65;background:#0c1733f5;backdrop-filter:blur(12px)}
.pager{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px;font-size:12px;color:#9eb6d9}
.pager>div{display:flex;gap:8px}.pager a{color:white}
.account-entry{border:1px solid #33466a;border-radius:15px;background:#14213f;overflow:hidden}
.account-entry>.account-card{border:0;border-radius:0;background:transparent}
.account-toolbar{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;padding:0 15px 15px}
.account-edit{flex:1 1 190px;min-width:0}.account-edit summary{list-style:none;display:inline-flex;align-items:center;cursor:pointer;user-select:none}
.account-edit summary::-webkit-details-marker{display:none}.account-edit[open]{flex-basis:100%;order:3}
.account-edit-form{padding:18px;margin-top:12px;border:1px solid #34486d;border-radius:13px;background:#101c36}
.btn.danger{border:1px solid #a95574;background:#54273c;color:#ffd9e6}.btn.danger:hover{background:#6e2d49}
.account-archive-list{margin-top:20px}
@media(max-width:1220px){.hero-pair{grid-template-columns:minmax(0,1fr)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-accounts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){
 .app-shell{display:block;min-height:100dvh}
 .content{width:100%;max-width:none;margin:0;padding:75px clamp(12px,3vw,22px) 25px}
 .topbar{gap:10px;align-items:center}
 .topbar-main{min-width:0}
 .mobile-menu-btn{display:flex;position:fixed;left:12px;top:calc(15px + env(safe-area-inset-top));z-index:1103;width:48px;height:48px;padding:10px;background:linear-gradient(130deg,#ffb15a,#f18a21);border:1px solid #ffd5a4;border-radius:13px;box-shadow:0 8px 25px #0006;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:left .25s ease}
 .mobile-menu-btn span{display:block;width:24px;height:3px;border-radius:4px;background:#35200e;transition:transform .2s,width .2s}
 body.menu-mobile-aberto .mobile-menu-btn{left:calc(min(340px,82vw) - 22px)}
 body.menu-mobile-aberto .mobile-menu-btn span:first-child{width:15px;transform:translate(-6px,5px) rotate(-45deg)}
 body.menu-mobile-aberto .mobile-menu-btn span:nth-child(2){width:23px}
 body.menu-mobile-aberto .mobile-menu-btn span:last-child{width:15px;transform:translate(-6px,-5px) rotate(45deg)}
 #menuLateral{display:flex;position:fixed;top:0;bottom:0;left:0;width:min(340px,82vw);height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:1102;flex-direction:column;padding:88px 18px 20px;background:linear-gradient(165deg,#172744,#101b32 65%,#0b1325);border-right:1px solid #355078;box-shadow:15px 0 35px #0009;transform:translateX(-110%);visibility:hidden;transition:transform .25s ease,visibility .25s}
 .menu-mobile-aberto #menuLateral{transform:translateX(0);visibility:visible}
 #menuLateral .brand{margin:0 0 36px;padding:0}
 #menuLateral .nav-heading{display:block;margin-bottom:14px;padding:0 10px}
 #menuLateral .nav-list{display:grid;gap:7px;overflow:visible}
 #menuLateral .nav-link{min-height:48px;font-size:14px;white-space:normal}
 #menuLateral .sidebar-bottom{display:block;margin-top:auto;padding-top:22px}
 .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:1101;background:#020711ba;backdrop-filter:blur(3px)}
 body.menu-mobile-aberto{overflow:hidden}
 .hero-pair,.main-panels{grid-template-columns:minmax(0,1fr)}
 .main-panels>.panel{margin-bottom:0}
 .main-panels{margin-bottom:20px}
 .topbar h1{font-size:clamp(25px,4vw,33px)}
}
@media(max-width:650px){
 .content{padding:76px 12px 24px}
 .hero-primary,.hero-aside,.panel{padding:18px}
 .hero-primary{min-height:auto}.hero-primary h2{font-size:23px}
 .wealth-grid,.overview-accounts{grid-template-columns:minmax(0,1fr)}
 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .kpi{padding:15px 12px;min-width:0}.kpi-value{font-size:clamp(15px,4vw,21px)}
 .filters{padding:13px;gap:10px}.filter-group{flex:1 1 42%;min-width:110px}
 .filters .btn{width:100%}
 .topbar-user .today-pill,.topbar .avatar{display:none}
 .topbar h1{font-size:24px}
 .panel-title-row,.section-head{flex-direction:column;align-items:flex-start}
 .legend{flex-wrap:wrap}
 .form-grid,.form-row{grid-template-columns:minmax(0,1fr)}
 .form-grid .span-two{grid-column:1}
 .account-card{flex-wrap:wrap}.account-value{width:100%;padding-left:52px}
 .account-toolbar{align-items:stretch}.account-edit,.account-remove{flex:1 1 100%}
 .account-remove .btn,.account-edit>summary{width:100%;justify-content:center}
 .asset-card{flex-direction:column}
 .chart-wrap{height:260px}.balance-chart-wrap{height:215px}
 .footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){#menuLateral,.mobile-menu-btn,.mobile-menu-btn span{transition:none}}