#view-dashboard:has(.financial-dashboard:not(.hidden)){padding:0 5px 14px}
.financial-dashboard{display:grid;gap:18px;padding:9px 0 18px}
.financial-greeting{padding:5px 7px 0}
.financial-greeting h1{margin:0;color:#082f5b;font-size:29px;line-height:1.15;letter-spacing:-.035em}
.financial-greeting p{display:flex;align-items:center;gap:9px;margin:8px 0 0;color:#67809b;font-size:15px}
.financial-greeting p strong{font-weight:800}.financial-greeting p span{color:#8aa0b5}
.financial-charge-shortcut{position:relative;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;width:min(100%,285px);min-height:116px;padding:18px 20px;border:0;border-radius:21px;background:linear-gradient(135deg,#13a44e,#18be5e);color:#fff;text-align:left;box-shadow:0 13px 28px rgba(18,166,80,.2);overflow:hidden}
.financial-charge-shortcut:after{content:"";position:absolute;right:-31px;bottom:-51px;width:128px;height:128px;border-radius:50%;background:rgba(255,255,255,.1)}
.financial-shortcut-icon{position:relative;z-index:1}.financial-shortcut-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.8}
.financial-charge-shortcut>span:nth-child(2){position:relative;z-index:1}.financial-charge-shortcut strong,.financial-charge-shortcut small{display:block}.financial-charge-shortcut strong{font-size:24px;line-height:1.1}.financial-charge-shortcut small{margin-top:6px;font-size:16px;line-height:1.25}.financial-charge-shortcut>b{position:relative;z-index:1;font-size:38px;font-weight:400}
.financial-indicators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.financial-indicators article{min-width:0;min-height:140px;padding:15px 12px;border:1px solid;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(24,58,91,.05)}
.financial-indicator-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;color:#fff;font-size:22px;font-weight:900}
.financial-indicators small,.financial-indicators strong{display:block}.financial-indicators small{margin-top:13px;color:#61758b;font-size:13px;line-height:1.15}.financial-indicators strong{margin-top:7px;font-size:clamp(14px,4vw,18px);line-height:1.12;letter-spacing:-.04em;white-space:nowrap}
.financial-indicators .receivable{border-color:#c8e5f7;background:linear-gradient(145deg,#fff,#edf8ff)}.financial-indicators .receivable .financial-indicator-icon{background:#159bd8}.financial-indicators .receivable strong{color:#075d9e}
.financial-indicators .overdue{border-color:#f7d6d6;background:linear-gradient(145deg,#fff,#fff0f0)}.financial-indicators .overdue .financial-indicator-icon{background:#ee363b}.financial-indicators .overdue strong{color:#cc1b21}
.financial-indicators .received{border-color:#cdebd8;background:linear-gradient(145deg,#fff,#edf9f1)}.financial-indicators .received .financial-indicator-icon{background:#17aa54}.financial-indicators .received strong{color:#087534}
.financial-attention-panel{padding:18px 16px 15px;border:1px solid #dce6ef;border-radius:23px;background:#fff;box-shadow:0 12px 32px rgba(23,58,97,.07)}
.financial-attention-panel>header{display:flex;align-items:center;gap:12px;margin:0 3px 15px;color:#083869}.financial-attention-panel>header>span{font-size:26px;color:#0875bd}.financial-attention-panel h2{margin:0;font-size:23px;line-height:1.15}
.financial-attention-list{display:grid;gap:11px}
.financial-attention-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 12px;border:1px solid #dfe8f1;border-radius:18px}
.financial-attention-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:24px;font-weight:900}.financial-attention-item.overdue .financial-attention-icon{background:#ffe9e9;color:#d7272d}.financial-attention-item.today .financial-attention-icon,.financial-attention-item.upcoming .financial-attention-icon{background:#fff2ce;color:#ba7500}
.financial-attention-copy{min-width:0}.financial-attention-copy b,.financial-attention-copy strong,.financial-attention-copy small{display:block}.financial-attention-copy b{display:-webkit-box;overflow:hidden;color:#153d65;font-size:14px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.financial-attention-copy strong{margin-top:5px;color:#0a315d;font-size:21px}.financial-attention-copy small{justify-self:start;width:max-content;max-width:100%;margin-top:7px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:850}.financial-attention-item.overdue small{background:#ffe5e5;color:#c92329}.financial-attention-item.today small,.financial-attention-item.upcoming small{background:#fff0c9;color:#a86600}
.financial-attention-item button{min-height:44px;padding:0 12px;border:1px solid #73bced;border-radius:12px;background:#f7fcff;color:#0870b7;font-size:12px;font-weight:850;white-space:nowrap}
.financial-attention-panel>footer{display:flex;align-items:center;gap:9px;margin-top:15px;padding:14px 4px 2px;border-top:1px solid #dfe7ef;color:#75889c;font-size:12px;line-height:1.35}.financial-attention-panel>footer span{font-size:19px}
.financial-attention-list .empty-state{min-height:150px;padding:20px 10px}.financial-attention-list .empty-state b{font-size:14px}.financial-attention-list .empty-state span{font-size:12px}
.bottom-nav.financial-nav{grid-template-columns:repeat(3,1fr)}
@media(max-width:420px){.financial-indicators{gap:7px}.financial-indicators article{padding-inline:9px}.financial-indicators small{font-size:12px}.financial-indicators strong{font-size:14px}}
@media(max-width:370px){.financial-dashboard{gap:14px}.financial-greeting h1{font-size:26px}.financial-greeting p{font-size:13px}.financial-charge-shortcut{min-height:104px}.financial-indicators article{min-height:130px}.financial-indicators small{font-size:11px}.financial-attention-item{grid-template-columns:42px minmax(0,1fr)}.financial-attention-icon{width:42px;height:42px}.financial-attention-item button{grid-column:2;width:100%}}