/* Fixed vertical navigation with a wide horizontal work area */
body{display:flex;min-width:1120px}.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:224px;height:100vh;padding:24px 15px 18px;flex-direction:column;overflow:hidden;box-shadow:none}.sidebar .brand{display:flex;width:auto;min-width:0;padding:0 11px 26px}.sidebar .brand>div{display:flex}.sidebar nav{display:block;overflow:visible}.sidebar .nav,.sidebar .nav:not(.active){display:flex;width:100%;height:auto;margin:2px 0;padding:12px 13px;justify-content:flex-start;font-size:13px}.sidebar .nav span{width:18px;font-size:17px}.sidebar .nav i{display:block}.sidebar-bottom{display:block;margin-top:auto}.sidebar .user{display:flex;border-top:1px solid rgba(255,255,255,.12);margin-top:15px;padding:18px 8px 0;min-width:0}.sidebar .user>div{display:flex}main{margin-left:224px;width:calc(100% - 224px);max-width:1600px;padding:26px 30px 55px}.payment-heading>div:last-child{display:flex;flex-wrap:nowrap;gap:7px}.payment-heading .secondary,.payment-heading .primary{padding:10px 12px;font-size:11px}.payment-table-wrap{overflow-x:auto}.payment-table{min-width:940px}.payment-bottom{grid-template-columns:1fr 1fr}#payment-ledger-dialog{width:min(1080px,calc(100vw - 70px))}.ledger-table{min-width:820px}@media(max-width:1200px){.sidebar{width:196px}.brand small{display:none}main{margin-left:196px;width:calc(100% - 196px);padding:22px}.sidebar .nav,.sidebar .nav:not(.active){font-size:11px}.sidebar .user{display:none}}