.books-container{height:calc(100vh - 200px);overflow:hidden;box-sizing:border-box;padding:clamp(8px,2vw,16px);max-width:100%;margin-bottom:clamp(60px,15vw,80px)}.book-row{display:flex;align-items:center;padding:12px 16px;margin:8px 0;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease;cursor:pointer;min-height:180px}.book-row-title-author{flex:1 1}.book-row:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.book-row-cover{margin-right:16px;flex-shrink:0}.book-row-details{display:flex;height:100%;flex-direction:column;flex:1 1;min-width:0}.book-row-title{margin:0 0 8px;font-size:clamp(16px,4vw,20px);font-weight:600;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.book-row-author{margin:0 0 12px;font-size:clamp(12px,3vw,16px);color:#6c757d;font-style:italic;line-height:1.3}.book-row-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:clamp(11px,2.5vw,14px);color:#495057}.book-stat{display:flex;align-items:center;padding:4px 8px;border-radius:4px}.book-stat-total{background-color:#e3f2fd}.book-stat-borrowed{background-color:#fff3cd}.book-stat-available,.book-stat-borrowed.none{background-color:#d4edda}.book-stat-available.none{background-color:#f8d7da}.book-stat-label{font-weight:500;margin-right:4px}.books-list-container{height:"calc(100vh - 120px)";overflow:"hidden";box-sizing:"border-box";padding:"clamp(8px, 2vw, 16px)";max-width:"100%"}.borrowed-book-details p{margin:4px 0;font-size:clamp(12px,2.5vw,14px);color:#495057}@media (max-width:768px){.book-row{padding:8px 12px;margin:6px 0;min-height:140px;flex-direction:row;align-items:flex-start}.book-row-cover{margin-right:12px;transform:scale(.8);transform-origin:top left}.book-row-details{padding-top:4px}.book-row-title{font-size:clamp(14px,4.5vw,18px);margin-bottom:6px;line-height:1.1}.book-row-author{font-size:clamp(11px,3.5vw,14px);margin-bottom:8px}.book-row-stats{gap:6px;font-size:clamp(10px,3vw,12px)}.book-stat{padding:3px 6px;min-width:-moz-fit-content;min-width:fit-content}}@media (max-width:480px){.book-row{padding:6px 8px;margin:4px 0;min-height:120px}.book-row-cover{margin-right:8px;transform:scale(.7)}.book-row-title{font-size:clamp(13px,5vw,16px);margin-bottom:4px}.book-row-author{font-size:clamp(10px,4vw,13px);margin-bottom:6px}.book-row-stats{gap:4px;font-size:clamp(9px,3.5vw,11px);flex-direction:column;align-items:flex-start}.book-stat{padding:2px 4px;margin-bottom:2px;width:-moz-fit-content;width:fit-content}}@media (min-width:1200px){.book-row{padding:0 20px;min-height:200px}.book-row-cover{margin-right:20px;transform:scale(1.1);transform-origin:center}.book-row-title{font-size:18px;margin-bottom:8px}.book-row-author{font-size:12px;margin-bottom:8px}.book-row-stats{gap:12px;font-size:clamp(13px,1.2vw,16px)}.book-stat{padding:6px 10px}}.book-cover{width:clamp(80px,15vw,100px);height:clamp(128px,24vw,160px);background:linear-gradient(145deg,#2c3e50,#34495e);border-radius:clamp(8px,2vw,12px);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid #34495e}.book-cover:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 30px 60px rgba(0,0,0,.4),0 12px 24px rgba(0,0,0,.3)}.book-cover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05));pointer-events:none}.book-spine{position:absolute;left:0;top:0;width:clamp(6px,1.5vw,8px);height:100%;background:linear-gradient(180deg,#1a252f,#2c3e50);border-radius:clamp(8px,2vw,12px) 0 0 clamp(8px,2vw,12px)}.book-content{height:100%;display:flex;padding-bottom:8px;justify-content:space-between;flex-direction:column;position:relative;z-index:2}.book-title{padding:clamp(12px,3vw,20px) clamp(8px,2vw,16px) clamp(6px,1.5vw,10px);align-content:center;font-size:clamp(9px,2.5vw,12px);font-weight:400;color:#ecf0f1;line-height:1.2;margin-bottom:clamp(12px,3vw,20px);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.book-author,.book-title{text-align:center;word-wrap:break-word;overflow-wrap:break-word}.book-author{font-size:clamp(8px,2vw,10px);margin:0;padding:clamp(1px,.5vw,2px) 0;background-color:#000;color:#bdc3c7;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.book-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(96px,18vw,120px);height:clamp(96px,18vw,120px);border:clamp(2px,.5vw,3px) solid rgba(236,240,241,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(236,240,241,.15);z-index:1}.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)}