.lef-my-book-page{margin:0 auto; width:100%} .lef-my-book-header{align-items:center; display:flex; justify-content:space-between; margin-bottom:2rem; padding-bottom:2rem; border:solid var(--leb-border-color); border-width:0 0 1px 0} .lef-my-book-title-wrap{display:flex; align-items:center; gap:1rem} .lef-my-book-title-icon{align-items:center; background:var(--leb-primary-color); border-radius:10px; color:var(--leb-white); display:flex; height:45px; width:45px; justify-content:center} .lef-my-book-title-icon svg{height:50%; width:50%} .lef-my-book-title{color:var(--leb-secondary-color); font-size:2.2rem; font-weight:500; margin:0; line-height:1.2} .lef-my-book-summary{align-items:center; background:var(--leb-primary-light-bg); border:1px solid var(--leb-border-color); border-radius:10px; color:var(--leb-secondary-color); display:inline-flex; font-size:1.2rem; font-weight:500; gap:10px; padding:8px 12px} .lef-my-book-summary-count{background:var(--leb-primary-color); border-radius:100rem; color:var(--leb-white); padding:4px 10px; min-width:20px; text-align:center; height:auto; font-size:1rem; } .lef-my-book-search-section{margin-bottom:20px} .lef-my-book-search-box{align-items:center; background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:1rem; display:flex; gap:0.6rem; padding:6px 16px; transition:all 0.2s ease} .lef-my-book-search-box.is-focused{border-color:var(--leb-primary-color); box-shadow:var(--leb-focus-shadow)} .lef-my-book-search-input{background:transparent; border:0; color:var(--leb-text-color); flex:1; font-size:1.4rem; font-weight:400; outline:0; padding:8px 0} .lef-my-book-search-icon{color:var(--leb-text-muted); display:flex; align-items:center; width:20px; height:20px} .lef-my-book-search-icon svg{width:100%; height:100%} .lef-my-book-tabs{background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:1rem; display:grid; gap:8px; grid-template-columns:repeat(3,1fr); margin-bottom:2rem} .lef-my-book-tab{align-items:center; background:transparent; border:0; border-radius:10px; color:var(--leb-text-muted); display:flex; font-size:1.4rem; font-weight:400; gap:8px; justify-content:center; padding:10px; transition:all 0.2s ease; cursor:pointer} .lef-my-book-tab:hover{background:var(--leb-primary-light-bg); color:var(--leb-primary-color)} .lef-my-book-tab.is-active{background:var(--leb-primary-color); color:var(--leb-white)} .lef-my-book-tab-count{background:var(--leb-white); color:var(--leb-text-color); border:0; border-radius:100rem; font-size:1rem; padding:2px 6px} .lef-my-book-list-shell{background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:1rem; overflow:hidden; position:relative; min-height:140px} .lef-my-book-list-head{align-items:center; border-bottom:1px solid var(--leb-border-color); display:flex; justify-content:space-between; padding:20px; gap:2rem} .lef-my-book-list-title{color:var(--leb-secondary-color); font-weight:500; font-size:1.8rem} .lef-my-book-card-list{display:grid; gap:1.5rem; padding:1rem} .lef-my-book-card{background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:10px; display:grid; gap:1rem; grid-template-columns:50px 1fr auto; padding:1.4rem; transition:all 0.2s ease; cursor:pointer; position:relative} .lef-my-book-card:hover{border-color:var(--leb-primary-color); transform:translateY(-2px)} .lef-my-book-sno{align-items:center; background:var(--leb-primary-light-bg); border-radius:100rem; color:var(--leb-primary-color); display:flex; font-weight:500; height:40px; justify-content:center; width:40px} .lef-my-book-card-info{display:grid; gap:1.2rem; grid-template-columns:repeat(3,1fr)} .lef-my-book-field-label{color:var(--leb-text-muted); display:block; font-size:1.2rem; font-weight:400; margin-bottom:0.6rem; line-height:1} .lef-my-book-field-value{color:var(--leb-text-color); font-size:1.35rem; font-weight:500; line-height:1; word-break:break-all} .lef-my-book-status-badge{border-radius:100rem; display:inline-block; font-size:1rem; font-weight:500; padding:4px 10px} .lef-my-book-status-badge[data-status="pending"]{background:var(--leb-warning-light-bg); color:var(--leb-warning-color)} .lef-my-book-status-badge[data-status="completed"]{background:var(--leb-success-light-bg); color:var(--leb-success-color)} .lef-my-book-status-badge[data-status="rejected"]{background:var(--leb-error-light-bg); color:var(--leb-error-color)} .lef-my-book-view-btn{align-items:center; background:var(--leb-primary-color); border:0; border-radius:1rem; color:var(--leb-white); display:flex; font-size:1.2rem; font-weight:500; gap:0.5rem; padding:0 16px; min-height:30px; cursor:pointer; transition:all 0.2s ease} .lef-my-book-view-btn:hover{background:var(--leb-primary-dark)} .lef-my-book-pagination{align-items:center; background:var(--leb-bg-light); border-top:1px solid var(--leb-border-color); display:flex; justify-content:space-between; padding:16px 24px} .lef-my-book-pagination-controls{display:flex; gap:6px} .lef-my-book-page-btn{align-items:center; background:var(--leb-white); border:1px solid var(--leb-border-color); border-radius:8px; color:var(--leb-text-muted); display:flex; font-weight:800; height:36px; justify-content:center; min-width:36px; padding:0 10px; cursor:pointer} .lef-my-book-page-btn.is-active{background:var(--leb-primary-color); color:var(--leb-white); border-color:var(--leb-primary-color)} .lef-my-book-page-btn:disabled{opacity:0.5; cursor:not-allowed} .lef-my-book-empty{color:var(--leb-text-muted); font-size:1.4rem; font-weight:400; position:absolute; bottom:0; width:100%; padding:2.5rem; text-align:center} .lef-my-book-loader{align-items:center; color:var(--leb-text-muted); display:flex; font-size:0.9rem; font-weight:600; gap:10px; justify-content:center; padding:40px 20px} .lef-my-book-loader span{animation:lef-spin 0.8s linear infinite; border:3px solid var(--leb-border-color); border-radius:50%; border-top-color:var(--leb-primary-color); display:inline-block; height:22px; width:22px} @keyframes lef-spin{to{transform:rotate(360deg)}} .lef-my-book-error{color:var(--leb-error-color); font-size:0.9rem; font-weight:600; padding:40px 20px; text-align:center} .lef-my-book-dots{align-items:center; color:var(--leb-text-muted); display:flex; font-size:1rem; height:36px; padding:0 4px} .lef-my-book-list-meta{color:var(--leb-text-muted); font-size:1.2rem; font-weight:400; text-align:right} .lef-my-book-card-actions{align-items:center; display:flex} @media (max-width:670px){.lef-my-book-card{grid-template-columns:1fr; gap:1.8rem} .lef-my-book-card-actions{position:absolute; right:10px; top:10px} .lef-my-book-sno{width:30px; height:30px}} @media (max-width:480px){.lef-my-book-summary{font-size:1rem; gap:0.8rem} .lef-my-book-title{font-size:1.8rem} .lef-my-book-subtitle{font-size:1.1rem; line-height:1.2; margin-top:0.4rem}} @media (max-width:425px){.lef-my-book-list-head{gap:3rem} .lef-my-book-list-title{font-size:1.45rem; line-height:1.1} .lef-my-book-summary{display:none} .lef-my-book-tab{font-size:1.2rem} .lef-my-book-tab-count{font-size:0.8rem} .lef-my-book-card-info{grid-template-columns:1fr} .lef-my-book-field{display:flex; flex-direction:row; justify-content:space-between} .lef-my-book-field-label{margin:0; font-size:1.25rem} .lef-my-book-field-value{font-size:1.25rem} #lef-my-book-pagination-info{font-size:1.2rem}} @media (max-width:360px){.lef-my-book-tabs{grid-template-columns:repeat(2,1fr)} .lef-prof-panel{padding:20px 10px}}