:root{--primary-gradient:#0984e3;--secondary-gradient:#0984e3;--accent-gradient:#00cec9;--light-gradient:#f0f8ff;--primary-color:#0984e3;--primary-light:#74b9ff;--primary-lighter:#a8d8ff;--secondary-color:#00cec9;--accent-color:#00b894;--success-color:#00b894;--warning-color:#fdcb6e;--danger-color:#e17055;--bg-white:#fff;--bg-light:#f8fbff;--bg-lighter:#f0f8ff;--bg-card:#fff;--bg-glass:hsla(0,0%,100%,0.95);--bg-hover:#e8f4fd;--text-primary:#2d3436;--text-secondary:#636e72;--text-muted:#b2bec3;--text-light:#fff;--border-light:1px solid #e8f4fd;--border-primary:1px solid #74b9ff;--shadow-sm:0 2px 8px rgba(9,132,227,0.08);--shadow-md:0 4px 16px rgba(9,132,227,0.12);--shadow-lg:0 8px 32px rgba(9,132,227,0.15);--shadow-hover:0 12px 40px rgba(9,132,227,0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-lighter)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.glass-effect{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--border-light);border-radius:var(--radius-md)}@keyframes soft-glow{0%,to{box-shadow:0 0 10px rgba(9,132,227,.2)}50%{box-shadow:0 0 20px rgba(9,132,227,.3)}}.fade-in-up{animation:fadeInUp .6s ease forwards}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}a:hover{color:var(--primary-color)}code{font-family:"Fira Code",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.text-gradient{color:var(--primary-color)}.card-hover{transition:var(--transition-normal)}.card-hover:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.about-box{background:#f0f8ff;padding:100px 40px;position:relative;overflow:hidden}.about-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(9,132,227,.02);pointer-events:none}.about-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.about-header{text-align:center;margin-bottom:60px}.about-badge{display:inline-block;padding:8px 20px;background:#e8f4fd;border:1px solid #74b9ff;border-radius:50px;color:#0984e3;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:20px}.about-title{font-size:clamp(32px,4vw,48px);font-weight:800;color:#2d3436;margin-bottom:15px;background:#2d3436;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:18px;color:#636e72}.about-data{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.about-img{position:relative}.about-img img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px rgba(9,132,227,.15);transition:transform .5s ease}.about-img:hover img{transform:scale(1.02)}.img-decoration{position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:2px solid #74b9ff;border-radius:20px;z-index:-1}.about-content{padding:20px 0}.about-text{font-size:16px;line-height:1.9;color:#636e72;margin-bottom:20px;text-align:justify}.about-features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin:30px 0}.feature-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:15px 20px;background:#f8fbff;border-radius:12px;border:1px solid #e8f4fd;transition:all .3s ease}.feature-item:hover{background:#e8f4fd;border-color:#74b9ff;transform:translateX(5px)}.feature-icon{font-size:24px}.feature-text{font-size:15px;font-weight:600;color:#2d3436}.about-slogan{font-size:18px;font-weight:600;color:#0984e3;padding:20px;background:#e8f4fd;border-left:4px solid #0984e3;border-radius:0 12px 12px 0;margin-top:30px}@media screen and (max-width:992px){.about-data{grid-template-columns:1fr;grid-gap:40px;gap:40px}.img-decoration{display:none}}@media screen and (max-width:768px){.about-box{padding:60px 20px}.about-header{margin-bottom:40px}.about-features{grid-template-columns:1fr}.about-text{font-size:15px}.about-slogan{font-size:16px;padding:15px}}.footer{background:#f8fbff;color:#2d3436;padding-top:60px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(9,132,227,.3)}.footer-content{max-width:1200px;margin:0 auto;padding:0 40px}.footer-data{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px;gap:40px;padding-bottom:40px}.footer-section h3{font-size:18px;font-weight:700;margin-bottom:25px;color:#2d3436;position:relative;display:inline-block}.footer-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:#0984e3;border-radius:2px}.contact-details{line-height:1.8}.contact-item{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;margin-bottom:15px}.contact-icon{color:#0984e3;font-size:20px;margin-top:2px}.contact-item p{margin:0;color:#636e72;font-size:14px}.quick-links{display:flex;flex-direction:column}.quick-links a{color:#636e72;margin-bottom:12px;font-size:14px;transition:all .3s ease;display:inline-flex;align-items:center}.quick-links a:before{content:"→";margin-right:8px;opacity:0;transform:translateX(-10px);transition:all .3s ease}.quick-links a:hover{color:#0984e3;transform:translateX(5px)}.quick-links a:hover:before{opacity:1;transform:translateX(0)}.hours-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e8f4fd;font-size:14px}.hours-item span:first-child{color:#636e72}.hours-item span:last-child{color:#0984e3;font-weight:500}.hours-item.holiday span:last-child{color:#e17055}.newsletter p{color:#636e72;font-size:14px;margin-bottom:20px}.subscribe-form{display:flex;grid-gap:10px;gap:10px}.subscribe-form input{flex:1 1;padding:12px 16px;border:1px solid #e8f4fd;border-radius:10px;background:#f8fbff;color:#2d3436;font-size:14px;outline:none;transition:all .3s ease}.subscribe-form input::placeholder{color:#b2bec3}.subscribe-form input:focus{border-color:#74b9ff;background:#fff;box-shadow:0 0 0 3px rgba(116,185,255,.2)}.subscribe-form button{padding:12px 24px;background:#0984e3;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-form button:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(9,132,227,.3)}.footer-social{grid-gap:20px;gap:20px;padding:30px 0;border-top:1px solid #e8f4fd}.footer-social,.social-icon{display:flex;justify-content:center}.social-icon{width:45px;height:45px;align-items:center;background:#f0f8ff;border-radius:50%;color:#636e72;transition:all .3s ease}.social-icon:hover{background:#0984e3;color:#fff;transform:translateY(-3px);box-shadow:0 5px 20px rgba(9,132,227,.3)}.social-icon svg{font-size:22px}.footer-bottom{background:#f0f8ff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:#636e72;font-size:14px;margin:0}.footer-links{display:flex;grid-gap:30px;gap:30px}.footer-links a{color:#636e72;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#0984e3}@media screen and (max-width:992px){.footer-data{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.footer{padding-top:40px}.footer-content{padding:0 20px}.footer-data{grid-template-columns:1fr;grid-gap:30px;gap:30px;text-align:center}.footer-section h3:after{left:50%;transform:translateX(-50%)}.contact-item,.quick-links a{justify-content:center}.quick-links a:before{display:none}.hours-item{justify-content:center;grid-gap:20px;gap:20px}.footer-bottom,.subscribe-form{flex-direction:column}.footer-bottom{grid-gap:15px;gap:15px;text-align:center}.footer-links{grid-gap:20px;gap:20px}}.slider{width:100%;height:auto;margin-top:70px;overflow:hidden}.slider,.slider .carousel-item{position:relative}.slider img{width:100%;height:600px;object-fit:cover;filter:brightness(.7)}.slide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(26,26,46,.5);z-index:1;pointer-events:none}.carousel-caption{z-index:2;bottom:15%;left:50%;transform:translateX(-50%);text-align:center;max-width:800px;padding:0 20px}.slide-badge{display:inline-block;padding:8px 20px;background:#667eea;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:20px;box-shadow:0 4px 20px rgba(102,126,234,.4);animation:fadeInDown .6s ease}.carousel-caption h3{font-size:clamp(28px,5vw,48px);font-weight:800;margin-bottom:15px;text-shadow:0 2px 20px rgba(0,0,0,.5);animation:fadeInUp .6s ease .2s both}.carousel-caption p{font-size:clamp(14px,2vw,18px);color:hsla(0,0%,100%,.9);text-shadow:0 2px 10px rgba(0,0,0,.5);animation:fadeInUp .6s ease .4s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.carousel-indicators{z-index:3;bottom:30px}.carousel-indicators button{width:12px!important;height:12px!important;border-radius:50%!important;background-color:hsla(0,0%,100%,.5)!important;border:none!important;margin:0 6px!important;transition:all .3s ease!important}.carousel-indicators button.active{background-color:#667eea!important;transform:scale(1.2);box-shadow:0 0 15px rgba(102,126,234,.6)}.carousel-control-next,.carousel-control-prev{width:60px;height:60px;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;margin:0 20px;opacity:0;transition:all .3s ease}.slider:hover .carousel-control-next,.slider:hover .carousel-control-prev{opacity:1}.carousel-control-next:hover,.carousel-control-prev:hover{background:rgba(102,126,234,.5)}.carousel-control-next-icon,.carousel-control-prev-icon{width:20px;height:20px}@media screen and (max-width:768px){.slider{margin-top:65px}.slider img{height:400px}.carousel-caption{bottom:10%}.slide-badge{padding:6px 15px;font-size:12px}.carousel-control-next,.carousel-control-prev{width:40px;height:40px;margin:0 10px}.carousel-indicators{bottom:20px}.carousel-indicators button{width:10px!important;height:10px!important}}@media screen and (max-width:480px){.slider img{height:300px}.carousel-caption{bottom:8%}}.news-section{padding:100px 40px;background:#fff;position:relative}.news-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,184,148,.02);pointer-events:none}.news-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-badge.events{background:rgba(0,184,148,.1);border-color:rgba(0,184,148,.3);color:#00b894}.news-content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px}.news-column{background:#fff;border:1px solid #e8f4fd;border-radius:24px;padding:30px;box-shadow:0 2px 15px rgba(9,132,227,.05)}.column-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e8f4fd}.column-icon{font-size:28px!important;color:#fdcb6e}.quiz-emoji{font-size:28px}.column-header h3{font-size:22px;font-weight:700;color:#2d3436}.events-list{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.event-card{background:#f8fbff;border:1px solid #e8f4fd;border-radius:16px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#00b894;opacity:0;transition:opacity .3s ease}.event-card:hover{transform:translateX(8px);background:#fff;border-color:#00b894;box-shadow:0 5px 20px rgba(0,184,148,.1)}.event-card:hover:before{opacity:1}.event-date{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:12px}.date-icon{font-size:18px!important;color:#00b894}.event-date span{font-size:13px;color:#00b894;font-weight:600}.event-title{font-size:18px;font-weight:700;color:#2d3436;margin-bottom:8px}.event-desc{font-size:14px;color:#636e72;margin-bottom:15px}.event-btn{padding:10px 20px;background:#00b894;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.event-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,184,148,.25)}.quiz-card{background:#f8fbff;border:1px solid #e8f4fd;border-radius:16px;padding:25px;transition:all .3s ease}.quiz-card:hover{transform:translateX(8px);background:#fff;border-color:#fdcb6e;box-shadow:0 5px 20px rgba(253,203,110,.15)}.quiz-level{display:inline-block;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600;margin-bottom:12px}.quiz-level.basic{background:rgba(116,185,255,.2);color:#0984e3}.quiz-level.medium{background:rgba(253,203,110,.2);color:#e17055}.quiz-level.advanced{background:rgba(225,112,85,.2);color:#e17055}.quiz-title{font-size:18px;font-weight:700;color:#2d3436;margin-bottom:8px}.quiz-desc{font-size:14px;color:#636e72;margin-bottom:15px}.quiz-btn{padding:10px 20px;background:#fdcb6e;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.quiz-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(253,203,110,.3)}@media screen and (max-width:992px){.news-content{grid-template-columns:1fr;grid-gap:30px;gap:30px}}@media screen and (max-width:768px){.news-section{padding:60px 20px}.event-card,.news-column,.quiz-card{padding:20px}.event-title,.quiz-title{font-size:16px}}.gallery-section{padding:100px 40px;background:#fff;position:relative;overflow:hidden}.gallery-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(9,132,227,.02);pointer-events:none}.gallery-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-badge.gallery{background:rgba(0,184,148,.1);border-color:rgba(0,184,148,.3);color:#00b894}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.gallery-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;box-shadow:0 4px 15px rgba(9,132,227,.1)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(45,52,54,.7);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-title{font-size:16px;font-weight:600;color:#fff;transform:translateY(20px);transition:transform .3s ease}.gallery-item:hover .gallery-title{transform:translateY(0)}.gallery-item:first-child{grid-column:span 2;grid-row:span 2}.gallery-item:nth-child(2){grid-column:span 2}.gallery-more{text-align:center;margin-top:50px}.gallery-btn{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;padding:16px 40px;background:transparent;border:2px solid #74b9ff;border-radius:50px;color:#0984e3;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.gallery-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0984e3;z-index:-1;transition:left .3s ease}.gallery-btn:hover:before{left:0}.gallery-btn:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 30px rgba(9,132,227,.25)}.btn-arrow{transition:transform .3s ease}.gallery-btn:hover .btn-arrow{transform:translateX(5px)}@media screen and (max-width:992px){.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-item:first-child{grid-column:span 2;grid-row:span 1}.gallery-item:nth-child(2){grid-column:span 1}}@media screen and (max-width:768px){.gallery-section{padding:60px 20px}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.gallery-item:first-child,.gallery-item:nth-child(2){grid-column:span 1}.gallery-item{aspect-ratio:1/1}.gallery-title{font-size:14px}.gallery-more{margin-top:30px}.gallery-btn{padding:14px 30px;font-size:14px}}@media screen and (max-width:480px){.gallery-grid{grid-gap:10px;gap:10px}}.popularbooks-section{padding:100px 40px;background:#fff;position:relative;overflow:hidden}.popularbooks-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:8px 20px;background:#e8f4fd;border:1px solid #74b9ff;border-radius:50px;color:#0984e3;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:20px}.section-title{font-size:clamp(32px,4vw,48px);font-weight:800;color:#2d3436;margin-bottom:15px}.section-subtitle{font-size:18px;color:#636e72}.popularbooks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:30px;gap:30px}.book-card{border-radius:16px;padding:20px;text-align:center;cursor:pointer}.book-card:hover{box-shadow:0 20px 40px rgba(9,132,227,.15)}.book-cover{position:relative;margin-bottom:20px;border-radius:12px;overflow:hidden}.book-cover img{width:100%;height:220px;object-fit:cover;transition:transform .5s ease}.book-card:hover .book-cover img{transform:scale(1.05)}.book-overlay{position:absolute;top:10px;right:10px}.book-rank{display:inline-block;padding:5px 12px;background:#0984e3;border-radius:20px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 4px 15px rgba(9,132,227,.3)}.book-info{padding:0 5px}.book-title{font-size:16px;font-weight:700;color:#2d3436;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:14px;color:#636e72}.view-all-wrapper{text-align:center;margin-top:50px}.view-all-btn{display:inline-block;padding:15px 40px;background:transparent;color:#0984e3;font-weight:600;font-size:16px;border:2px solid #74b9ff;border-radius:50px;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{background:#0984e3;color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 30px rgba(9,132,227,.25)}@media screen and (max-width:768px){.popularbooks-section{padding:60px 20px}.section-header{margin-bottom:40px}.popularbooks-grid{grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.book-card{padding:15px}.book-cover img{height:180px}.book-title{font-size:14px}}@media screen and (max-width:480px){.popularbooks-grid{grid-template-columns:repeat(2,1fr)}.book-cover img{height:150px}}.recentbooks-section{padding:100px 40px;background:#f0f8ff;position:relative;overflow:hidden}.recentbooks-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(9,132,227,.02);pointer-events:none}.recentbooks-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-badge.new{background:#e8f4fd;border-color:#74b9ff;color:#0984e3}.recentbooks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:30px;gap:30px}.recent-book-card{background:#fff;border:1px solid #e8f4fd;border-radius:20px;overflow:hidden;transition:all .4s ease;animation:fadeInUp .6s ease forwards;opacity:0;box-shadow:0 2px 15px rgba(9,132,227,.05)}.recent-book-card:hover{transform:translateY(-10px) scale(1.02);border-color:#74b9ff;box-shadow:0 20px 50px rgba(9,132,227,.15)}.recent-book-cover{position:relative;padding:20px 20px 0}.recent-book-cover img{width:100%;height:250px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(9,132,227,.1);transition:transform .5s ease}.recent-book-card:hover .recent-book-cover img{transform:scale(1.03)}.new-badge{position:absolute;top:30px;left:30px;padding:6px 15px;background:#e17055;border-radius:20px;font-size:11px;font-weight:700;color:#fff;letter-spacing:1px;box-shadow:0 4px 15px rgba(225,112,85,.3);animation:pulse 2s infinite}.category-tag{position:absolute;bottom:10px;right:30px;padding:5px 12px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;font-size:12px;font-weight:600;color:#0984e3;box-shadow:0 2px 8px rgba(0,0,0,.1)}.recent-book-info{padding:20px;text-align:center}.recent-book-title{font-size:17px;font-weight:700;color:#2d3436;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-book-author{font-size:14px;color:#636e72;margin-bottom:15px}.borrow-btn{width:100%;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px rgba(9,132,227,.25)}.borrow-btn:hover{box-shadow:0 8px 25px rgba(9,132,227,.35)}@media screen and (max-width:768px){.recentbooks-section{padding:60px 20px}.recentbooks-grid{grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.recent-book-cover{padding:15px 15px 0}.recent-book-cover img{height:180px}.new-badge{top:22px;left:22px;padding:4px 10px;font-size:10px}.category-tag{right:22px;font-size:11px}.recent-book-info{padding:15px}.recent-book-title{font-size:14px}}@media screen and (max-width:480px){.recent-book-cover img{height:150px}}.reservedbooks-section{padding:100px 40px;background:#f8fbff;position:relative}.reservedbooks-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(225,112,85,.02);pointer-events:none}.reservedbooks-container{max-width:1000px;margin:0 auto;position:relative;z-index:2}.section-badge.reserve{background:rgba(225,112,85,.1);border-color:rgba(225,112,85,.3);color:#e17055}.reservedbooks-content{background:#fff;border:1px solid #e8f4fd;border-radius:20px;overflow:hidden;box-shadow:0 2px 15px rgba(9,132,227,.05)}.reservedbooks-table{width:100%;border-collapse:collapse}.reservedbooks-table thead{background:#e8f4fd}.reservedbooks-table th{padding:18px 25px;text-align:left;color:#2d3436;font-weight:600;font-size:15px;border-bottom:1px solid #e8f4fd}.reservedbooks-table td{padding:18px 25px;color:#636e72;font-size:15px;border-bottom:1px solid #f0f8ff;transition:background .3s ease}.reservedbooks-table tbody tr:hover td{background:#f8fbff}.reservedbooks-table tbody tr:last-child td{border-bottom:none}.reader-info{grid-gap:12px;gap:12px}.reader-avatar,.reader-info{display:flex;align-items:center}.reader-avatar{width:36px;height:36px;justify-content:center;background:#0984e3;border-radius:50%;font-size:14px;font-weight:700;color:#fff}.date-info{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#636e72}.date-info svg{color:#0984e3}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.pending{background:rgba(253,203,110,.2);color:#e17055}.status-badge.completed{background:rgba(0,184,148,.2);color:#00b894}@media screen and (max-width:768px){.reservedbooks-section{padding:60px 20px}.reservedbooks-content{overflow-x:auto}.reservedbooks-table{min-width:600px}.reservedbooks-table td,.reservedbooks-table th{padding:14px 18px;font-size:14px}.reader-avatar{width:32px;height:32px;font-size:12px}}.stats-section{width:100%;padding:80px 40px;background:#fff;position:relative;overflow:hidden}.stats-section:before{top:0}.stats-section:after,.stats-section:before{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(9,132,227,.2)}.stats-section:after{bottom:0}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px}.stats-block{text-align:center;padding:40px 30px;background:#fff;border:1px solid #e8f4fd;border-radius:20px;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 2px 15px rgba(9,132,227,.05)}.stats-block:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(9,132,227,.03);transition:left .5s ease}.stats-block:hover:before{left:100%}.stats-block:hover{transform:translateY(-10px);border-color:#74b9ff;box-shadow:0 20px 40px rgba(9,132,227,.15)}.stats-icon-wrapper{width:80px;height:80px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;background:#0984e3;border-radius:20px;box-shadow:0 10px 30px rgba(9,132,227,.25);transition:all .3s ease}.stats-block:hover .stats-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px rgba(9,132,227,.3)}.stats-icon{font-size:40px!important;color:#fff}.member-icon{background:#00b894;box-shadow:0 10px 30px rgba(0,184,148,.25)}.stats-block:hover .member-icon{box-shadow:0 15px 40px rgba(0,184,148,.3)}.reserve-icon{background:#74b9ff;box-shadow:0 10px 30px rgba(116,185,255,.25)}.stats-block:hover .reserve-icon{box-shadow:0 15px 40px rgba(116,185,255,.3)}.trend-icon{background:#e17055;box-shadow:0 10px 30px rgba(225,112,85,.25)}.stats-block:hover .trend-icon{box-shadow:0 15px 40px rgba(225,112,85,.3)}.stats-count{font-size:42px;font-weight:800}.stats-count,.stats-title{color:#2d3436;margin-bottom:8px}.stats-title{font-size:18px;font-weight:600}.stats-desc{font-size:14px;color:#636e72}@media screen and (max-width:992px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.stats-section{padding:60px 20px}.stats-container{grid-template-columns:1fr;grid-gap:20px;gap:20px}.stats-block{padding:30px 20px}.stats-icon-wrapper{width:70px;height:70px}.stats-icon{font-size:35px!important}.stats-count{font-size:36px}}.welcome-box{width:100%;min-height:500px;background:#f0f8ff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:80px 40px}.welcome-box:before{background:rgba(9,132,227,.03)}.welcome-box:after,.welcome-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.welcome-box:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%230984e3' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.welcome-content{position:relative;z-index:2;text-align:center;max-width:800px;animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-subtitle{font-size:16px;font-weight:500;color:#0984e3;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px}.welcome-title{font-size:clamp(32px,5vw,56px);font-weight:900;color:#2d3436;margin-bottom:20px;line-height:1.2}.welcome-message{font-size:20px;font-weight:400;color:#636e72;line-height:1.8;margin-bottom:30px}.welcome-submessage{font-size:16px;color:#b2bec3;display:block;margin-top:10px}.welcome-stats{display:flex;justify-content:center;grid-gap:50px;gap:50px;margin:40px 0}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:32px;font-weight:800;background:#0984e3;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:14px;color:#636e72;margin-top:5px}.welcome-buttons{display:flex;justify-content:center;grid-gap:20px;gap:20px;margin-top:30px}.btn-explore{padding:15px 35px;background:#0984e3;color:#fff;font-weight:600;font-size:16px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 25px rgba(9,132,227,.3)}.btn-explore:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(9,132,227,.4)}.btn-learn{padding:15px 35px;background:#fff;color:#0984e3;font-weight:600;font-size:16px;border:2px solid #74b9ff;border-radius:50px;text-decoration:none;transition:all .3s ease}.btn-learn:hover{background:#e8f4fd;border-color:#0984e3;transform:translateY(-3px)}.welcome-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-book{position:absolute;font-size:50px;opacity:.5;animation:float 6s ease-in-out infinite}.book-1{top:15%;left:10%;animation-delay:0s}.book-2{top:60%;right:15%;animation-delay:2s}.book-3{bottom:20%;left:20%;animation-delay:4s}@media screen and (max-width:768px){.welcome-box{padding:60px 20px;min-height:450px}.welcome-subtitle{font-size:12px;letter-spacing:2px}.welcome-message{font-size:16px}.welcome-stats{flex-wrap:wrap;grid-gap:30px;gap:30px}.stat-number{font-size:26px}.welcome-buttons{flex-direction:column;grid-gap:15px;gap:15px}.btn-explore,.btn-learn{width:100%;max-width:250px;text-align:center}.floating-book{font-size:35px;opacity:.3}}.signin-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:100px 20px 40px;background:#f0f8ff;position:relative;overflow:hidden}.signin-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.deco-circle{position:absolute;border-radius:50%;background:rgba(9,132,227,.1);filter:blur(60px)}.circle-1{width:400px;height:400px;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.circle-2{width:300px;height:300px;bottom:-50px;left:-50px;animation:float 10s ease-in-out infinite reverse}.circle-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(10deg)}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.signin-card{width:100%;max-width:420px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e8f4fd;border-radius:24px;padding:40px;position:relative;z-index:2;box-shadow:0 25px 50px rgba(9,132,227,.15)}.signin-header{text-align:center;margin-bottom:30px}.signin-icon{font-size:48px;display:block;margin-bottom:15px}.signin-title{font-size:28px;font-weight:800;color:#2d3436;margin-bottom:8px}.signin-subtitle{font-size:14px;color:#636e72}.user-type-toggle{display:flex;align-items:center;justify-content:center;grid-gap:15px;gap:15px;margin-bottom:25px;padding:15px;background:#f8fbff;border-radius:12px}.type-label{font-size:15px;font-weight:600;color:#b2bec3;transition:all .3s ease}.type-label.active{color:#0984e3}.error-message{padding:12px 15px;background:rgba(225,112,85,.1);border:1px solid rgba(225,112,85,.3);border-radius:10px;margin-bottom:20px}.error-message p{color:#e17055;font-size:14px;font-weight:500;margin:0;text-align:center}.signin-fields{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-bottom:20px}.input-group{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#b2bec3;font-size:20px!important;transition:color .3s ease}.signin-textbox{width:100%;padding:16px 16px 16px 50px;background:#f8fbff;border:1px solid #e8f4fd;border-radius:12px;font-size:15px;color:#2d3436;outline:none;transition:all .3s ease}.signin-textbox::placeholder{color:#b2bec3}.signin-textbox:focus{background:#fff;border-color:#74b9ff;box-shadow:0 0 0 3px rgba(116,185,255,.2)}.input-group:focus-within .input-icon,.signin-textbox:focus+.input-icon{color:#0984e3}.signin-options{justify-content:space-between;margin-bottom:25px}.remember-me,.signin-options{display:flex;align-items:center}.remember-me{grid-gap:8px;gap:8px;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#0984e3}.remember-me span{font-size:14px;color:#636e72}.forget-pass{font-size:14px;color:#0984e3;text-decoration:none;transition:color .3s ease}.forget-pass:hover{color:#0097e6}.signin-button{width:100%;padding:16px;background:#0984e3;border:none;border-radius:12px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.signin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:hsla(0,0%,100%,.2);transition:left .5s ease}.signin-button:hover:before{left:100%}.signin-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(9,132,227,.35)}.signup-option{margin-top:30px;padding-top:25px;border-top:1px solid #e8f4fd;text-align:center}.signup-question{font-size:14px;color:#636e72;margin:0}.signup-question a{color:#0984e3;text-decoration:none;font-weight:600;margin-left:5px;transition:color .3s ease}.signup-question a:hover{color:#0097e6}@media screen and (max-width:480px){.signin-container{padding:80px 15px 30px}.signin-card{padding:30px 20px}.signin-icon{font-size:40px}.signin-title{font-size:24px}.signin-options{flex-direction:column;grid-gap:15px;gap:15px}}.dashboard{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:90px 20px 20px;background:#f0f8ff}.dashboard-card{width:100%;max-width:1400px;height:calc(100vh - 110px);display:flex;background:#fff;border:1px solid #e8f4fd;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(9,132,227,.1)}.dashboard-options{background:#fff;color:#2d3436;display:flex;flex-direction:column;width:260px;min-width:260px;border-right:1px solid #e8f4fd}.dashboard-logo{padding:30px 20px;text-align:center;border-bottom:1px solid #e8f4fd}.dashboard-logo svg{color:#0984e3}.logo-name{font-size:18px;font-weight:700;margin-top:10px;background:#0984e3;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-option{display:flex;align-items:center;padding:16px 20px;margin:4px 10px;border-radius:12px;color:#636e72;font-weight:500;font-size:15px;cursor:pointer;transition:all .3s ease}.dashboard-option:hover{color:#0984e3;background:#e8f4fd}.dashboard-option.clicked{color:#0984e3;background:rgba(9,132,227,.1);border-left:3px solid #0984e3}.dashboard-option-icon{margin-right:12px;font-size:22px!important}.dashboard-option-content::-webkit-scrollbar{width:6px}.dashboard-option-content::-webkit-scrollbar-track{background:transparent}.dashboard-option-content::-webkit-scrollbar-thumb{background:rgba(9,132,227,.3);border-radius:3px}.dashboard-addbooks-content,.dashboard-addmember-content,.dashboard-transactions-content{flex:1 1;padding:30px;overflow-y:auto}.dashboard-addbooks-content::-webkit-scrollbar,.dashboard-addmember-content::-webkit-scrollbar,.dashboard-transactions-content::-webkit-scrollbar{display:none}.dashboard-option-title{font-size:22px;font-weight:700;color:#2d3436;margin-bottom:20px;display:flex;align-items:center;grid-gap:10px;gap:10px}.dashboard-title-line{height:1px;background:rgba(9,132,227,.3);margin-bottom:25px}.addbook-form,.addmember-form,.transaction-form{max-width:500px}.addbook-form-label,.addmember-form-label,.transaction-form-label{display:block;color:#2d3436;font-weight:600;font-size:14px;margin-bottom:8px;margin-top:20px}.addbook-form-input,.addmember-form-input,.transaction-form-input{width:100%;max-width:400px;padding:12px 16px;background:#fff;border:1px solid #e8f4fd;border-radius:10px;font-size:15px;color:#2d3436;outline:none;transition:all .3s ease}.addbook-form-input::placeholder,.addmember-form-input::placeholder,.transaction-form-input::placeholder{color:#b2bec3}.addbook-form-input:focus,.addmember-form-input:focus,.transaction-form-input:focus{background:#fff;border-color:#74b9ff;box-shadow:0 0 0 3px rgba(116,185,255,.2)}.addbook-submit,.addmember-submit,.transaction-form-submit{padding:14px 35px;margin-top:25px;background:#0984e3;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.addbook-submit:hover,.addmember-submit:hover,.transaction-form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(9,132,227,.3)}.addbook-submit:disabled,.addmember-submit:disabled,.transaction-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.required-field{color:#e17055;margin-left:3px}.admindashboard-table{width:100%;border-collapse:initial;border-spacing:0;margin:20px 0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e8f4fd;box-shadow:0 2px 10px rgba(9,132,227,.05)}.admindashboard-table th{padding:15px;text-align:left;background:#e8f4fd;color:#2d3436;font-weight:600;font-size:14px;border-bottom:1px solid #e8f4fd}.admindashboard-table td{padding:14px 15px;color:#636e72;font-size:14px;border-bottom:1px solid #f0f8ff}.admindashboard-table tr:hover td{background:#f8fbff}.shortinfo-table{max-width:600px}.semanticdropdown{width:100%;max-width:400px;margin:10px 0}.semanticdropdown .ui.selection.dropdown{background:#fff!important;border:1px solid #e8f4fd!important;border-radius:10px!important;color:#2d3436!important}.semanticdropdown .ui.selection.dropdown .menu{background:#fff!important;border:1px solid #e8f4fd!important}.semanticdropdown .ui.selection.dropdown .menu>.item{color:#636e72!important;border-color:#f0f8ff!important}.semanticdropdown .ui.selection.dropdown .menu>.item:hover{background:#e8f4fd!important;color:#0984e3!important}.date-picker{width:100%;max-width:400px;padding:12px 16px;background:#fff;border:1px solid #e8f4fd;border-radius:10px;font-size:15px;color:#2d3436;outline:none}.date-picker:focus{border-color:#74b9ff;box-shadow:0 0 0 3px rgba(116,185,255,.2)}.admindashboard-table button{padding:8px 16px;background:#0984e3;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.admindashboard-table button:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(9,132,227,.3)}.getmember-dropdown{margin:25px 0 0 25px}.returnbook-dropdown{margin:25px 30px!important}.sidebar-toggler{display:none;position:absolute;top:10px;left:10px;z-index:100}.sidebar-toggler button{background:#e8f4fd;border-radius:10px}@media screen and (min-width:769px){.sidebar-toggler{display:none!important}}@media screen and (max-width:768px){.dashboard{padding:70px 10px 10px}.dashboard-card{height:calc(100vh - 80px);border-radius:15px}.sidebar-toggler{display:block}.dashboard-options{position:fixed;top:70px;left:0;height:calc(100vh - 70px);z-index:50;transform:translateX(-100%);transition:transform .3s ease;box-shadow:4px 0 20px rgba(9,132,227,.1)}.dashboard-options.active{transform:translateX(0)}.dashboard-option-content{width:100%}.dashboard-addbooks-content,.dashboard-addmember-content,.dashboard-transactions-content{padding:20px 15px}.addbook-form-input,.addmember-form-input,.semanticdropdown,.transaction-form-input{max-width:100%}.admindashboard-table{font-size:12px}.admindashboard-table td,.admindashboard-table th{padding:10px 8px}}.dashboard-option-content{display:flex;flex-direction:column;flex:1 1;overflow-y:auto;background:#f8fbff}.member-activebooks-content,.member-history-content,.member-profile-content,.member-reservedbooks-content{display:flex;flex-direction:column;margin:25px;padding-bottom:30px}.dashboard-option-content::-webkit-scrollbar,.member-activebooks-content::-webkit-scrollbar,.member-history-content::-webkit-scrollbar,.member-profile-content::-webkit-scrollbar,.member-reservedbooks-content::-webkit-scrollbar{display:none}.user-details-topbar{display:flex;align-items:center;grid-gap:30px;gap:30px;padding:30px;background:#fff;border:1px solid #e8f4fd;border-radius:16px;box-shadow:0 4px 20px rgba(9,132,227,.08)}.user-profileimage{width:120px;height:120px;border-radius:50%;border:4px solid #e8f4fd;box-shadow:0 4px 15px rgba(9,132,227,.15);object-fit:cover}.user-info{flex:1 1}.user-name{font-size:28px;font-weight:800;color:#2d3436;margin-bottom:8px}.user-id{font-size:16px;color:#0984e3;font-weight:600;margin-bottom:8px}.user-email,.user-phone{font-size:15px;color:#636e72;margin-bottom:4px}.user-details-specific{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px;margin-top:25px}.specific-left{background:#fff;border:1px solid #e8f4fd;border-radius:16px;padding:30px;box-shadow:0 2px 10px rgba(9,132,227,.05)}.specific-left-bottom,.specific-left-top{display:flex;justify-content:space-between;grid-gap:20px;gap:20px}.specific-left-bottom{margin-top:30px}.specific-left-topic{display:flex;flex-direction:column;flex:1 1}.specific-left-topic b{color:#636e72;font-size:14px;margin-bottom:8px}.specific-left-topic span:last-child{color:#2d3436;font-weight:500}.specific-right{background:#0984e3;border:none;border-radius:16px;padding:25px;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(9,132,227,.25)}.specific-right-bottom,.specific-right-top{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.specific-right-topic{font-size:16px}.specific-right-topic,.specific-right-topic b{color:hsla(0,0%,100%,.8)}.specific-right-topic+p{color:#fff!important;-webkit-text-fill-color:#fff!important}.member-dashboard-heading{font-size:22px;font-weight:700;color:#2d3436;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e8f4fd}.activebooks-table{width:100%;border-collapse:initial;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e8f4fd;box-shadow:0 2px 10px rgba(9,132,227,.05)}.activebooks-table th{padding:15px 20px;text-align:left;background:#0984e3;color:#fff;font-weight:600;font-size:14px}.activebooks-table td{padding:14px 20px;color:#2d3436;font-size:14px;border-bottom:1px solid #f0f8ff}.activebooks-table tr:last-child td{border-bottom:none}.activebooks-table tr:hover td{background:#f8fbff}@media screen and (max-width:768px){.member-activebooks-content,.member-history-content,.member-profile-content,.member-reservedbooks-content{margin:15px}.user-details-topbar{flex-direction:column;text-align:center;padding:25px 20px}.user-profileimage{width:100px;height:100px}.user-name{font-size:22px}.user-details-specific{grid-template-columns:1fr}.specific-left,.specific-right{margin:0}.specific-left-bottom,.specific-left-top{flex-direction:column;grid-gap:20px;gap:20px}.specific-left-bottom{margin-top:20px}.activebooks-table{display:block;overflow-x:auto}.activebooks-table td,.activebooks-table th{padding:12px 15px;white-space:nowrap}.member-dashboard-heading{font-size:18px}}.books-page{min-height:100vh;background:#f8fbff;padding-top:70px}.books-header{padding:60px 40px 40px;text-align:center;background:rgba(9,132,227,.05)}.books-page-title{font-size:clamp(32px,5vw,48px);font-weight:800;color:#2d3436;margin-bottom:10px;background:#2d3436;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.books-page-subtitle{font-size:16px;color:#636e72;margin-bottom:40px}.books-search-filter{max-width:800px;margin:0 auto}.search-box{display:flex;grid-gap:10px;gap:10px;margin-bottom:25px}.search-box input{flex:1 1;padding:15px 25px;background:#fff;border:1px solid #e8f4fd;border-radius:50px;font-size:15px;color:#2d3436;outline:none;transition:all .3s ease;box-shadow:0 2px 10px rgba(9,132,227,.05)}.search-box input::placeholder{color:#b2bec3}.search-box input:focus{background:#fff;border-color:#74b9ff;box-shadow:0 0 0 3px rgba(116,185,255,.2)}.search-btn{padding:15px 30px;background:#0984e3;border:none;border-radius:50px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(9,132,227,.3)}.filter-tabs{display:flex;justify-content:center;grid-gap:10px;gap:10px;flex-wrap:wrap}.filter-tab{padding:10px 25px;background:#fff;border:1px solid #e8f4fd;border-radius:25px;font-size:14px;font-weight:500;color:#636e72;cursor:pointer;transition:all .3s ease}.filter-tab:hover{background:#e8f4fd;color:#0984e3}.filter-tab.active{background:#0984e3;border-color:transparent;color:#fff}.books-container{max-width:1200px;margin:0 auto;padding:40px}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px;gap:30px;margin-bottom:50px}.book-card{background:#fff;border:1px solid #e8f4fd;border-radius:20px;overflow:hidden;transition:all .4s ease;box-shadow:0 2px 10px rgba(9,132,227,.05)}.book-card:hover{transform:translateY(-10px);border-color:#74b9ff;box-shadow:0 20px 50px rgba(9,132,227,.15)}.book-cover-wrapper{position:relative;padding:25px 25px 0;overflow:hidden}.book-cover-wrapper img{width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(9,132,227,.1);transition:transform .5s ease}.book-card:hover .book-cover-wrapper img{transform:scale(1.03)}.book-actions{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;grid-gap:10px;gap:10px;opacity:0;transition:all .3s ease}.book-card:hover .book-actions{opacity:1}.action-btn{padding:10px 20px;border:none;border-radius:25px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.detail-btn{background:hsla(0,0%,100%,.95);color:#2d3436;box-shadow:0 2px 10px rgba(0,0,0,.1)}.detail-btn:hover{background:#fff;transform:translateY(-2px)}.borrow-btn{background:#0984e3;color:#fff}.borrow-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(9,132,227,.3)}.book-details{padding:25px;text-align:center}.bookcard-title{font-size:18px;font-weight:700;color:#2d3436;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookcard-author{font-size:14px;color:#636e72;margin-bottom:15px}.bookcard-category{display:inline-block;padding:6px 16px;background:#e8f4fd;border-radius:20px;font-size:12px;font-weight:600;color:#0984e3}.books-pagination{grid-gap:10px;gap:10px}.books-pagination,.page-btn{display:flex;justify-content:center;align-items:center}.page-btn{width:40px;height:40px;background:#fff;border:1px solid #e8f4fd;border-radius:10px;font-size:14px;font-weight:600;color:#636e72;cursor:pointer;transition:all .3s ease}.page-btn:hover{background:#e8f4fd;color:#0984e3}.page-btn.active{background:#0984e3;border-color:transparent;color:#fff}.page-dots{color:#b2bec3;padding:0 10px}@media screen and (max-width:768px){.books-header{padding:40px 20px 30px}.search-box{flex-direction:column}.search-btn{width:100%}.filter-tabs{grid-gap:8px;gap:8px}.filter-tab{padding:8px 18px;font-size:13px}.books-container{padding:20px}.books-grid{grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.book-cover-wrapper{padding:15px 15px 0}.book-cover-wrapper img{height:180px}.book-details{padding:15px}.bookcard-title{font-size:14px}.book-actions{flex-direction:column;grid-gap:5px;gap:5px}.action-btn{padding:8px 15px;font-size:12px}}@media screen and (max-width:480px){.books-grid{grid-template-columns:1fr 1fr}.book-cover-wrapper img{height:150px}}.header{justify-content:space-between;padding:0 40px;height:70px;width:100%;position:fixed;z-index:1000;background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e8f4fd;box-shadow:0 2px 20px rgba(9,132,227,.08);top:0}.header,.logo-nav a{display:flex;align-items:center}.logo-nav a{grid-gap:10px;gap:10px;font-size:22px;font-weight:700;color:#2d3436;text-decoration:none;transition:all .3s ease}.logo-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(9,132,227,.2))}.logo-text{background:#0984e3;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-nav a:hover{transform:scale(1.02)}.logo-nav a:hover .logo-icon{filter:drop-shadow(0 4px 8px rgba(9,132,227,.3))}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:15px;color:#b2bec3;font-size:20px;pointer-events:none}.search-input{width:100%;min-width:280px;max-width:400px;height:44px;padding:12px 15px 12px 45px;font-size:15px;font-family:inherit;color:#2d3436;background:#f8fbff;border:1px solid #e8f4fd;border-radius:22px;outline:none;transition:all .3s ease}.search-input::placeholder{color:#b2bec3}.search-input:focus{background:#fff;border-color:#74b9ff;box-shadow:0 0 0 3px rgba(116,185,255,.2)}.nav-options{display:flex;list-style-type:none;margin:0;padding:0;grid-gap:8px;gap:8px}.nav-right{grid-gap:30px;gap:30px}.nav-right,.option{display:flex;align-items:center}.option a{color:#636e72;font-weight:500;font-size:15px;padding:10px 20px;border-radius:20px;transition:all .3s ease;text-decoration:none}.option a.active,.option a:hover{color:#0984e3;background:#e8f4fd}.signin-btn a{background:#0984e3;color:#fff!important;font-weight:600;box-shadow:0 4px 15px rgba(9,132,227,.25)}.signin-btn a:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(9,132,227,.35);background:#0097e6}.mobile-menu{display:none;cursor:pointer}.menu-icon{color:#0984e3;padding:8px;background:#e8f4fd;border-radius:10px;transition:all .3s ease}.menu-icon:hover{background:#74b9ff;color:#fff}@media (min-width:769px){.mobile-menu{display:none!important}}@media (max-width:768px){.header{padding:0 20px;height:65px}.logo-nav a{font-size:18px}.logo-icon{font-size:24px}.search-wrapper{display:none}.mobile-menu{display:flex;align-items:center}.nav-options{position:fixed;top:65px;left:0;right:0;flex-direction:column;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;grid-gap:10px;gap:10px;transform:translateX(-100%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #e8f4fd;box-shadow:0 4px 20px rgba(9,132,227,.1)}.nav-options.active{transform:translateX(0);opacity:1}.option,.option a{width:100%}.option a{display:block;text-align:center;padding:15px 20px;font-size:16px}.signin-btn{margin-top:10px}.signin-btn a{border-radius:12px}}
/*# sourceMappingURL=main.d71dbd46.chunk.css.map */