.lef-mb-view-container{animation:lefFadeIn 0.3s ease-out} @keyframes lefFadeIn{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:translateY(0)}} .lef-mb-view-header{display:flex; align-items:center; gap:2rem; margin-bottom:2rem; padding-bottom:2rem; position:relative; border-bottom:1px solid var(--leb-border-color)} .lef-mb-view-back-btn{display:flex; align-items:center; gap:0.5rem; background:transparent; border:1.5px solid var(--leb-border-color); padding:4px 15px; border-radius:8px; color:var(--leb-secondary-color); font-size:1.2rem; font-weight:500; cursor:pointer; transition:all 0.2s ease} .lef-mb-view-back-btn:hover{background:var(--leb-bg-light); border-color:var(--leb-secondary-color)} .lef-mb-view-page-title{flex:1; text-align:center; font-size:1.8rem; font-weight:500; color:var(--leb-secondary-color); line-height:1.1} .lef-mb-view-status-badge{padding:6px 16px; border-radius:1rem; font-size:1.2rem; font-weight:500; text-transform:capitalize} .lef-mb-view-status-badge[data-status="pending"]{background:var(--leb-warning-light-bg); color:var(--leb-warning-color)} .lef-mb-view-status-badge[data-status="completed"],.lef-mb-view-status-badge[data-status="approve"]{background:var(--leb-success-light-bg); color:var(--leb-success-color)} .lef-mb-view-status-badge[data-status="rejected"],.lef-mb-view-status-badge[data-status="cancel"]{background:var(--leb-error-light-bg); color:var(--leb-error-color)} .lef-mb-view-property-card{display:flex; align-items:center; justify-content:space-between; margin-bottom:2rem; padding-bottom:2rem; gap:2rem; border-bottom:1px solid var(--leb-border-color)} .lef-mb-view-label{font-size:1.2rem; font-weight:400; color:var(--leb-text-muted); margin-bottom:0.6rem} .lef-mb-view-value{font-size:1.4rem; font-weight:500; color:var(--leb-text-color)} .lef-mb-view-btn-primary{display:inline-block; background:transparent; border:1.5px solid var(--leb-border-color); color:var(--leb-secondary-color); padding:8px 12px; border-radius:1rem; text-decoration:none !important; font-weight:500; font-size:1.2rem; transition:all 0.2s ease} .lef-mb-view-btn-primary:hover{background:var(--leb-primary-dark); color:var(--leb-white); border-color:var(--leb-primary-dark)} .lef-mb-view-details-card{display:grid; grid-template-columns:1fr; gap:1rem} .lef-mb-view-card-header{display:flex; align-items:center; gap:1rem; padding-bottom:1rem; border-bottom:1px solid var(--leb-border-color); margin-bottom:1rem} .lef-mb-view-icon-wrap{width:36px; height:36px; background:var(--leb-primary-light-bg); color:var(--leb-primary-color); border-radius:8px; display:flex; align-items:center; justify-content:center} .lef-mb-view-card-title{font-size:1.8rem; font-weight:500; color:var(--leb-secondary-color); margin:0} .lef-mb-view-info-row{display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px dashed var(--leb-border-color)} .lef-mb-view-info-row:last-child{border-bottom:0} .lef-mb-view-item-label{font-size:1.3rem; font-weight:400; color:var(--leb-text-muted)} .lef-mb-view-item-value{font-size:1.3rem; font-weight:500; color:var(--leb-text-color); text-align:right} @media (max-width:650px){.lef-mb-view-property-card{align-items:flex-start; flex-direction:column} .lef-mb-view-prop-action{width:100%; text-align:center} .lef-mb-view-btn-primary{width:100%} .lef-mb-view-page-title{font-size:1.4rem}}