.wallet-view{width:45vw}.wallet-header{margin-bottom:.5rem}.wallet-view .resident-info{gap:.5rem}.wallet-action{margin-top:.5rem}.resident-avatar{width:60px;height:60px;flex:0 0 60px}.resident-info{display:flex;flex-direction:column;gap:1rem}.staff-view{max-width:500px}.staff-view .restore-button{background-color:var(--primary-text-color);color:var(--color-white);border-color:transparent}.event-booking-view{max-width:900px}.event-booking-content{margin-top:1rem;gap:2rem}.transaction-detail{width:30vw}.transaction-content{gap:1rem}.access-log-view,.notification-view,.security-agent-view{max-width:500px}.sub-menu-category{display:flex;flex-direction:column;gap:3rem}.items-tab-container{width:100%;height:85%;max-height:300px;overflow-x:auto;overflow-y:auto}.items-tab thead{background-color:#ededed}.sidebar-left{display:flex;flex-direction:column;justify-content:space-between;left:0;border-right:1px solid var(--border-color);transition:transform .3s ease-in-out}@media (max-width:1100px){.sidebar-left{transform:translateX(-100%)}.sidebar-left.open{transform:translateX(0)}}.app-title{color:#00afee;font-size:var(--font-size-large)}.navbar-left{height:100%;overflow-y:auto;padding-bottom:4rem}.left-sidebar-footer,.left-sidebar-header{display:flex;align-items:center}.left-sidebar-header{justify-content:center;margin-bottom:3rem}.menu-group{margin-bottom:1rem}.menu-group-title{padding:0 1rem;color:var(--color-text-light);line-height:1.6}.menu-group-separtor{border-bottom:1px solid var(--border-color);height:1px;margin:0 auto .3rem}.navbar-left-link,.navbar-left-sublink{display:flex;align-items:center;font-size:1rem;font-weight:600;transition:background-color .2s ease;cursor:pointer}.navbar-left-link{gap:1rem;padding:.6rem 0 .6rem 1rem}.navbar-left-sublink svg{opacity:.6}.navbar-left-link svg{width:20px}.navbar-left-link:hover{background-color:var(--default-link-hover)}.navbar-left-link-active{color:#0096e7}.left-sidebar-footer{font-size:var(--font-size-small);border-top:1px solid var(--border-color);margin-bottom:-10px}.left-sidebar-footer .navbar-left-link{width:100%;padding-top:10px;padding-bottom:12px;cursor:pointer}.refund-request-view{max-width:500px}