.custom-offcanvas{background-color:#f7f8fa;color:#333;border-left:2px solid #ccc;padding:20px;font-family:"Roboto",sans-serif}.offcanvas-header{border-bottom:1px solid #e1e1e1;padding-bottom:15px}.offcanvas-title{font-size:1.5rem;font-weight:700;color:#333}.offcanvas-body{padding-top:20px}.offcanvas-link{display:flex;align-items:center;padding:10px 0;color:#63480f;text-decoration:none;font-weight:500;font-size:1.2rem;transition:color 0.3s ease}.offcanvas-link i{font-size:1.5rem;margin-right:20px!important;color:#ff8c00;transition:transform 0.3s ease}.offcanvas-link:hover{color:#0056b3}.offcanvas-link:hover i{transform:scale(1.1)}.btn-close{color:#555}.btn-close:hover{color:#000}