.app-header{background:#2f5d8e;box-shadow:0 10px 8px #00000026;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1200px;padding:1rem}.brand{display:flex;flex-direction:column;max-width:55%}.app-title{font-size:1.4rem;font-weight:600;margin:0}.app-subtitle{font-size:.85rem;line-height:1.4;margin-top:.4rem;opacity:.9}.nav-links{align-items:center;display:flex;gap:1.2rem;margin-left:auto}.nav-links a{color:#fff;font-weight:500;padding-bottom:2px;text-decoration:none}.nav-links a.active{border-bottom:2px solid #fff}.log-sign{align-items:center;display:flex;gap:.8rem}.logout-btn{background:#0000;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;padding:.3rem .7rem}.logout-btn:hover{background:#ffffff26}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.8rem}@media (max-width:768px){.brand{max-width:100%}.app-subtitle{font-size:.8rem}.menu-toggle{display:block}.nav-links{background:#2f5d8e;box-shadow:0 4px 10px #0003;display:none;flex-direction:column;gap:1rem;margin-left:0;padding:1rem;position:absolute;right:0;top:100%;width:220px}.nav-links.open{display:flex}.log-sign{align-items:flex-start;flex-direction:column;margin-left:0}}.form-add-topic-file-container{position:static}.form-add-topic-container,.form-add-topic-file-container{background:#fff;border-left:5px solid #2f5d8e;border-radius:14px;box-shadow:0 6px 18px #0000001f;margin-bottom:1.5rem;padding:1.6rem}.form-add-topic-container{align-self:flex-start;position:-webkit-sticky;position:sticky;top:20px;transition:box-shadow .25s ease,transform .2s ease;z-index:10}.form-add-topic-container:hover{box-shadow:0 10px 25px #0000002e;transform:translateY(-2px)}.form-add-topic-file{display:flex;flex-direction:column;gap:.5rem}.form-add-topic-file label{color:#0f3197;font-size:.95rem;font-weight:600}.form-add-topic-file input{border:1px solid #b7c6d8;border-radius:8px;font-size:.95rem;padding:.7rem .9rem;transition:border .2s ease,box-shadow .2s ease}.form-add-topic-file input:focus{border-color:#2f5d8e;box-shadow:0 0 0 3px #2f5d8e33;outline:none}.btn-submit{margin-top:1.2rem}@media (max-width:600px){.form-add-topic-container{position:static}.btn-submit{width:100%}}.videoPlayer-container{border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;height:90px;overflow:hidden;position:relative;transition:width .4s ease,height .4s ease,box-shadow .4s ease;width:120px}.videoPlayer-container.expanded{border-radius:14px;box-shadow:0 8px 24px #00000040;height:300px;width:500px}.videoPlayer-container>div{height:100%!important;width:100%!important}.video-collapse-btn{background:#00000073;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:.85;padding:6px;position:absolute;right:8px;top:8px;transition:opacity .2s ease,transform .2s ease;z-index:10}.video-collapse-btn:hover{opacity:1;transform:scale(1.05)}@media (max-width:600px){.videoPlayer-container.expanded{height:300px;width:100%}}.subTopic-container{margin-top:1rem}.openBook-container{display:flex;flex-direction:column;gap:1.4rem}.subtopic-item{background:#fff;border-left:4px solid #2f5d8e;border-radius:12px;box-shadow:0 4px 14px #0000001a;padding:1.2rem;transition:box-shadow .15s ease,transform .15s ease}.subtopic-item:hover{box-shadow:0 8px 20px #00000024;transform:translateY(-1px)}.content-container{align-items:center;display:flex;gap:1rem;margin-bottom:.6rem}.content-container h5{align-items:center;color:#0f3197;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.content-container svg{color:#2f5d8e;font-size:.95rem}.subtopic-item p{color:#333;font-size:.9rem;line-height:1.45;margin:.4rem 0 0}@media (max-width:600px){.content-container{align-items:flex-start;flex-direction:column}.subtopic-item{padding:1rem}}.view-counter{align-items:center;background:#f1f3f5;border-radius:20px;color:#444;display:inline-flex;font-size:.9rem;gap:6px;padding:5px 10px}.eye{font-size:1rem}.count{font-weight:700}.label{color:#777}.form-add-sub-topic-file-container{background:#fff;border-left:5px solid #2f5d8e;border-radius:12px;box-shadow:0 6px 16px #0000001f;margin-bottom:1.5rem;padding:1.5rem}.form-add-sub-topic-description,.form-add-sub-topic-video{display:flex;flex-direction:column;margin-bottom:1.2rem}.form-add-sub-topic-description label,.form-add-sub-topic-video label{color:#0f3197;font-weight:600;margin-bottom:.4rem}.form-add-sub-topic-description textarea,.form-add-sub-topic-video input{border:1px solid #b7c6d8;border-radius:8px;font-size:.95rem;padding:.7rem .9rem;transition:border .2s ease,box-shadow .2s ease}.form-add-sub-topic-description textarea:focus,.form-add-sub-topic-video input:focus{border-color:#2f5d8e;box-shadow:0 0 0 3px #2f5d8e33;outline:none}.form-add-sub-topic-description textarea{min-height:120px;resize:vertical}.btn-submit{align-self:flex-start;background:linear-gradient(135deg,#2f5d8e,#0f3197);border-radius:999px;font-size:.95rem;padding:.75rem 1.8rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-submit:hover{box-shadow:0 6px 14px #0f319759;transform:translateY(-1px)}.btn-submit:active{box-shadow:0 3px 8px #0f319740;transform:translateY(0)}@media (max-width:600px){.form-add-sub-topic-file-container{padding:1.2rem}.btn-submit{text-align:center;width:100%}}.Topic-container{background:#fff;border-left:5px solid #2f5d8e;border-radius:14px;box-shadow:0 6px 18px #0000001f;margin-bottom:1.5rem;padding:1.4rem;transition:transform .15s ease,box-shadow .15s ease}.Topic-container:hover{box-shadow:0 10px 24px #00000026;transform:translateY(-2px)}.Topic-header{cursor:pointer;justify-content:space-between;-webkit-user-select:none;user-select:none}.Topic-header,.Topic-header h4{align-items:center;display:flex}.Topic-header h4{color:#0f3197;font-size:1.05rem;font-weight:600;gap:.6rem;margin:0}.toggle-arrow{font-size:1rem;transition:transform .2s ease}.toggle-arrow.open{transform:rotate(180deg)}.Topic-content{border-left:2px solid #b7c6d8;margin-top:.9rem;padding-left:1.6rem}@media (max-width:600px){.Topic-container{padding:1.1rem}.Topic-header h4{font-size:1rem}.Topic-content{padding-left:1rem}}.topics-container{margin:0 auto;max-width:1100px;padding:1.5rem 1rem}.topic-filter{align-items:center;background:#fff;border-left:5px solid #2f5d8e;border-radius:14px;box-shadow:0 4px 14px #0000001a;display:flex;gap:1.2rem;margin-bottom:1.6rem;padding:1rem 1.2rem}.container-lbl-input{flex-direction:column;gap:.3rem}.container-lbl-input label{color:#0f3197;font-size:.85rem;font-weight:600;text-transform:capitalize}.container-lbl-input select{background:#fff;border:1px solid #b7c6d8;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.45rem .6rem;transition:border .2s ease,box-shadow .2s ease}.container-lbl-input select:focus{border-color:#2f5d8e;box-shadow:0 0 0 3px #2f5d8e33;outline:none}.topics-container>.Topic-container{margin-bottom:1.5rem}@media (max-width:700px){.topic-filter{align-items:stretch;flex-direction:column;gap:.8rem}.container-lbl-input select{width:100%}.topics-container{padding:1rem .6rem}}.contact-container{background-color:#fefefe;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:30px auto;max-width:400px;padding:20px}.contact-title{color:#1e3a8a;font-size:1.5rem;margin-bottom:20px;text-align:center}.contact-item{align-items:center;background-color:#f7f9fc;border-left:4px solid #1e3a8a;border-radius:6px;display:flex;margin:12px 0;padding:10px;transition:transform .2s,box-shadow .2s}.contact-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateX(5px)}.contact-icon{color:#1e3a8a;font-size:1.3rem;margin-right:10px}.label{color:#111827;font-weight:700;margin-right:5px}.about-container{color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:2rem auto;max-width:900px;padding:0 1rem}.about-container h1{color:#2f5d8e;margin-bottom:2rem;text-align:center}.about-container h2{color:#2f5d8e;margin-bottom:.5rem;margin-top:1.5rem}.about-container p{margin-bottom:1rem}.about-container ol,.about-container ul{margin-bottom:1rem;margin-left:1.5rem}.about-container ol li,.about-container ul li{margin-bottom:.5rem}.User{align-items:center;flex-direction:row;margin:2rem}.User,.form-add-user{display:flex;flex-wrap:wrap;padding:2rem}.form-add-user{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #00000014;flex-direction:column;margin:2rem auto;max-width:500px;width:100%}.container-lbl-input{align-items:center;display:flex;flex-direction:row;margin-bottom:1rem}.container-lbl-input label{font-weight:700;margin-right:1rem;min-width:140px;width:140px}.container-lbl-input input,.container-lbl-input select{border:1px solid #ccc;border-radius:4px;font-size:1rem;max-width:260px;padding:.5rem;width:100%}.btn-submit{background-color:#2f5f8f;font-weight:700;margin-top:1.5rem;padding:.7rem 1.2rem;transition:background-color .2s ease-in-out}.btn-submit:hover{background-color:#244a70}@media (max-width:600px){.container-lbl-input{align-items:flex-start;flex-direction:column}.container-lbl-input label{margin-bottom:.4rem;width:100%}.container-lbl-input input,.container-lbl-input select{max-width:100%;width:100%}}.login{align-items:center;background:#f5f7fb;display:flex;justify-content:center;min-height:100vh}.login-form{background:#fff;border-radius:8px;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;gap:1.2rem;max-width:380px;padding:2rem;width:100%}.login-form h4{color:#222;font-size:1.3rem;margin-bottom:.5rem;text-align:center}.login-form>div{display:flex;flex-direction:column}.login-form label{color:#333;font-weight:600;margin-bottom:.35rem}.login-form input{border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none;padding:.6rem .75rem}.login-form input:focus{border-color:#007bff}.btn-submit{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.65rem}.btn-submit:hover{opacity:.95}.password-container{display:flex;flex-direction:column;margin-bottom:1rem}.password-container label{color:#333;font-weight:600;margin-bottom:.35rem}.password-wrapper{align-items:center;display:flex;gap:.5rem;width:100%}.password-wrapper input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;outline:none;padding:.6rem .75rem}.password-wrapper input:focus{border-color:#007bff}.password-wrapper button{align-items:center;background:none;border:1px solid #ccc;border-radius:4px;color:#555;cursor:pointer;display:flex;justify-content:center;padding:.45rem .6rem}.password-wrapper button:hover{border-color:#007bff;color:#007bff}.password-wrapper button svg{font-size:1.1rem}.users-container{margin:0 auto;max-width:1200px;padding:20px}.users-title{font-size:24px;margin-bottom:16px}.users-search{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:20px;padding:10px;width:100%}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.user-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:16px}.user-name{font-weight:600;margin-bottom:8px}.user-info,.user-name{align-items:center;display:flex;gap:8px}.user-info{color:#555;font-size:14px;margin-bottom:6px}.user-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.user-role{background:#e3f2fd;border-radius:4px;color:#1565c0;font-size:12px;padding:4px 8px}.user-view-btn{background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 10px}.user-view-btn:hover{background:#f5f5f5}.users-empty,.users-loading{color:#666;padding:20px}.auth-overlay{align-items:center;background:#000000a6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-card{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:400px;padding:2rem;text-align:center;width:90%}.auth-title{color:#222;font-size:1.8rem;margin-bottom:.5rem}.auth-message{color:#555;font-size:1rem;margin-bottom:1.5rem}.auth-buttons{display:flex;gap:1rem;justify-content:center}.login-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.7rem 1.5rem;transition:.2s}.login-btn:hover{background:#0056b3}.signup-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.7rem 1.5rem;transition:.2s}.signup-btn:hover{background:#1e7e34}.auth-footer{color:#777;font-size:.9rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.ea3894d3.css.map*/