body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.background-home{background-color:#121212;min-height:100vh;position:relative;overflow-x:hidden;padding-top:85px}.header{background-color:#2e8b57;height:50px;width:100%;position:fixed;top:0;left:0;justify-content:space-between;padding:0 20px;z-index:1000}.header,.left-section{display:flex;align-items:center}.left-section{grid-gap:12px;gap:12px}.logo-img{width:70px;height:40px;border-radius:20%}.header-p{color:#f0f8ff;font-size:24px;font-weight:700;margin:0}.right-section{display:flex;align-items:center}.search-btn{color:#fff;cursor:pointer;height:25px}.home-content{padding:20px;color:#f5f5f5;padding:16px}.book-grid{display:grid;grid-gap:16px;gap:16px;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:16px}.book-card{display:flex;flex-direction:column;align-items:center;background-color:#1e1e1e;border-radius:10px;padding:12px;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:transform .2s ease;width:100%;max-width:180px;margin:0 auto}.book-card:hover{transform:scale(1.03)}.book-image{width:100%;height:205px;border-radius:6px}.book-title{margin-top:10px;color:#f5f5f5;font-weight:600;font-size:14px;text-align:center}.book-author{margin-top:4px;color:hsla(0,0%,100%,.6);font-size:12px;text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.login-background{background-color:#121212;color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;overflow-x:hidden}body:after,body:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}body:before{background:radial-gradient(circle at 10% 20%,rgba(76,175,80,.1) 0,transparent 60%)}.hibiscus{position:absolute;width:80px;height:80px;background:radial-gradient(circle at center,#4caf50 0,#2e7d32 70%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(45deg);opacity:.6;filter:drop-shadow(0 0 8px rgba(76,175,80,.5))}.hibiscus:before{top:-20px;left:20px;width:40px;height:80px;border-radius:50% 50% 0 0/80% 80% 0 0}.hibiscus:after,.hibiscus:before{content:"";position:absolute;background:#4caf50;transform:rotate(-45deg)}.hibiscus:after{top:20px;left:-20px;width:80px;height:40px;border-radius:50% 0 0 50%/50% 0 0 50%}.hibiscus-1{top:10%;left:5%;transform:rotate(25deg) scale(.7)}.hibiscus-2{bottom:15%;right:8%;transform:rotate(-15deg) scale(.9)}.butterfly{position:absolute;width:60px;height:60px;opacity:.7}.butterfly:after,.butterfly:before{content:"";position:absolute;width:30px;height:40px;background:linear-gradient(135deg,#4caf50,#81c784);border-radius:50% 50% 0 50%}.butterfly:before{left:0;transform-origin:right bottom;animation:flutter-left 5s ease-in-out infinite alternate}.butterfly:after{right:0;transform:scaleX(-1);transform-origin:left bottom;animation:flutter-right 5s ease-in-out infinite alternate}.butterfly-1{top:25%;right:15%;transform:scale(.6) rotate(10deg)}.butterfly-2{bottom:30%;left:10%;transform:scale(.8) rotate(-15deg)}.butterfly-3{top:60%;right:25%;transform:scale(.5) rotate(5deg)}@keyframes flutter-left{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes flutter-right{0%,to{transform:rotate(10deg)}50%{transform:rotate(-10deg)}}.login-container{background-color:rgba(18,18,18,.8);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 0 1px rgba(76,175,80,.3);padding:30px 20px;width:100%;max-width:350px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(76,175,80,.2);position:relative;z-index:10}.login-h1{color:#4caf50;text-align:center;margin-bottom:24px;font-size:28px;text-shadow:0 0 10px rgba(76,175,80,.5)}form{display:flex;flex-direction:column;grid-gap:16px;gap:16px;margin-bottom:20px}.login-input{padding:12px 16px;border:1px solid #333;background-color:hsla(0,0%,100%,.1);color:#f5f5f5;border-radius:4px;font-size:16px;transition:border-color .3s,box-shadow .3s}.login-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.3)}.login-input::placeholder{color:hsla(0,0%,100%,.5)}.login-btn{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 2px 10px rgba(76,175,80,.5)}.login-btn:hover{background-color:#2e7d32;box-shadow:0 4px 15px rgba(76,175,80,.7)}.login-btn:active{transform:translateY(1px)}.p-login{text-align:center;margin-top:16px;color:hsla(0,0%,100%,.7);font-size:14px}.a-login{color:#81c784;text-decoration:none;font-weight:500;transition:color .3s}.a-login:hover{color:#4caf50;text-decoration:underline}@media (min-width:768px){.login-container{padding:40px 30px;max-width:400px}.login-h1{font-size:32px}.login-btn,.login-input{padding:14px 18px}.hibiscus-1{transform:rotate(25deg) scale(1)}.hibiscus-2{transform:rotate(-15deg) scale(1.2)}.butterfly-1{transform:scale(.8) rotate(10deg)}.butterfly-2{transform:scale(1) rotate(-15deg)}.butterfly-3{transform:scale(.7) rotate(5deg)}}:root{--primary-green:#1a3a2a;--secondary-green:#2d5a40;--accent-green:#1db954;--dark-bg:#121212;--darker-bg:#0a0a0a;--text-primary:#fff;--text-secondary:#b3b3b3;--sidebar-width:85%}.audio-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:var(--dark-bg);color:var(--text-primary)}.audio-player{position:relative;width:100%;height:100vh;overflow:hidden}.sidebar{position:fixed;top:0;left:-100%;width:var(--sidebar-width);height:100vh;background-color:var(--primary-green);z-index:1000;transition:left .3s ease-in-out;box-shadow:2px 0 10px rgba(0,0,0,.5);overflow-y:auto}.sidebar.open{left:0}.sidebar-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-header h2{flex:1 1;text-align:center;font-size:1.2rem}.close-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer}.chapters-list{padding:15px}.chapter{display:flex;align-items:center;padding:15px 10px;margin-bottom:10px;border-radius:8px;background-color:hsla(0,0%,100%,.05);transition:background-color .2s}.chapter:hover{background-color:var(--secondary-green)}.chapter-number{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-green);color:var(--dark-bg);border-radius:50%;margin-right:15px;font-weight:700}.chapter-info{flex:1 1}.chapter-info h3{font-size:.9rem;margin-bottom:5px}.chapter-info p{font-size:.8rem;color:var(--text-secondary)}.player-container{position:relative;width:100%;height:100vh;background:linear-gradient(180deg,var(--primary-green),var(--dark-bg));display:flex;flex-direction:column;padding:0 15px}.progress-container input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--primary-green) 0,var(--primary-green) var(--progress,0),var(--accent-green) var(--progress,0),var(--accent-green));outline:none}.progress-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--primary-green);border-radius:50%;cursor:pointer;position:relative;z-index:2}.status-bar{display:flex;justify-content:space-between;padding:10px 5px;font-size:.8rem}.status-icons{display:flex;grid-gap:8px;gap:8px}.player-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.down-btn,.more-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer}.title{font-size:1rem;font-weight:600}.cover-art{margin:10px 0;width:100%;aspect-ratio:1/1;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.5)}.cover-art img{width:100%;height:100%;object-fit:cover}.track-info{position:relative}.track-title{font-size:1.5rem;font-weight:700;margin-bottom:5px}.track-author{font-size:.9rem;color:var(--text-secondary)}.progress-container{margin:20px 0}.progress-bar{width:100%;height:4px;background-color:hsla(0,0%,100%,.2);border-radius:2px;position:relative;margin-bottom:8px}.progress{position:absolute;width:45%;height:100%;background-color:var(--accent-green);border-radius:2px}.time-info{font-size:.8rem;color:var(--text-secondary)}.controls,.time-info{display:flex;justify-content:space-between}.controls{align-items:center}.control-btn{border:none;color:var(--text-primary);cursor:pointer}.control-btn,audio{background:transparent}audio{width:100%;height:50px;border-radius:8px}.play{width:60px;height:60px;background-color:var(--text-primary);color:var(--dark-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.bottom-actions{display:flex;justify-content:space-between;padding:15px 0}.action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.chapters-bar{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(26,58,42,.9);padding:15px;border-top-left-radius:15px;border-top-right-radius:15px;display:flex;align-items:center}.chapters-label{font-size:1rem;font-weight:600;margin-right:15px}.chapters-progress{flex:1 1;height:4px;background-color:hsla(0,0%,100%,.2);border-radius:2px;position:relative}.progress-indicator{position:absolute;width:30%;height:100%;background-color:var(--accent-green);border-radius:2px}.chapters-actions{display:flex;grid-gap:15px;gap:15px;margin-left:15px}.chapter-action{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}@media (min-width:768px){.player-container{max-width:480px;margin:0 auto}.sidebar{max-width:400px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:12px;max-width:90%;box-shadow:0 5px 15px rgba(0,0,0,.3);text-align:center}.modal h2{color:var(--primary-green);margin-bottom:10px}.modal p{color:var(--text-secondary)}.modal button{background:var(--primary-green);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:20px;margin-right:10px}.active-chapter{background-color:var(--secondary-green);border-left:4px solid #34a853;font-weight:700}.admin-input{width:100%}.home-content-admin{display:flex;flex-direction:column;align-items:center;color:#fff}.admin-input{border:1px solid #333;background-color:hsla(0,0%,100%,.1);color:#f5f5f5;border-radius:4px;transition:border-color .3s,box-shadow .3s}.admin-btn,.admin-input{padding:12px 16px;font-size:16px}.admin-btn{background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 2px 10px rgba(76,175,80,.5)}.register-container{background-color:rgba(18,18,18,.8);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 0 1px rgba(76,175,80,.3);padding:30px 20px;width:100%;max-width:350px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(76,175,80,.2);position:relative;z-index:10}.hibiscusimg{height:150px;width:150px;top:80px;right:15px;position:absolute}
/*# sourceMappingURL=main.b73e3707.chunk.css.map */