@import url(https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);.navbar{background-color:#fff;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px}.nav-container,.nav-icon{display:flex;align-items:center}.nav-icon{font-weight:500;color:#000}.nav-logo{width:4.5rem;padding-top:.7rem}.nav-link{margin:0 1rem;font-size:1rem}.nav-link,.nav-link-top{font-family:"Baloo Bhaina 2"}.nav-link-top{margin:0 1.5rem;font-size:.9rem}.sign-in-button{margin-left:1rem;padding:.3rem .9rem;border-radius:2px;font-weight:500;font-size:.9rem}.drawer-Nav{display:none}@media only screen and (max-width:915px){.navbar{display:none}.drawer-Nav{display:block}.drawer-burger{position:fixed;top:0;width:100%;background-color:#fff;z-index:1000}.drawer-burger div{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.drawer-bars{font-size:2rem}}.navbar{width:100%;position:fixed;top:0;transition:top .4s}.navbar--hidden{top:-115px}.hoverable:hover{cursor:pointer}.footer-container{background-color:#343a40;color:#f4f4f4}.footer-text{color:#f4f4f4;bottom:0;width:100%;padding:1.5rem 0;text-align:center;font-size:1rem;font-family:"Poppins",sans-serif}@media (max-width:550px){.footer-text{font-size:.8rem}}.contact-container{padding-top:5rem;margin-bottom:6rem}.contact-button{padding:.5rem 1.7rem;margin-top:1rem}.contact-message{resize:none}.contact-form-container{font-family:"Poppins",sans-serif;border-radius:10px;display:flex}.input-container{font-family:"Poppins",sans-serif;margin:.7rem 0}.contact-btn-container{text-align:center}.contact-title{margin-bottom:2rem}.contact-information-container{margin-left:5rem}.contact-dec-container{display:flex;align-items:center;margin-bottom:1rem}.contact-icon{font-size:1.5rem;margin-right:2rem;color:#03a87c}.youtube-icon{color:#b00}.facebook-icon{color:#3b5998}.contact-dex-text{font-size:.9rem;font-weight:300;letter-spacing:1px}.contact-link{color:#03a87c}.contact-link:hover{text-decoration:underline;color:#03a87c}.drop-shadow{position:relative;width:90%;padding:2rem 0 2rem 3rem;margin:0 auto;background:#fff;box-shadow:0 19px 38px rgba(0,0,0,.2),0 15px 12px rgba(0,0,0,.2)}.contact-form-container-width{width:50%}@media (max-width:870px){.contact-container{padding-top:5rem;margin-bottom:1rem}.contact-form-container{display:block;text-align:center}.contact-form-container-width{width:90%;margin:0 auto}.drop-shadow{position:relative;width:100%;padding:2rem 0;box-shadow:none}.contact-information-container{margin:0 auto}.contact-title{margin-bottom:1rem;margin-top:3rem}.contact-icon{margin-right:.5rem;font-size:1rem}.contact-dec-container{width:90%;margin:.5rem auto .5rem 1.5rem}.contact-dex-text{font-size:.8rem;font-weight:300;letter-spacing:0;text-align:center}}.icon-bar{position:fixed;top:50%;transform:translateY(-50%);z-index:100}.icon-bar a{display:block;text-align:center;padding:16px;transition:all .3s ease;color:#fff;font-size:20px}.icon-bar a:hover{background-color:#3d3d3d}.facebook{background:#3b5998;color:#fff}.twitter{background:#55acee;color:#fff}.google{background:#dd4b39;color:#fff}.youtube{background:#b00;color:#fff}.contact-popup{position:fixed;top:35%;right:0;padding:4rem .4rem;background:#3b5998;color:#f4f4f4;font-weight:700;font-size:1.2rem;z-index:100;transition:.3s;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;transform:rotate(-180deg);letter-spacing:1px}.contact-popup:hover{padding-left:1.4rem}.prayerTimes{height:358px;margin:1rem auto}.islamEvents,.prayerTimes{border:1px solid #ddd;display:block;width:90%}.islamEvents{height:410px;margin:2rem auto 1rem}.home-about-container{margin-left:2rem}.home-about-passage-title{font-size:1.5rem;font-weight:600;letter-spacing:1px;color:#000;border-bottom:3px solid #03a87c;display:inline-block}.no-current-feild{font-size:1.5rem;background-color:#f4f4f4;width:20rem;margin:2rem auto 0;border-radius:20px;text-align:center;border:2px solid #03a87c}.event-main-container{display:flex;align-items:center;width:100%;margin-top:2rem;margin-bottom:1.6rem}.events-container{margin-right:2.5rem}.event-date{font-size:1.5rem;color:#03a87c}.event-month{letter-spacing:2px;margin-top:-7.5px;text-transform:uppercase}.event-sub-description-container{display:flex;font-family:"Poppins",sans-serif;font-weight:500;font-size:.85rem;letter-spacing:.025rem;color:#111}.event-description-title{font-size:1.1rem;font-weight:400;letter-spacing:.9px;color:#3f3f3f;margin-bottom:.3rem}.event-description-place{margin-left:2rem}.event-icons{color:#03a87c;margin-right:.3rem}.event-line{display:none}.extra{margin-right:2rem}.home-about-sections{margin-bottom:7rem;margin-top:3rem}.facebook-title{font-size:1.4rem;font-weight:700;color:#212529;padding-top:1.6rem}.announcements-container{margin:1.5rem 4rem 3rem 0}.announcemebnt-sub-container{padding:1rem;margin-bottom:2rem;margin-right:1rem;margin-left:-1rem}.announcements-title{font-size:1.1rem;color:#000;font-weight:500;margin-bottom:.4rem}.announcements-text{line-height:1.6rem;color:#737373;letter-spacing:.6px;font-family:"Poppins",sans-serif}.announcement-dec{font-size:1rem;margin-top:-1rem;margin-bottom:2rem;font-weight:700;background:#343a40;padding:.5rem;color:#fff;border-radius:5px}.announcements{margin-top:2rem}.announcements-contact-container{background:#343a40;color:#fff;padding:1rem;border-radius:5px}.announcements-contact-title{font-size:1rem;font-weight:600}.announcements-contact-info{margin:.5rem 0;letter-spacing:1px;font-size:.9rem}.announcements-contact-info span{font-weight:700;color:#fff}.announcements-contact-footer{font-weight:500;font-size:1rem;letter-spacing:1px;margin-top:1rem}.about-home-container{margin-top:2rem}.main-about-home-title{font-size:1.1rem;font-weight:600;color:#3f3f3f;margin:2rem 0 .5rem}.right-carrot{color:#000;margin-right:1rem}.main-about-home-paragraph{margin-right:4rem;color:#737373;line-height:1.5rem;letter-spacing:.6px;font-family:"Poppins",sans-serif}.read-more-btn{margin-top:.3rem;margin-bottom:1.5rem;padding:.3rem 1rem;text-align:right;font-family:"Poppins",sans-serif}.image-Container{position:relative;text-align:center;color:#fff;margin-top:5rem}.image-overlay:after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.7))}.home-backgorund-img{width:100%;height:23rem}.image-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.7rem;font-weight:700;width:75%;font-family:cursive;letter-spacing:1px}.image-text-top{margin-bottom:1rem}.image-text-middle{font-weight:700;margin:1rem 0}.ant-carousel .slick-slide h3{color:#fff}.class-container{margin-top:2rem}.class-container-style{background:#f4f4f4;padding:1rem;margin:2rem 0;border-radius:5px;border:1px solid #d3d3d3}.class-top-container{padding-right:2rem}.class-main-container{margin-bottom:3rem;margin-right:2rem}.classes-alert{font-size:1rem;background:#b00;color:#fff;font-weight:700;margin-bottom:2.5rem;line-height:1.5rem;padding:.5rem;border-radius:5px}.classes-name{color:#000;font-weight:700;padding-bottom:.4rem;font-size:1.2rem!important}.class-sub-text-container{margin-left:2.3rem}.class-decription-container{margin:.3rem 0}.class-description-title{font-weight:600;color:#212529;margin-right:.3rem}.class-decription-location{font-weight:500}.class-decription-location,.class-decription-text{color:#737373;font-family:"Poppins",sans-serif;letter-spacing:.6px}.flyer{height:30rem;margin:1rem;transition:.2s}.flyer:hover{opacity:.7;cursor:pointer}.flyer-container{display:flex;margin-right:2rem;margin-top:2rem}.flyer-img-container{position:relative;width:100%;margin-right:1rem}.flyer{display:block;width:100%;height:auto}.grid-container{display:grid;grid-template-columns:2.4fr 1fr;grid-gap:1px 1px;gap:1px 1px;grid-template-areas:". ."}.facebook-container{width:320px;height:650px;border:none;overflow:hidden}@media (max-width:1000px){.flyer-img-container{margin:0}.flyer{margin:1rem 0}.flyer-container{display:block;margin-right:2rem}.flyer-img-icon{display:none}.flyer:hover{opacity:.7}}@media (max-width:870px){.flyer{margin:1rem 0 0}.flyer-container{margin-right:0}.grid-container{display:block}.class-top-container{padding:0}.announcemebnt-sub-container{margin-right:-1.5rem}.announcements-contact-container{margin-left:0;margin-right:0}.facebook-container{width:320px;height:500px;margin-left:auto;margin-right:auto}.home-about-sections{width:90%;margin:5rem auto}}@media (max-width:750px){.icon-bar{display:none}.home-about-sections{margin:5rem 0}.classes-name{font-size:1.1rem;letter-spacing:0}.class-sub-text-container{margin:0}.right-carrot{margin-right:.2rem}.class-decription-container{margin-left:1.5rem}.event-main-container{display:block;text-align:center}.events-container{margin:0}.event-sub-description-container{display:block}.event-description-times{text-align:center}.event-description-place{text-align:center;margin:0}}@media (max-width:550px){.extra{margin-right:0}.no-current-feild{font-size:.9rem;width:18rem}.anouncements-contact-container{margin-right:0}.class-container-style{padding:.4rem}.class-main-container{margin-right:0}.class-decription-location,.class-decription-text{font-size:.8rem;letter-spacing:0}.class-description-title{font-size:.9rem;letter-spacing:0}.class-decription-container{text-align:left}.image-text-container{font-size:1.4rem;width:90%}.image-text-middle{margin:1.5rem 0}.home-backgorund-img{height:20rem}.home-about-passage-title{text-align:center;margin:0 auto}.home-about-sections{text-align:center}.main-about-home-paragraph{margin-right:0}.home-about-passage-title{font-size:1.2rem}.announcements-container{margin-right:0}.announcements-text{line-height:1.5rem;letter-spacing:0;text-align:left}}.about-container{padding-top:5rem;margin-bottom:4.3rem}.about-banner{background-color:rgba(37,207,162,.2);padding:2.5rem;margin-bottom:3.3rem}.about-text{text-align:center;font-size:1.7rem;font-weight:500;letter-spacing:2px}.about-text-container{margin:0 10rem 2.6rem}@media (max-width:870px){.about-banner{margin-bottom:2rem;padding:2rem}.about-text-container{width:85%;margin:0 auto 2.6rem}}.lectures-page{max-width:900px;margin:0 auto;padding:100px 24px 60px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1a1a1a}.lectures-header{display:flex;align-items:center;grid-gap:16px;gap:16px;margin-bottom:32px}.lectures-header-icon{width:52px;height:52px;background:#1db954;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lectures-title{font-size:1.6rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.02em}.lectures-subtitle{font-size:.88rem;color:#777;margin:3px 0 0}.lectures-tabs{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;margin-bottom:28px}.lectures-tab{padding:9px 22px;font-size:.88rem;font-weight:600;border:1px solid #e0e0e0;border-radius:500px;background:#fff;color:#555;cursor:pointer;transition:all .2s;letter-spacing:.01em}.lectures-tab:hover{background:#f5f5f5;border-color:#ccc;color:#1a1a1a}.lectures-tab-active{background:#1db954!important;color:#fff!important;border-color:#1db954!important}.lectures-tab-active:hover{background:#1aa34a!important}.lectures-content{min-height:200px}.lectures-empty{text-align:center;padding:60px 20px;color:#999;font-size:.95rem}.lectures-empty svg{margin-bottom:12px}.lectures-empty p{margin:0}.admin-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;padding:20px 24px;margin-bottom:12px;transition:box-shadow .2s,border-color .2s}.admin-card:hover{border-color:#ddd;box-shadow:0 2px 12px rgba(0,0,0,.06)}.admin-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.admin-card-title{font-size:1rem;font-weight:700;color:#1a1a1a}.admin-card-date{font-size:.82rem;color:#999}.admin-card-bottom ul{list-style:none;padding:0;margin:0 0 12px}.admin-card-bottom ul li{font-size:.88rem;color:#555;line-height:1.6}.admin-card-bottom ul li:first-child{font-weight:500;color:#333}.admin-lecture-container{display:flex;grid-gap:6px;gap:6px;flex-wrap:wrap}.admin-btn-link{display:inline-flex;align-items:center;padding:5px 14px;font-weight:600;background:#f0faf5;color:#1db954;border:1px solid #d4f0e2;border-radius:500px;text-decoration:none;transition:all .2s}.admin-btn-link:hover{background:#1db954;color:#fff;border-color:#1db954}@media (max-width:640px){.lectures-page{padding:80px 16px 40px}.lectures-title{font-size:1.3rem}.lectures-header-icon{width:44px;height:44px}.lectures-tabs{grid-gap:6px;gap:6px}.lectures-tab{padding:8px 16px;font-size:.82rem}.admin-card{padding:16px}}.knowledge-tabs{margin:4rem auto 0;width:95%;padding-bottom:5rem}.table-title{text-align:center;font-size:2.2rem;font-family:"Roboto Mono",monospace}.table-title-line{height:5px;width:15rem;background-color:#000;text-align:center;margin:0 auto 1rem;border-radius:30px}.card-container>.ant-tabs-card>.ant-tabs-content{margin-top:-16px}.card-container>.ant-tabs-card>.ant-tabs-content>.ant-tabs-tabpane{background:#fff;padding:16px}.card-container>.ant-tabs-card>.ant-tabs-bar{border-color:#fff}.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab{border-color:transparent;background:transparent}.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active{border-color:#fff;background:#fff}.current-ayat,.current-ayat-title{background:#bbeafd;border-radius:20px}.current-ayat-title{padding:.7rem;margin-bottom:1rem}.quran-title{margin-bottom:3rem}.noDisplay{display:none}.table{width:80%;border-collapse:collapse;margin:1.3rem auto}.tr:nth-of-type(odd){background:#f4f4f4}.th{background:#03a87c;color:#fff;font-weight:700}.td,.th{padding:10px;border:1px solid #ccc;text-align:left;font-size:18px}@media (min-device-width:768px) and (max-device-width:1024px),only screen and (max-width:760px){.table{width:100%;margin:0 auto;text-align:center}.table,.tbody,.td,.th,.thead,.tr{display:block;width:20rem;margin:0 auto}.thead tr{position:absolute;top:-9999px;left:-9999px}.tr{border:1px solid #ccc;margin-bottom:1rem}.td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}.td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;content:attr(data-column);color:#000;font-weight:700}}.quran-container{margin-top:5rem;text-align:center;overflow:scroll}.iframe-quran{min-width:1000px;width:100%;height:1000px;border:none;overflow:hidden}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f7f8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);padding:40px 36px 32px;margin:0 16px}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo-icon{width:52px;height:52px;background:#1db954;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.auth-logo-title{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.02em}.auth-logo-subtitle{font-size:.88rem;color:#888;margin:4px 0 0}.auth-card .ant-form-item-label>label{font-weight:500;font-size:.88rem;color:#444}.auth-card .ant-input,.auth-card .ant-input-password .ant-input{padding:10px 14px;border-radius:8px;border:1px solid #e0e0e0;font-size:.92rem;transition:border-color .2s}.auth-card .ant-input-focused,.auth-card .ant-input-password:focus-within,.auth-card .ant-input:focus{border-color:#1db954;box-shadow:0 0 0 2px rgba(29,185,84,.12)}.auth-card .ant-input-password{padding:0 12px 0 0;border-radius:8px;border:1px solid #e0e0e0;display:flex;align-items:center}.auth-card .ant-input-password .ant-input{border:none;box-shadow:none}.auth-card .ant-input-password .ant-input-suffix{display:flex;align-items:center}.auth-card .ant-input-password:focus-within{border-color:#1db954;box-shadow:0 0 0 2px rgba(29,185,84,.12)}.auth-submit-btn{width:100%;padding:11px 0;font-size:.95rem;font-weight:600;background:#1db954;color:#fff;border:none;border-radius:500px;cursor:pointer;transition:background-color .2s,transform .1s;letter-spacing:.01em}.auth-submit-btn:hover{background:#1aa34a;transform:scale(1.01)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-back-link{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;color:#888;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;margin-top:20px}.auth-back-link:hover{color:#1a1a1a}.auth-footer{text-align:center;margin-top:24px}@media (max-width:480px){.auth-page{background:#fff;padding:0}.auth-card{box-shadow:none;border-radius:0;padding:32px 20px 24px;margin:0;max-width:none}}.admin-home-container{--bg-primary:#121212;--bg-nav:#0a0a0a;--bg-surface:#181818;--bg-elevated:#282828;--bg-hover:hsla(0,0%,100%,0.08);--bg-input:hsla(0,0%,100%,0.1);--bg-input-focus:hsla(0,0%,100%,0.18);--bg-chip:hsla(0,0%,100%,0.07);--bg-chip-hover:hsla(0,0%,100%,0.14);--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#a7a7a7;--text-dim:#727272;--border-subtle:hsla(0,0%,100%,0.06);--border-light:hsla(0,0%,100%,0.08);--accent:#1db954;--accent-hover:#1ed760;--accent-bg:rgba(29,185,84,0.12);--player-bg:#181818;--player-progress-bg:#4d4d4d;--player-progress-fill:#b3b3b3;--delete-color:#f15e6c;background-color:var(--bg-primary);min-height:100vh;padding:0;margin:0;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;transition:background-color .3s,color .3s}.admin-home-container.light-mode{--bg-primary:#f5f5f5;--bg-nav:#fff;--bg-surface:#fff;--bg-elevated:#e8e8e8;--bg-hover:rgba(0,0,0,0.04);--bg-input:rgba(0,0,0,0.06);--bg-input-focus:rgba(0,0,0,0.1);--bg-chip:rgba(0,0,0,0.06);--bg-chip-hover:rgba(0,0,0,0.12);--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#777;--text-dim:#999;--border-subtle:rgba(0,0,0,0.08);--border-light:rgba(0,0,0,0.1);--accent:#1db954;--accent-hover:#1aa34a;--accent-bg:rgba(29,185,84,0.1);--player-bg:#fff;--player-progress-bg:#ddd;--player-progress-fill:#888;--delete-color:#e53935}.admin-nav{justify-content:space-between;padding:14px 32px;background-color:var(--bg-nav);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-subtle);transition:background-color .3s}.admin-nav,.admin-title{display:flex;align-items:center}.admin-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;border:none;grid-gap:10px;gap:10px}.admin-title-icon{width:34px;height:34px;background:var(--accent);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.admin-nav-right{display:flex;align-items:center;grid-gap:12px;gap:12px}.admin-btn-signout{padding:7px 24px;font-weight:600;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:500px;font-size:.82rem;cursor:pointer;transition:all .2s;letter-spacing:.03em}.admin-btn-signout:hover{color:var(--text-primary);border-color:var(--text-secondary);transform:scale(1.03)}.al-theme-toggle{width:44px;height:24px;border-radius:12px;background-color:var(--bg-chip);border:1px solid var(--border-subtle);cursor:pointer;position:relative;transition:background-color .3s;padding:0;flex-shrink:0}.al-theme-toggle:hover{background-color:var(--bg-chip-hover)}.al-theme-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:var(--text-primary);transition:transform .3s;display:flex;align-items:center;justify-content:center}.light-mode .al-theme-toggle-knob{transform:translateX(20px)}.al-theme-toggle-knob svg{width:12px;height:12px}.admin-body-containers{display:flex;grid-gap:8px;gap:8px;padding:20px 32px 0;margin:0;max-width:none}.admin-class-btn{background-color:var(--bg-chip);color:var(--text-secondary);border:none;border-radius:500px;padding:10px 24px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;width:auto;margin:0}.admin-class-btn:hover{background-color:var(--bg-chip-hover);color:var(--text-primary)}.admin-choose-class{background-color:var(--accent)!important;color:#000!important}.admin-choose-class:hover{background-color:var(--accent-hover)!important;color:#000!important}.al-page-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);padding:24px 32px 0;margin:0}.admin-upload-section{padding:0 32px;margin-bottom:8px}.al-container{padding:0 32px 20px}.al-toolbar{justify-content:space-between;padding:20px 0 12px;position:-webkit-sticky;position:sticky;top:54px;background-color:var(--bg-primary);z-index:90;transition:background-color .3s}.al-toolbar,.al-toolbar-left{display:flex;align-items:center;grid-gap:16px;gap:16px}.al-toolbar-left{flex-shrink:0}.al-lecture-count{font-size:.82rem;white-space:nowrap}.al-lecture-count,.al-sort{color:var(--text-secondary);font-weight:500}.al-sort{background-color:var(--bg-chip);border:none;border-radius:500px;font-size:.8rem;cursor:pointer;padding:6px 14px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .2s}.al-sort:hover{background-color:var(--bg-chip-hover);color:var(--text-primary)}.al-sort option{background-color:var(--bg-elevated);color:var(--text-primary)}.al-search-wrapper{position:relative;max-width:340px;width:100%}.al-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex}.al-search{width:100%;padding:9px 14px 9px 40px;background-color:var(--bg-input);border:none;border-radius:500px;color:var(--text-primary);font-size:.88rem;outline:none;transition:all .25s;box-sizing:border-box}.al-search:-ms-input-placeholder{color:var(--text-muted)}.al-search::placeholder{color:var(--text-muted)}.al-search:focus{background-color:var(--bg-input-focus);box-shadow:0 0 0 2px var(--accent)}.al-list-header{display:grid;grid-template-columns:44px 1fr auto 44px;padding:0 16px;border-bottom:1px solid var(--border-light);margin-bottom:2px;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;height:36px;align-items:center}.al-header-parts{padding-left:8px}.al-list{display:flex;flex-direction:column}.al-row{display:grid;grid-template-columns:44px 1fr auto 44px;padding:8px 16px;border-radius:6px;cursor:default;transition:background-color .15s;align-items:center;min-height:52px}.al-row:hover{background-color:var(--bg-hover)}.al-row-active{background-color:var(--accent-bg)!important}.al-col-num{color:var(--text-muted);font-size:.88rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.al-row-active .al-col-num{color:var(--accent)}.al-col-title-group{display:flex;flex-direction:column;grid-gap:2px;gap:2px;padding-right:16px;min-width:0}.al-col-title{color:var(--text-primary);font-size:.92rem;font-weight:500}.al-row-active .al-col-title{color:var(--accent)}.al-col-date{color:var(--text-dim);font-size:.72rem;white-space:nowrap}.al-col-parts{display:flex;grid-gap:5px;gap:5px;align-items:center;padding:0 8px;flex-wrap:nowrap}.al-play-chip{background-color:var(--bg-chip);color:var(--text-secondary);border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;grid-gap:4px;gap:4px}.al-play-chip:hover{background-color:var(--accent);color:#000;transform:scale(1.06)}.al-play-chip-active{background-color:var(--accent)!important;color:#000!important}.al-col-actions,.al-delete-btn{display:flex;justify-content:center}.al-delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;border-radius:50%;transition:all .2s;font-size:.85rem;opacity:0;align-items:center;width:30px;height:30px}.al-row:hover .al-delete-btn{opacity:1}.al-delete-btn:hover{color:var(--delete-color);background-color:rgba(241,94,108,.12)}.al-delete-btn.al-deleting{opacity:1;color:var(--delete-color);cursor:not-allowed;animation:al-pulse 1.4s infinite}@keyframes al-pulse{0%,to{opacity:.4}50%{opacity:1}}.al-player{position:fixed;bottom:0;left:0;right:0;height:80px;background-color:var(--player-bg);border-top:1px solid var(--border-light);padding:0 24px;z-index:200;grid-gap:20px;gap:20px;transition:background-color .3s}.al-player,.al-player-info{display:flex;align-items:center}.al-player-info{grid-gap:14px;gap:14px;min-width:180px;flex:0 1 auto}.al-player-artwork{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),#064e22);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-player-text{min-width:0}.al-player-title{color:var(--text-primary);font-size:.82rem;font-weight:600}.al-player-subtitle{color:var(--text-muted);font-size:.72rem;margin-top:2px}.al-player-center{flex:1 1;display:flex;flex-direction:column;align-items:center;grid-gap:4px;gap:4px;max-width:640px;margin:0 auto}.al-player-controls-row{display:flex;align-items:center;grid-gap:16px;gap:16px}.al-player-skip-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;color:var(--text-secondary)}.al-player-skip-btn:hover:not(:disabled){color:var(--text-primary);transform:scale(1.1)}.al-player-skip-btn:disabled{color:var(--text-dim);cursor:not-allowed}.al-player-play-btn{width:34px;height:34px;border-radius:50%;background:var(--text-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;flex-shrink:0;padding:0}.al-player-play-btn svg{fill:var(--bg-primary)}.al-player-play-btn:hover{transform:scale(1.06)}.al-player-play-btn:disabled{opacity:.4;cursor:not-allowed}.al-player-progress-row{display:flex;align-items:center;grid-gap:10px;gap:10px;width:100%}.al-player-progress{flex:1 1;height:4px;background:var(--player-progress-bg);border-radius:2px;cursor:pointer;position:relative;transition:height .15s}.al-player-progress:hover{height:6px}.al-player-progress-fill{height:100%;background:var(--player-progress-fill);border-radius:2px;position:relative}.al-player-progress:hover .al-player-progress-fill{background:var(--accent)}.al-player-progress-thumb{width:12px;height:12px;background:var(--text-primary);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;pointer-events:none}.al-player-progress:hover .al-player-progress-thumb{opacity:1}.al-player-time{color:var(--text-muted);font-size:.68rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:34px;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.al-loading{display:flex;align-items:center;justify-content:center;padding:80px 0;color:var(--text-secondary);font-size:.92rem}.al-spinner{width:28px;height:28px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:al-spin .7s linear infinite;margin-right:12px}@keyframes al-spin{to{transform:rotate(1turn)}}.al-error{padding:80px 32px;color:var(--delete-color)}.al-empty,.al-error{text-align:center;font-size:.92rem}.al-empty{padding:60px 32px;color:var(--text-dim)}.al-legacy-toggle{display:block;width:100%;padding:10px 16px;margin-bottom:4px;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s}.al-legacy-toggle:hover{background:var(--bg-chip-hover);color:var(--text-primary)}.al-legacy-list{list-style:none;padding:0;margin:0 0 16px;background:var(--bg-hover);border-radius:8px;border:1px solid var(--border-subtle);overflow:hidden}.al-legacy-list li{padding:8px 16px;border-bottom:1px solid var(--border-subtle);font-size:.78rem;color:var(--text-muted);line-height:1.5}.al-legacy-list li:last-child{border-bottom:none}.al-legacy-links{display:flex;grid-gap:5px;gap:5px;flex-wrap:wrap;padding:8px 16px 12px}@media (max-width:768px){.admin-nav{padding:12px 16px}.admin-title{font-size:1rem}.admin-body-containers{padding:14px 16px 0;grid-gap:6px;gap:6px}.admin-class-btn{padding:8px 16px;font-size:.82rem}.admin-upload-section{padding:0 16px}.al-container{padding:0 16px 20px}.al-page-title{padding:20px 16px 0;font-size:1.4rem}.al-toolbar{flex-direction:column;align-items:stretch;grid-gap:10px;gap:10px;top:50px;padding:14px 0 10px}.al-toolbar-left{justify-content:space-between}.al-search-wrapper{max-width:none}.al-list-header{display:none}.al-row{grid-template-columns:1fr;grid-gap:4px;gap:4px;padding:14px 12px;border-bottom:1px solid var(--border-subtle);border-radius:0}.al-col-num{display:none}.al-col-title{font-size:.92rem;white-space:normal;line-height:1.35}.al-col-date{font-size:.78rem}.al-col-parts{padding:0}.al-col-actions{justify-content:flex-start}.al-delete-btn{opacity:1}.al-player{height:auto;flex-direction:column;padding:10px 16px 22px;grid-gap:6px;gap:6px}.al-player-info{min-width:0}.al-player-center,.al-player-info{width:100%;max-width:none}.admin-home-container{margin:0;padding:0}}.al-upload-form{max-width:720px;margin:24px auto;padding:28px 32px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;transition:background-color .3s}.al-upload-heading{margin-bottom:20px;font-size:1.3rem;font-weight:700;text-align:left;color:var(--text-primary)}.al-upload-label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-secondary);font-size:.85rem;letter-spacing:.02em}.al-upload-input{width:100%;padding:11px 14px;font-size:.92rem;border:1px solid var(--bg-elevated);border-radius:6px;outline:none;background-color:var(--bg-elevated);color:var(--text-primary);transition:border-color .2s ease,background-color .3s;box-sizing:border-box}.al-upload-input:focus{border-color:var(--accent)}.al-upload-choose-btn{padding:10px 20px;font-size:.85rem;background-color:var(--bg-chip);border:1px solid var(--bg-elevated);border-radius:500px;cursor:pointer;font-weight:600;color:var(--text-primary);transition:all .2s}.al-upload-choose-btn:hover{background-color:var(--bg-chip-hover)}.al-upload-file-item{margin-bottom:12px;padding:14px;border-radius:8px;background-color:var(--bg-hover);border:1px solid var(--border-light)}.al-upload-file-label{font-weight:600;color:var(--text-primary);font-size:.85rem}.al-upload-file-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.85rem}.al-upload-file-size{color:var(--text-dim);font-size:.78rem;white-space:nowrap}.al-upload-progress-bg{width:100%;height:6px;background-color:var(--bg-elevated);border-radius:3px;overflow:hidden;position:relative;margin-top:8px}.al-upload-progress-text{position:absolute;top:-18px;right:0;color:var(--text-secondary);font-weight:600;font-size:.7rem}.al-upload-submit-btn{width:100%;padding:12px;font-size:.92rem;background-color:var(--accent);color:#000;border:none;border-radius:500px;cursor:pointer;font-weight:700;margin-top:8px;letter-spacing:.03em;transition:all .2s}.al-upload-submit-btn:hover{background-color:var(--accent-hover);transform:scale(1.01)}.al-upload-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-btn-link{display:inline-block;font-size:.78rem;text-align:center;transition:.2s;margin:2px;cursor:pointer}body{background-color:#fff;overflow-x:hidden;margin:0 auto}button,div,h1{padding:0;margin:0}button{border:none}button:hover{cursor:pointer;outline:none}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.dasboard-body{width:100%;height:100%;padding-left:16rem}.dasboard-container{padding:2rem 2rem 4rem}@media (min-width:1200px){.container{max-width:1240px}}@media (max-width:870px){.container{width:100%;padding-right:0;padding-left:0}}@media (max-width:1000px){.dasboard-body{padding-left:0}.dashboard-navbar-drawer{display:block}.drawer-bars{font-size:2rem}.dashboard-nav-container{display:none}}.main-color-scheme{background-color:#03a87c;color:#fff;border-radius:3px;transition:.3s}.main-color-scheme:hover{background-color:#25cfa2}.main-color-scheme:focus{outline:none;box-shadow:0 0 0 3px rgba(37,207,162,.4)}.main-color-scheme-inverted{color:#03a87c;border:2px solid #03a87c;border-radius:3px;transition:.3s}.main-color-scheme-inverted:hover{background-color:#d7fff4}.middle{position:relative}.middle:before{visibility:hidden;transform:scaleX(0)}.middle-visable:before,.middle:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fff;transition:all .2s ease-in-out}.middle-visable:before{visibility:hidden;transform:scaleX(0);visibility:visible;transform:scaleX(1)}.middle:hover:before{visibility:visible;transform:scaleX(1)}.middle-black{position:relative}.middle-black:before{visibility:hidden;transform:scaleX(0)}.middle-black:before,.middle-visable-black:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#000;transition:all .2s ease-in-out}.middle-visable-black:before{visibility:hidden;transform:scaleX(0);visibility:visible;transform:scaleX(1)}.middle-black:hover:before{visibility:visible;transform:scaleX(1)}
/*# sourceMappingURL=main.39950b19.chunk.css.map */