.books-container{box-sizing:border-box;max-width:100%;height:calc(100vh - 200px);margin-bottom:clamp(60px,15vw,80px);padding:clamp(8px,2vw,16px);overflow:hidden}.book-row{cursor:pointer;background-color:#f8f9fa;border-radius:8px;align-items:center;min-height:180px;margin:8px 0;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.book-row-title-author{flex:1}.book-row:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.book-row-cover{flex-shrink:0;margin-right:16px}.book-row-details{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.book-row-title{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:clamp(16px,4vw,20px);font-weight:600;line-height:1.2;overflow:hidden}.book-row-author{color:#6c757d;margin:0 0 12px;font-size:clamp(12px,3vw,16px);font-style:italic;line-height:1.3}.book-row-stats{color:#495057;flex-wrap:wrap;gap:8px;font-size:clamp(11px,2.5vw,14px);display:flex}.book-stat{border-radius:4px;align-items:center;padding:4px 8px;display:flex}.book-stat-total{background-color:#e3f2fd}.book-stat-borrowed{background-color:#fff3cd}.book-stat-borrowed.none,.book-stat-available{background-color:#d4edda}.book-stat-available.none{background-color:#f8d7da}.book-stat-label{margin-right:4px;font-weight:500}.books-list-container{height:"calc(100vh - 120px)";overflow:"hidden";box-sizing:"border-box";padding:"clamp(8px, 2vw, 16px)";max-width:"100%"}.force-return-btn{color:#fff;cursor:pointer;background-color:#2c3e50;border:none;border-radius:6px;align-self:flex-start;margin-top:10px;padding:6px 14px;font-size:13px;font-weight:500;transition:background-color .2s}.force-return-btn:hover:not(:disabled){background-color:#1a252f}.force-return-btn:disabled{cursor:not-allowed;background-color:#95a5a6}.borrowed-book-details p{color:#495057;margin:4px 0;font-size:clamp(12px,2.5vw,14px)}@media (max-width:768px){.book-row{flex-direction:row;align-items:flex-start;min-height:140px;margin:6px 0;padding:8px 12px}.book-row-cover{transform-origin:0 0;margin-right:12px;transform:scale(.8)}.book-row-details{padding-top:4px}.book-row-title{margin-bottom:6px;font-size:clamp(14px,4.5vw,18px);line-height:1.1}.book-row-author{margin-bottom:8px;font-size:clamp(11px,3.5vw,14px)}.book-row-stats{gap:6px;font-size:clamp(10px,3vw,12px)}.book-stat{min-width:fit-content;padding:3px 6px}}@media (max-width:480px){.book-row{min-height:120px;margin:4px 0;padding:6px 8px}.book-row-cover{margin-right:8px;transform:scale(.7)}.book-row-title{margin-bottom:4px;font-size:clamp(13px,5vw,16px)}.book-row-author{margin-bottom:6px;font-size:clamp(10px,4vw,13px)}.book-row-stats{flex-direction:column;align-items:flex-start;gap:4px;font-size:clamp(9px,3.5vw,11px)}.book-stat{width:fit-content;margin-bottom:2px;padding:2px 4px}}@media (min-width:1200px){.book-row{min-height:200px;padding:0 20px}.book-row-cover{transform-origin:50%;margin-right:20px;transform:scale(1.1)}.book-row-title{margin-bottom:8px;font-size:18px}.book-row-author{margin-bottom:8px;font-size:12px}.book-row-stats{gap:12px;font-size:clamp(13px,1.2vw,16px)}.book-stat{padding:6px 10px}}
.book-cover{cursor:pointer;background:linear-gradient(145deg,#2c3e50,#34495e);border:2px solid #34495e;border-radius:clamp(8px,2vw,12px);width:clamp(80px,15vw,100px);height:clamp(128px,24vw,160px);transition:all .3s;position:relative;overflow:hidden}.book-cover:hover{transform:translateY(-10px)rotateX(5deg);box-shadow:0 30px 60px #0006,0 12px 24px #0000004d}.book-cover:before{content:"";pointer-events:none;background:linear-gradient(45deg,#ffffff1a 0%,#0000 50%,#ffffff0d 100%);position:absolute;inset:0}.book-spine{background:linear-gradient(#1a252f,#2c3e50);border-radius:clamp(8px,2vw,12px) 0 0 clamp(8px,2vw,12px);width:clamp(6px,1.5vw,8px);height:100%;position:absolute;top:0;left:0}.book-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding-bottom:8px;display:flex;position:relative}.book-title{color:#ecf0f1;text-align:center;text-shadow:2px 2px 4px #00000080;word-wrap:break-word;overflow-wrap:break-word;align-content:center;margin-bottom:clamp(12px,3vw,20px);padding:clamp(12px,3vw,20px) clamp(8px,2vw,16px) clamp(6px,1.5vw,10px);font-size:clamp(9px,2.5vw,12px);font-weight:400;line-height:1.2}.book-author{color:#bdc3c7;text-align:center;text-shadow:1px 1px 2px #00000080;word-wrap:break-word;overflow-wrap:break-word;background-color:#000;margin:0;padding:clamp(1px,.5vw,2px) 0;font-size:clamp(8px,2vw,10px);font-style:italic}.book-decoration{color:#ecf0f126;z-index:1;border:clamp(2px,.5vw,3px) solid #ecf0f133;border-radius:50%;justify-content:center;align-items:center;width:clamp(96px,18vw,120px);height:clamp(96px,18vw,120px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.book-cover.color1{background:linear-gradient(145deg,#2c3e50,#8e44ad)}.book-cover.color2{background:linear-gradient(145deg,#ad1457,#e91e63)}.book-cover.color3{background:linear-gradient(145deg,#1565c0,#42a5f5)}.book-cover.color4{background:linear-gradient(145deg,#2e7d32,#66bb6a)}.book-cover.color5{background:linear-gradient(145deg,#f57c00,#ff9800)}.book-cover.color6{background:linear-gradient(145deg,#6d4c41,#8d6e63)}.book-cover.color7{background:linear-gradient(145deg,#37474f,#546e7a)}.book-cover.color8{background:linear-gradient(145deg,#4a148c,#7b1fa2)}.book-cover.color9{background:linear-gradient(145deg,#c2185b,#d81b60)}.book-cover.color0{background:linear-gradient(145deg,#0d47a1,#1976d2)}