body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.login-container img{height:auto;width:12rem}.login-box{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:15px;max-width:350px;padding:40px;width:100%}.login-title{color:#002fd1;font-family:Georgia,serif;font-size:2rem;margin-bottom:20px;text-align:center}.login-form{display:flex;flex-direction:column;gap:15px}.login-input{border:1px solid #ccc;border-radius:5px;font-size:1rem;outline:none;padding:12px}.login-input:focus{border-color:#6c63ff}.login-button{background-color:#6c63ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s}.login-button:hover{background-color:#554bcb}.login-error{color:red;font-size:.875rem;margin-top:10px;text-align:center}@media (max-width:768px){.login-box{max-width:90%;padding:30px}.login-title{font-size:1.75rem}.login-input{font-size:.95rem;padding:10px}.login-button{font-size:1rem;padding:10px}}@media (max-width:480px){.login-box{max-width:100%;padding:20px}.login-title{font-size:1.5rem}.login-input{font-size:.9rem;padding:8px}.login-button{font-size:.9rem;padding:10px}}.home-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1000px;padding:20px;position:relative;transition:all .3s ease-in-out}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4caf50;border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.logout-btn{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;left:20px;padding:10px 15px;position:absolute;top:20px;transition:background-color .3s ease}.logout-btn:hover{background-color:#c82333}.banner img{border-radius:10px;margin-bottom:20px;max-height:10rem;object-fit:contain;width:100%}.text{color:#1e90ff;font-size:24px;font-weight:700;margin-bottom:10px;text-align:start}.social-main{align-items:center;display:flex}.chapters-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:block;flex-direction:row;margin:10px 0;padding:10px;text-align:left}ul{list-style-type:none;padding:0}.chapter-item{align-items:center;display:flex;padding:10px 0}.chapter-thumbnail{border:2px solid #ddd;border-radius:8px;height:225%;margin-right:20px;object-fit:contain;width:200px}.chapter-details{display:flex;flex-direction:column}.chapter-button{background-color:#fff;border:none;border-radius:5px;box-shadow:0 2px 5px #0000001a;color:#007bff;cursor:pointer;font-size:1.5em;font-weight:700;padding:10px;text-align:left;text-decoration:underline;transition:background-color .3s ease}.chapter-button:hover{background-color:#ccc;box-shadow:0 4px 10px #0003}.facilitator-name{color:#555;font-size:1.2em;font-weight:700;margin-top:5px}.chapter-divider{background-color:#ccc;border:none;height:1px;margin-top:2px;width:100%}.reaction{display:flex;flex-direction:row;margin-top:0}.reaction,.social-actions{align-items:center;gap:10px}.social-actions .comment-count,.social-actions .like{align-items:center;cursor:pointer;display:flex;font-size:18px}.small-image{height:auto;position:absolute;right:8rem;top:60rem;width:6rem}.player-wrapper{height:100%}.black-screen{height:300px}.ixl{color:#2360ff;font-size:18px;font-weight:700;position:absolute;right:8.2rem;top:61rem}.image-container{align-items:center;display:flex;gap:10px;position:absolute}.department{color:#ccc;font-size:10px}.msg{font-size:14px}.comments{margin-top:20px}.name{font-size:14px}.comments .write{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.comments .write img{border-radius:50%;height:50px;margin-right:10px;width:50px}.comments .write input{border:1px solid #ddd;border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}.comments .write button{background-color:#1e90ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}h3{color:#002fd1;font-size:1.6em}.comments .comment{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.comments .comment img{border-radius:50%;height:40px;margin-right:10px;width:40px}.comments .comment .info{flex-grow:1}.comments .comment .info span{display:block;font-weight:700}.comments .comment p{margin:5px 0}.comments .comment .date{color:#888;font-size:12px}.comment-count{align-items:center;background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;padding:10px 15px;transition:background-color .3s ease,box-shadow .3s ease}.comment-count:hover{background-color:#e0e0e0;box-shadow:0 4px 10px #00000026}.comment-count span{margin-right:8px}.comment-count:active{transform:scale(.98)}.like{align-items:center;background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;padding:10px 15px;transition:background-color .3s ease,box-shadow .3s ease}.like:hover{background-color:#e0e0e0;box-shadow:0 4px 10px #00000026}.like span{margin-right:8px}.like:active{transform:scale(.98)}@media (max-width:768px){.black-screen,.player-wrapper{background:#000;height:300px;width:100%}.social-main{align-items:flex-start;flex-direction:column}.small-image{height:auto;left:16.5rem;position:absolute;top:34rem;width:6rem}.chapter-thumbnail{height:135%;margin-bottom:5px;object-fit:contain;width:120px}.chapter-button{font-size:1.2em}.ixl{color:#2360ff;font-size:18px;font-weight:700;left:18.9rem;position:absolute;top:34rem}.image-container{flex-direction:row;margin-top:10px}.chapter-item{align-items:flex-start;flex-direction:column}.chapter-details{text-align:left}.logout-btn{padding:8px 15px}.comments .write input,.logout-btn{font-size:14px}.comments .write button{font-size:14px;padding:8px 15px}.small-image{width:50px}.facilitator-name{font-size:1em}}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:1rem;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px;width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn,.submit-btn{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.submit-btn{background-color:#1890ff;color:#fff}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#ff4d4f;color:#fff}.cancel-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:700px){.fullscreen-btn{background:#0009;border:none;border-radius:5px;bottom:5px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:10px;z-index:10}.fullscreen-btn:hover{background:#000c}.small-image{left:28rem;top:46.7rem;width:6rem}.comments{margin-top:10px}.ixl{left:32.1rem;top:47.5rem}.chapter-thumbnail{height:112.5%;width:100px}.chapter-button{font-size:1.1em}.facilitator-name{font-size:.9em}}@media (max-width:420px){.small-image{left:18rem;top:34.7rem;width:6rem}.chapter-thumbnail{height:100%;object-fit:contain;width:90px}.chapter-button{font-size:1em}.comments{margin-top:10px}.ixl{left:22.1rem;top:35.5rem}.facilitator-name{font-size:.8em}}@media (max-width:382px){.small-image{left:15.5rem;top:31.5rem;width:6rem}.comments{margin-top:10px}.ixl{left:19.5rem;top:32.5rem}.chapter-button{font-size:.9em}.comments .write button{margin-right:15px;padding:5px}.chapter-thumbnail{height:90%;object-fit:contain;width:80px}.facilitator-name{font-size:.7em}}.video-container{margin-top:3rem;position:relative}.video-placeholder{align-items:center;background:#0009;color:#fff;display:flex;font-size:18px;font-weight:700;height:300px;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.player-container{background:#000;height:300px;position:relative;width:100%}.fullscreen-btn{border-radius:5px;z-index:10}.fullscreen-btn:hover{background:#000c}.tracker-btn{background:linear-gradient(135deg,#2360ff,#4facfe);border:none;border-radius:10px;box-shadow:0 4px 10px #2360ff4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin:15px 0;padding:12px 18px;transition:all .3s ease}.tracker-btn:hover{box-shadow:0 6px 14px #2360ff66;transform:translateY(-2px)}.tracker-btn:active{transform:scale(.97)}@media (max-width:600px){.tracker-btn{text-align:center;width:100%}}.capacity-container{margin:auto;max-width:800px;padding:20px}.header{border:3px solid;border-radius:10px;margin-bottom:20px;padding:15px}.task-card{background:#fff;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.link-btn{background:none;border:none;color:blue;cursor:pointer;display:block;margin-top:5px}button{cursor:pointer;padding:5px 10px}.modal{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.modal-box{background:#fff;margin:200px auto;padding:20px;width:200px}.history-card{border:2px solid;margin-top:10px;padding:10px}.history-task{margin-top:5px}.history-task,.stats{display:flex;justify-content:space-between}.stats{margin-top:20px}.history-card.gold{border-left:6px solid gold}.history-card.silver{border-left:6px solid silver}.history-card.none{border-left:6px solid #444}.result-container{align-items:center;background-color:#f0f4f8;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:1.7rem;text-align:center}@media (max-width:768px){h1{font-size:2rem}p{font-size:1rem}}.player-page{margin:auto;max-width:900px;padding:20px}.player-wrapper{background:#000;height:300px;position:relative;width:100%}.black-screen{background:#000;height:100%;width:100%}.fullscreen-btn{background:#0009;border:none;bottom:10px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:10px}.player-title{color:#002fd1;margin-top:10px}.go-back{background-color:#2360ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:15px;padding:10px 16px;transition:all .3s ease}.go-back:hover{background-color:#1a4ed8;transform:translateY(-1px)}.go-back:active{transform:scale(.97)}
/*# sourceMappingURL=main.e2ef7776.css.map*/