.fin{color:#263835;background:#f1f2ef;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.fin>aside{color:#fff;background:#263f3d;flex-direction:column;width:230px;padding:27px 21px;display:flex;position:fixed;inset:0 auto 0 0}.fin-brand{color:#fff;align-items:center;gap:11px;margin-bottom:48px;text-decoration:none;display:flex}.fin-brand>b{color:#315b56;background:#fff;border:3px solid #d9a45c;border-radius:50%;place-items:center;width:42px;height:42px;font-size:10px;display:grid}.fin-brand span{letter-spacing:.1em;font-size:14px;font-weight:900}.fin-brand small{color:#adc1bc;margin-top:4px;font-size:7px;display:block}.fin aside nav{gap:4px;display:grid}.fin aside nav button{color:#b9c9c5;text-align:left;background:0 0;border:0;border-radius:5px;padding:12px 14px;font-size:11px}.fin aside nav button.active,.fin aside nav button:hover{color:#2b4b47;background:#fff;font-weight:800}.fin-db{border-top:1px solid #526967;align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:flex}.fin-db>i{background:#6db39b;border-radius:50%;width:8px;height:8px}.fin-db b,.fin-db small{font-size:10px;display:block}.fin-db small{color:#a5bab6;margin-top:4px;font-size:7px}.fin-content{grid-column:2}.fin-content>header{z-index:3;background:#fff;border-bottom:1px solid #dedfd9;align-items:center;gap:17px;height:74px;padding:0 4vw;display:flex;position:sticky;top:0}.fin-content>header>a{color:#778783;align-items:center;gap:6px;font-size:9px;text-decoration:none;display:flex}.fin-content>header>a svg{width:14px}.fin-content>header>label{align-items:center;gap:8px;width:min(330px,36%);margin-left:auto;display:flex}.fin-content>header>label svg{color:#8a9895;width:16px}.fin-content>header input{border:0;outline:0;width:100%;font-size:10px}.fin-content>header>span{color:#966830;background:#f7efe1;padding:6px 8px;font-size:7px}.fin-content>header>button,.fin-primary{color:#fff;background:#b77d35;border:0;align-items:center;gap:7px;padding:10px 13px;font-size:9px;display:flex}.fin-content>header button svg,.fin-primary svg{width:15px}.fin-wrap{padding:32px 4vw 65px}.fin-crumb{color:#758580;margin-bottom:18px;font-size:8px}.fin-crumb span{color:#a86d2c;font-weight:900}.fin-crumb i{border-top:1px solid #bcc5c1;width:18px;margin:0 7px 2px;display:inline-block}.fin-hero{color:#fff;background:#304d49;justify-content:space-between;align-items:end;padding:34px 38px;display:flex;position:relative;overflow:hidden}.fin-hero:after{content:"";border:45px solid #435f5a;border-radius:50%;width:230px;height:230px;position:absolute;top:-105px;left:49%}.fin-hero>div{z-index:1;position:relative}.fin-hero small,.fin-head small,.fin-summary small,.fin-empty>small{color:#e6ad65;letter-spacing:.17em;font-size:7px;font-weight:900}.fin-hero h1{margin:10px 0;font:500 36px/1.08 Georgia}.fin-hero p{color:#c2d0cc;margin:0;font-size:10px}.fin-hero>div:last-child{background:#ffffff12;border:1px solid #ffffff26;min-width:190px;padding:16px 19px}.fin-hero>div:last-child b{margin:8px 0;font:500 27px Georgia;display:block}.fin-hero em{color:#9ed1b8;font-size:8px;font-style:normal}.fin-kpis{grid-template-columns:repeat(4,1fr);gap:11px;margin:16px 0 34px;display:grid}.fin-kpis article,.fin-panel{background:#fff;border:1px solid #dedfd9}.fin-kpis article{padding:17px}.fin-kpis span{color:#74827e;letter-spacing:.07em;align-items:center;gap:6px;font-size:7px;display:flex}.fin-kpis svg{color:#b77d35;width:14px}.fin-kpis b{margin:12px 0 4px;font:500 23px Georgia;display:block}.fin-kpis small{color:#87938f;font-size:7px}.fin-two{grid-template-columns:1.25fr 1fr;gap:13px;display:grid}.fin-panel{padding:22px}.fin-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.fin-head h2{margin:5px 0 0;font:500 22px Georgia}.fin-head>button{color:#5b7470;background:0 0;border:0;align-items:center;font-size:8px;display:flex}.fin-head>button svg{width:14px}.fin-head>button.fin-primary{color:#fff;background:#304d49}.transactions article,.approvals article,.approval-full article{border-top:1px solid #e5e7e2;align-items:center;gap:10px;padding:11px 0;display:flex}.transactions article>span,.approvals article>span{color:#a06c2f;background:#f1e8da;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.transactions article>span.in{color:#35745f;background:#e1eee8}.transactions svg,.approvals svg{width:14px}.transactions article>div,.approvals article>div,.approval-full article>div{flex:1}.transactions b,.transactions small,.approvals b,.approvals small,.approval-full b,.approval-full small{font-size:9px;display:block}.transactions small,.approvals small,.approval-full small{color:#87938f;margin-top:3px;font-size:7px}.transactions strong{color:#8c503b;font-size:9px}.transactions strong.in{color:#34715c}.approvals em{color:#8f6331;font-size:8px;font-style:normal}.fin-summary{background:#f8efe1;border-left:4px solid #c58a45;align-items:center;gap:15px;margin-top:13px;padding:18px 20px;display:flex}.fin-summary>svg{color:#a97030}.fin-summary>div:nth-child(2){flex:1}.fin-summary h2{margin:4px 0;font:500 18px Georgia}.fin-summary p{color:#71817d;margin:0;font-size:8px}.bars{width:150px}.bars span{background:#e0d8cd;height:5px;margin-top:5px;display:block}.bars span i{background:#b87c34;height:100%;display:block}.bars small{color:#7b7f78;font-size:6px}.fin-summary>button,.fin-empty>button,.approval-full button{color:#fff;background:#304d49;border:0;align-items:center;gap:6px;padding:9px 11px;font-size:8px;display:flex}.fin-summary button svg,.fin-empty button svg,.approval-full button svg{width:13px}.full{min-height:470px}.approval-full article>svg{color:#a86f30;background:#f1e8da;width:35px;padding:9px}.approval-full strong{margin-right:10px;font-size:10px}.fin-empty{text-align:center;background:#fff;border:1px solid #dedfd9;flex-direction:column;justify-content:center;align-items:center;min-height:560px;display:flex}.fin-empty>span{color:#a66d2e;background:#f1e8da;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:18px;display:grid}.fin-empty h1{margin:8px 0;font:500 29px Georgia}.fin-empty p{color:#74827e;max-width:480px;font-size:10px;line-height:1.7}.fin-empty button{margin-top:12px}.fin-overlay{z-index:10;background:#172b29c4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.fin-overlay form{background:#fff;width:min(460px,100%);padding:30px;position:relative}.fin-overlay .close{background:0 0;border:0;position:absolute;top:15px;right:15px}.fin-overlay .close svg{width:18px}.fin-overlay form>small{letter-spacing:.17em;color:#a97030;font-size:7px;font-weight:900}.fin-overlay h2{margin:7px 0 20px;font:500 27px Georgia}.fin-overlay label{color:#617570;gap:5px;margin:11px 0;font-size:8px;display:grid}.fin-overlay input,.fin-overlay select,.fin-overlay textarea{background:#fff;border:1px solid #d5ddd9;padding:10px;font:10px Arial}.fin-overlay textarea{height:65px}.form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fin-overlay .submit{color:#fff;background:#304d49;border:0;justify-content:center;gap:7px;width:100%;margin-top:16px;padding:12px;display:flex}.fin-overlay .submit svg{width:15px}.fin-overlay form>em{text-align:center;color:#87938f;margin-top:9px;font-size:7px;font-style:normal;display:block}@media (max-width:900px){.fin{display:block}.fin>aside{width:auto;height:auto;position:relative}.fin-brand{margin-bottom:18px}.fin aside nav{display:flex;overflow:auto}.fin-db{display:none}.fin-content>header{position:relative}.fin-kpis{grid-template-columns:1fr 1fr}.fin-two{grid-template-columns:1fr}}@media (max-width:560px){.fin-content>header>a,.fin-content>header>label,.fin-content>header>span{display:none}.fin-content>header>button{margin-left:auto}.fin-wrap{padding:24px 17px}.fin-hero{padding:27px;display:block}.fin-hero h1{font-size:28px}.fin-hero>div:last-child{margin-top:20px}.fin-kpis{grid-template-columns:1fr 1fr}.fin-summary{flex-wrap:wrap}.bars{display:none}.transactions strong{font-size:8px}}