.container{background:#f3f4f6;gap:20px;width:100%;max-width:100%;min-height:100vh;display:flex}.sideBar{flex-shrink:0;width:280px}.libhead{width:100%;max-width:1400px;margin:0 auto;padding:28px 34px 32px}.lib-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-holder{color:#fff;background-color:#0093cde3;border-radius:6px;width:280px;height:120px;padding:16px}.user-status{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c5cbf);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.stock-logo{width:50px;height:40px}.stock-logo1{border-radius:5px;width:100%;height:100%}.lib-logo1{width:100%;height:100%;margin-bottom:24px;font-size:48px}.lib-logo{width:100%;height:100%}.stockport{letter-spacing:.2em;text-transform:uppercase;color:#ededed;font-size:11px;font-weight:600}.title{font-size:24px;font:bold;color:#0093cde3;margin-bottom:24px}.student{margin:0;font-family:"'Georgia', serif";font-size:28px;font-weight:800;line-height:1.1}.browse{color:#ededed;max-width:"480px";margin:16px 0 0;font-size:15px;line-height:1.6}.bookcover{background:linear-gradient(135deg,#ede8f7 0%,#ddd6fe 100%);border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;font-size:42px;display:flex}.book-genre{color:#0093cde3;background:"#f3eeff";letter-spacing:.04em;border-radius:20px;margin-top:8px;padding:3px 10px;font-size:13px;font-weight:600}.book-description{color:#555070;margin:0;font-size:13px;line-height:1.6}.search-input{color:#1e143c;box-sizing:border-box;background:#faf8ff;border:1.5px solid #ddd6fe;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 38px;font-size:14px}.pagination-holder{justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.book-count{color:#fff;font-size:26px;font-weight:800}.book-text{color:#ededed;letter-spacing:.06em;text-transform:uppercase;font-size:12px}.footer{text-align:center;color:#b0a8c8;background:#fff;border-top:1px solid #ede8f7;margin-top:60px;padding:28px 24px;font-size:13px}.author-card{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.overview{width:100%;padding:24px}.nav-list{background-color:#fff;width:280px;min-height:100vh;padding:16px}.navbar{display:none}.status-card{z-index:500;background:#fff;border:1px solid #ede8f7;border-radius:14px;width:100%;min-width:220px;height:140px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #1e143c2e}.status-cover{border-bottom:1px solid #f3eeff;padding:16px 18px 12px}.status-title{color:#1e143c;font-size:14px;font-weight:700}.status-mail{color:#7c6f99;margin-top:2px;font-size:12px}.status-role{color:#7c5cbf;letter-spacing:.04em;background:#f3eeff;border-radius:20px;margin-top:6px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.logout{color:#b91c1c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;font-weight:600;display:flex}@media (min-width:2560px){.container{margin:0 auto}}@media (max-width:1024px){.libhead{max-width:1020px}.card-holder{width:280px}}@media (max-width:939px){.card-holder{width:198px}.container{gap:10px}}@media (max-width:768px){.card-holder{width:200px}.libhead{padding:24px}.container{gap:10px}.sideBar,.nav-list{width:250px}.author-card{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card{height:135px}.status-cover{padding:12px 12px 8px}}@media (max-width:739px){.card-holder{width:176px}}@media (max-width:691px){.sideBar,.nav-list{width:235px}.container{gap:0}.card-holder{width:160px}}@media (max-width:634px){.card-holder{width:140px}}@media (max-width:594px){.card-holder{width:100%}.sideBar,.nav-list{width:180px}.title{font-size:18px}}@media (max-width:425px){.sideBar{display:none}.libhead{padding:16px}.lib-wrapper{gap:15px}.user-status{width:20px;height:20px;font-size:11px}.logo-bearer{align-items:center;gap:14px;display:flex}.stock-logo{width:50px;height:45px}.student{font-size:18px}.browse{font-size:12px}.user-menu-button{font-size:11px}.bookcover{font-size:28px}.book-genre{font-size:11px}.book-title{font-size:14px}.book-description,.search-input{font-size:11px}.book-count{font-size:20px}.book-text{font-size:10px}.footer{font-size:11px}.overview{margin-top:75px;padding:20px}.nav-list{display:none}.navbar{z-index:9999;background-color:#0093cde3;width:100%;height:70px;padding:15px;display:block;position:fixed;top:0;left:0}.nav-container{z-index:9999;background:#044058fa;width:100%;min-height:100dvh;padding:15px;position:fixed;inset:0}.card-holder{width:100%}.pagination-holder{flex-wrap:balance}.navBar{color:#fff;width:100%;height:100%;font-size:14px}.nav-icon{cursor:pointer;z-index:10001;color:#fff;width:32px;height:32px;font-size:25px;position:relative}.close-icon{cursor:pointer;z-index:10001;color:#fff;border-radius:5px;width:25px;height:25px}.close-icon1{width:100%;height:100%}.status-card{min-width:165px!important;height:115px!important}.status-title{font-size:11px}.status-cover{padding:10px!important}.status-mail{font-size:11px!important}.status-role{font-size:10px!important}.logout{margin-bottom:3px;font-size:11px}}@media (max-width:375px){.container{flex-wrap:wrap}.libhead{padding:14px}.stockport{font-size:9px}.logo-bearer{gap:8px}.close-icon{width:25px;height:20px}}@media (max-width:320px){.student{font-size:15px}.status-card{right:-70px!important}}