.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}}.videoPlayer-container{border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;height:auto;overflow:visible;position:relative;transition:width .4s ease,height .4s ease,box-shadow .4s ease,border-radius .4s ease;width:auto}.videoPlayer-container.expanded{border-radius:14px;box-shadow:0 8px 24px #00000040;height:auto;width:80%}.videoPlayer-container>div{height:100%!important;width:100%!important}.video-controls{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding:2rems;position:absolute;right:10px;top:10px;z-index:10}.video-collapse-btn,.video-fullscreen-btn{background:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;height:auto;opacity:.85;padding:6px 10px;transition:background .2s ease,transform .2s ease,opacity .2s ease}.video-collapse-btn:hover,.video-fullscreen-btn:hover{background:#000000b3;opacity:1;transform:scale(1.05)}.video-collapse-btn{position:relative}@media (max-width:600px){.videoPlayer-container.expanded{height:300px;width:100%}}.subTopic-container{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0}.subtopic-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;cursor:pointer;padding:10px;position:relative;transition:.2s ease}.subtopic-card:hover{transform:translateY(-4px)}.video-wrapper{position:relative}.video-wrapper iframe,.video-wrapper video{border-radius:8px;position:relative;width:100%;z-index:1}.actions-overlay{display:flex;gap:8px;position:absolute;right:5px;top:5px;z-index:5}.actions-overlay button{background:#ffffffe6;border:none;border-radius:6px;cursor:pointer;padding:6px}.bottom-row{margin-top:8px}.creator{align-items:center;display:flex;font-size:12px;gap:6px;margin-top:6px}h5{color:#0f3197;margin:.5rem 0 .2rem}p{color:#333;font-size:.9rem;margin:0}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99999}.modal-content{z-index:100000}.close-btn{font-size:18px;z-index:100001}.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}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;height:auto;max-width:100%;min-height:-webkit-fit-content;min-height:fit-content;padding:20px;position:relative;width:400px}.close-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:20px;justify-content:center;position:absolute;right:10px;top:10px}.form-add-sub-topic-file-container{background:#fff;border-left:5px solid #2f5d8e;border-radius:12px;box-shadow:0 6px 16px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;height:auto;margin-bottom:1.5rem;max-height:100%;max-width:100%;overflow-y:auto;padding:1.5rem;width:100%}.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;box-sizing:border-box;font-size:.95rem;padding:.7rem .9rem;transition:border .2s ease,box-shadow .2s ease;width:100%}.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){.modal-content{width:100%}.form-add-sub-topic-file-container{padding:1.2rem}.btn-submit{text-align:center;width:100%}}.form-add-sub-topic-title{display:flex;flex-direction:column;margin-bottom:1.2rem}.form-add-sub-topic-title label{color:#0f3197;font-weight:600;margin-bottom:.4rem}.form-add-sub-topic-title input{border:1px solid #b7c6d8;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:.7rem .9rem;width:100%}.btn-cancel{background:#e5e7eb;border:none;border-radius:999px;color:#333;cursor:pointer;font-weight:500;margin-left:10px;padding:.7rem 1.5rem}.btn-cancel:hover{background:#d1d5db}.Topic-container{background:#fff;border:1px solid #eef2f7;border-radius:16px;box-shadow:0 8px 20px #00000014;margin-bottom:1.4rem;overflow:visible;padding:1.2rem;transition:all .25s ease}.Topic-container:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-3px)}.Topic-container.active{border-left:5px solid #1e3a8a}.Topic-header{cursor:pointer}.left{align-items:center;display:flex;gap:12px}.icon-box{font-size:.9rem;padding:8px}.title-group h4{color:#111827;font-size:1.05rem;font-weight:600;margin:0}.meta{color:#6b7280;font-size:.75rem}.toggle-arrow{flex-shrink:0;font-size:1rem;transition:transform .3s ease}.toggle-arrow.open{transform:rotate(180deg)}.Topic-content{max-height:0;opacity:0;overflow:hidden;transition:all .35s ease}.Topic-content.show{border-left:2px solid #e5e7eb;margin-top:12px;max-height:1000px;opacity:1;padding-left:10px}.Topic-content-wrapper{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:row;gap:16px;padding:12px 16px;width:100%}.Topic-content-wrapper>div:first-child{width:100%}.Topic-content-wrapper>div:last-child{display:flex;justify-content:flex-start}@media (max-width:600px){.Topic-container{padding:1rem}.title-group h4{font-size:1rem}.Topic-content-wrapper{flex-direction:column;gap:12px;padding:8px 12px}}.add-subtopic-btn{display:flex;margin-right:10px;padding:6px 8px}.Topic-header{align-items:center;display:flex;justify-content:space-between}.Topic-header .right{align-items:center;display:flex;gap:10px}.add-subtopic-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;z-index:10}.add-subtopic-btn:hover{background:#45a049}.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{border-color:#1f4a8a;box-shadow:0 0 0 3px #1f4a8a26;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}.topic-row:hover{background:#f9f9f9;border-radius:8px;transition:background .2s ease}.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:linear-gradient(145deg,#fff,#f1f5f9);border-radius:16px;box-shadow:0 10px 25px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:420px;padding:25px}.contact-header{margin-bottom:25px;text-align:center}.contact-header h2{color:#1e3a8a;margin-bottom:5px}.contact-header p{color:#6b7280;font-size:.9rem}.contact-item{align-items:center;background:#fff;border:1px solid #eef2f7;border-radius:10px;display:flex;gap:12px;margin:15px 0;padding:12px;transition:all .25s ease}.contact-item:hover{box-shadow:0 8px 15px #00000014;transform:translateY(-3px)}.icon-box{align-items:center;background:#1e3a8a;border-radius:50%;color:#fff;display:flex;font-size:1rem;justify-content:center;padding:10px}.label{color:#111827;display:block;font-size:.9rem;font-weight:600}.contact-item a,.contact-item p{color:#374151;font-size:.9rem;margin:2px 0 0;text-decoration:none}.contact-item a:hover{color:#1e3a8a}.contact-socials{display:flex;gap:15px;justify-content:center;margin-top:20px}.contact-socials a{background:#e0e7ff;border-radius:50%;color:#1e3a8a;font-size:1.2rem;padding:10px;transition:.3s}.contact-socials a:hover{background:#1e3a8a;color:#fff}.about-container{color:#1f2937;font-family:Segoe UI,sans-serif;margin:40px auto;max-width:900px;padding:20px}.about-header{margin-bottom:30px;text-align:center}.about-header h1{color:#1e3a8a;margin-bottom:8px}.about-header p{color:#6b7280;font-size:.95rem}.about-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;box-shadow:0 8px 20px #0000000f;margin-bottom:20px;padding:20px;transition:.3s ease}.about-card:hover{box-shadow:0 12px 25px #00000014;transform:translateY(-4px)}.about-card h2{align-items:center;color:#1e3a8a;display:flex;font-size:1.2rem;gap:8px;margin-bottom:10px}.about-card ol,.about-card ul{margin-left:18px;margin-top:10px}.about-card li{margin-bottom:6px}.highlight{background:#e0e7ff;border-left:4px solid #1e3a8a;border-radius:6px;font-size:.9rem;margin-top:12px;padding:10px}.mission{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.mission,.mission h2{color:#fff}.creator{background:#f9fafb;border-left:4px solid #1e3a8a}.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}
/*# sourceMappingURL=main.89299ee8.css.map*/