*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:#f5f7fa;font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50}a{text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:1rem;outline:none;text-decoration:none}::-webkit-scrollbar{width:8px;background:#e3e3e3}::-webkit-scrollbar-thumb{background:#b0bec5;border-radius:4px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:100vh}.login-box{background-color:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.616);width:100%;max-width:400px;justify-content:center}.login-image{border-radius:12px;margin-bottom:5%;padding:1rem}.login-image img{justify-items:center;width:40%;border-radius:12px}.login-box h2{text-align:center;margin-bottom:1.5rem;color:#262c6b}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333}.form-group input{width:90%;padding:.5rem;border:1px solid #ccc;border-radius:20px}.btn-login{width:40%;padding:.75rem;background-color:#262c6b;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s}.btn-login:hover{background-color:#4e5283}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.spinner{border:8px solid rgba(0,0,0,.1);border-left-color:#262c6b;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.login-box{width:90%;padding:1rem}.login-image img{width:60%}.btn-login{width:80%}}h2{color:#262c6b}h2,p{margin-bottom:16px}p{color:#333;text-align:center}.btn-ok{background:#262c6b;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:16px}@media (max-width:768px){.modal-content{width:90%;padding:16px}.btn-ok{width:100%}h2{font-size:20px}p{font-size:14px}.modal-overlay{padding:16px}}.pdf-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px}.no-results{width:100%;text-align:center;color:#888;margin-top:32px}.search-input{width:50%;padding:8px 12px;margin-top:3%;margin-bottom:20px}.form-control,.search-input{box-shadow:0 0 5px #888;border:none;border-radius:20px;font-size:16px}.form-control{width:17%;height:15%;background-color:hsla(0,0%,93.3%,.021);padding:14px}.library-container{margin-top:7%!important;padding:20px;max-width:1200px;margin:0 auto}.title{font-size:40px}.discipline,.title{text-align:center;margin-bottom:20px;color:#262c6b}.discipline{margin-top:20px;font-size:30px}.subtitle{text-align:center;color:#555;font-size:20px}.btn-back{top:90px}@media (max-width:768px){.search-input{width:90%}.pdf-grid{flex-direction:column;align-items:center}.pdf-item{width:100%;max-width:400px}.title{font-size:32px}.subtitle{font-size:18px}.library-container{margin-top:45%!important}}.main-header{position:fixed;top:0;left:0;min-width:100%;justify-content:space-around;background:#fff;color:#007cf8;text-decoration:none;padding:12px 32px;box-shadow:0 2px 8px rgba(0,0,0,.397)}.logo,.main-header{display:flex;align-items:center}.logo{gap:12px}.logo img{height:60px}.nav-links{display:flex;gap:24px;text-decoration:none}.nav-links a{color:#262c6b;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#bbdefb}@media (max-width:768px){.main-header{flex-direction:column;align-items:center}.nav-links{flex-direction:column;gap:12px}.logo img{height:50px}.nav-links a{font-size:14px}.nav-links a:hover{color:#90caf9}.logo{margin-bottom:12px}}.pdf-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.07);width:25%;padding:16px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s;margin:15px;justify-content:center}.pdf-box:hover{box-shadow:0 4px 16px rgba(25,118,210,.15)}.pdf-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-bottom:12px}.pdf-info{display:flex;flex-direction:column;align-items:center}.pdf-title{margin-bottom:8px;color:#000;text-align:center;font-size:14px}.pdf-link{background:#1976d2;color:#fff;margin:5px;padding:6px 16px;border-radius:16px;text-decoration:none;font-size:12px;width:auto;transition:background .2s;display:flex;align-items:center}.pdf-link:hover{background:#1256a3}.btn-group{display:flex;flex-direction:row;align-items:center}.details-btn{background:#1976d2;color:#fff;border:none;padding:3px 13px;border-radius:16px;cursor:pointer}.details-btn:hover{background:#1565c0}@media (max-width:768px){.pdf-box{width:90%;margin:10px auto}.pdf-title{font-size:18px}.pdf-link{font-size:14px;padding:8px 16px}.details-btn{padding:5px 10px;font-size:14px}.btn-group{flex-direction:column;align-items:center}.pdf-cover{width:100%;height:auto}.pdf-info{align-items:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{padding:2rem;max-width:90vw}.btn-close{margin-top:1rem}.book-reader{padding-top:80px}.pdf-viewer-container{width:100%;max-width:900px;margin:0 auto;min-height:80vh;background:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.07);padding:24px}iframe{width:80%;height:80vh;border:none;border-radius:8px}.btn-back{background:#1976d2;color:#fff;border:none;padding:12px 16px;border-radius:30px;cursor:pointer;margin:16px;display:flex;justify-content:normal;position:absolute;top:80px;right:24px}.btn-back:hover{background:#094891}@media (max-width:768px){.pdf-viewer-container{width:95%;padding:16px}iframe{margin-top:50px;width:80%;height:70vh}.book-reader{padding-top:60px}.btn-back{position:fixed;top:130px;right:20px}h1{margin-top:25%!important;font-size:25px}}.book-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:8px;min-width:300px;text-align:center}img{margin-bottom:5px;border-radius:5px}p{text-align:justify}.btn-close{background:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:16px;cursor:pointer;margin-top:16px}@media (max-width:768px){.modal-content{width:90%;padding:16px}.btn-close,img{width:100%}img{height:auto}p{font-size:14px}.book-detail-modal{padding:16px}}