.main-wrap{display:flex;flex-direction:column;height:100%}.main-wrap .header{flex-shrink:0;z-index:20001}.main-wrap .main-content{flex-grow:1}.page-ledger-content{display:flex;flex-direction:column;height:100%}.page-ledger-content .icon{height:1.2em;stroke-width:2}.page-ledger-content .view-type{align-items:center;display:flex;flex-shrink:0;font-size:13px;justify-content:space-between;padding:15px 10px 5px}.page-ledger-content .view-type .year{color:#69ac74;font-weight:700;min-width:50px;text-align:center}.page-ledger-content .add-btn,.page-ledger-content .top-btn{color:#69ac74;font-size:12px;min-width:unset;padding:0}.page-ledger-content .add-btn .icon,.page-ledger-content .top-btn .icon{height:20px;margin:0;width:20px}.page-ledger-content .log-wrap{flex-grow:1;overflow-y:auto;position:relative}.page-ledger-content .log-wrap .month-wrap .title{color:#172133;font-size:14px;font-weight:700;padding:10px;position:sticky;top:0}.page-ledger-content .log-wrap .month-wrap .log-item,.page-ledger-content .log-wrap .month-wrap .title{align-items:center;background-color:#fff;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between}.page-ledger-content .log-wrap .month-wrap .log-item{padding:10px 10px 10px 25px}.float-btn{align-items:center;background-color:hsla(0,0%,100%,.39);border:1px solid;border-radius:50%;display:flex;height:40px;justify-content:center;left:0;margin:0;opacity:0;overflow:hidden;position:fixed;top:0;transition:opacity .2s;width:40px;z-index:3}.float-btn.show{opacity:1}