@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Fredoka:wght@300..700&family=Unbounded:wght@200..900&display=swap);*{box-sizing:border-box;font-family:Fraunces,serif;margin:0;padding:0}body{background:radial-gradient(circle at top right,#eeeeee20,#0000 30%),radial-gradient(circle at bottom left,#a6a7a720,#0000 30%),#fff}.link-text,a{text-decoration:none}.dashboard{background:radial-gradient(circle at top right,#eeeeee20,#0000 30%),radial-gradient(circle at bottom left,#a6a7a720,#0000 30%),#fff;margin:auto;max-width:1200px;min-height:100vh;padding:24px}.dashboard-header h1{font-size:28px;font-weight:600;margin-bottom:4px}.dashboard-header h2{font-size:20px;font-weight:500}.wave{margin-left:6px}.card{background:radial-gradient(circle at top right,#eeeeee20,#0000 30%),radial-gradient(circle at bottom left,#a6a7a720,#0000 30%),#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:20px}.card h3{font-size:18px;margin-bottom:10px}.muted{color:#6b7280;font-size:14px}.timeline-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.select{border:none;cursor:pointer;font-size:14px}.search-box,.select{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;gap:6px;padding:8px 12px}.search-box{flex:1 1}.search-box input{background:#0000;border:none;outline:none;width:100%}.timeline-empty{color:#6b7280;padding:40px 0;text-align:center}.timeline-empty svg{margin-bottom:10px;opacity:.4}.courses{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.course-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;overflow:hidden;width:260px}.course-img{height:100px}.course-card.blue .course-img{background:linear-gradient(135deg,#1e90ff,#3b82f6)}.course-card.pink .course-img{background:linear-gradient(135deg,#ff5fa2,#ec4899)}.course-info{padding:12px}.course-info h4{font-size:14px;font-weight:600}.course-info p{color:#6b7280;font-size:12px}@media (max-width:768px){.courses{flex-direction:column}.course-card{width:100%}.timeline-controls{flex-direction:column}}.attendance-portal{background:radial-gradient(circle at top right,#eeeeee20,#0000 30%),radial-gradient(circle at bottom left,#a6a7a720,#0000 30%),#fff;min-height:100vh}.attendance-form-wrapper,.welcome-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.attendance-form,.welcome-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 10px 40px #00000014;color:#fff;max-width:650px;padding:40px;text-align:center;width:100%}.logo{border-radius:50%;height:70px}.welcome-icon{margin-bottom:20px}.welcome-card h1{color:#22c55e;font-size:clamp(1rem,2vw,1.5rem);margin-bottom:15px}.welcome-card p{color:#64748b;margin-bottom:1rem}.attendance-btn,.submit-btn{align-items:center;background:#034b50;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;margin:auto;padding:14px 24px}.attendance-form h2{margin-bottom:10px}.attendance-form p{color:#64748b;margin-bottom:30px}.input-group{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:18px;padding:14px}.input-group input,.input-group select{background:#0000;border:none;outline:none;width:100%}.input-group select{color:#626262}.date-disclamer{align-items:top;background-color:rgba(149,143,32,.109);border-radius:1rem;display:flex;gap:.5rem;margin-bottom:1rem;padding:.8rem}.date-text{color:#2eff12!important}.caution-icon,.disclamer-text{color:#958f20!important}.disclamer-text{font-size:.8rem;margin-bottom:0!important;text-align:left}@media (max-width:768px){.attendance-form,.welcome-card{padding:24px}.welcome-card h1{font-size:1.8rem}}.modal-overlay{padding:20px;z-index:9999}.confirmation-modal{background:#fff;border-radius:20px;max-width:420px;padding:30px;text-align:center;width:100%}.success-icon{color:#16a34a;margin-bottom:15px}.error-icon{color:#dc2626;margin-bottom:15px}.modal-btn{background:#034b50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px}.quiz-page{align-items:center;background:#f8fafc;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.question-card,.quiz-card{background:#fff;border-radius:24px;box-shadow:0 15px 40px #0000000f;max-width:850px;padding:2rem;width:100%}.question-card h2,.quiz-card h1,.quiz-card h2{margin-bottom:1rem}.quiz-card p{color:#64748b;line-height:1.8}.quiz-btn{background:#16a34a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:2rem;padding:14px 24px;transition:.3s}.quiz-btn:hover{transform:translateY(-2px)}.question-count{color:#64748b;font-weight:600;margin-bottom:1rem}.options-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.option{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:.3s}.option:hover,.selected-option{border-color:#16a34a}.selected-option{background:#f0fdf4}.option input{height:18px;width:18px}.theory-textarea{border:2px solid #e2e8f0;border-radius:14px;font-size:1rem;margin-top:1rem;min-height:250px;outline:none;padding:1rem;resize:vertical;width:100%}.theory-textarea:focus{border-color:#16a34a}.summary-item{background:#f0fdf4;border-radius:12px;font-weight:600;margin-top:1rem;padding:1rem}.modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.completion-modal{background:#fff;border-radius:20px;box-shadow:0 15px 40px #00000026;max-width:500px;padding:2rem;text-align:center;width:90%}.completion-modal p{color:#64748b;margin-top:1rem}@media (max-width:768px){.quiz-page{padding:1rem}.question-card,.quiz-card{padding:1.5rem}.quiz-btn{width:100%}}.course-header{background:linear-gradient(135deg,#16a34a,#14532d);border-radius:24px;box-shadow:0 20px 50px #00000026;color:#fff;margin-bottom:2rem;overflow:hidden;width:100%}.course-header__overlay{padding:2.5rem}.course-header__content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.course-header__left{flex:1 1}.course-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.course-title{font-size:2.4rem;font-weight:700;line-height:1.2;margin-top:1rem}.course-description{color:#ffffffd9;line-height:1.7;margin-top:1rem;max-width:700px}.course-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.meta-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-radius:16px;min-width:120px;padding:1rem}.meta-label{color:#ffffffbf;display:block;font-size:.8rem;margin-bottom:.4rem}.meta-card h3{font-size:1.3rem;margin:0}.progress-ring-card{align-items:center;display:flex;justify-content:center}.progress-ring{height:180px;position:relative;width:180px}.progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.progress-ring-bg{fill:none;stroke:#ffffff26;stroke-width:8}.progress-ring-fill{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;transition:.6s ease}.progress-text{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.progress-text span{font-size:2rem;font-weight:700}.progress-text small{color:#fffc}@media (max-width:900px){.course-header__content{flex-direction:column;text-align:center}.course-title{font-size:2rem}.course-meta{justify-content:center}}@media (max-width:600px){.course-header__overlay{padding:1.5rem}.course-title{font-size:1.7rem}.progress-ring{height:140px;width:140px}}.course-page{background:#f8fafc;min-height:100vh;padding:2rem}.course-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr;margin-top:24px}.module-sidebar{background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000000d;height:-webkit-fit-content;height:fit-content;padding:20px}.sidebar-title{margin-bottom:20px}.module-btn{background:#f1f5f9;border:none;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:14px;text-align:left;transition:.3s;width:100%}.module-btn:hover{background:#dcfce7}.active-module{background:#16a34a;color:#fff}.course-content{background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000000d;padding:40px}.section-tag{background:#dcfce7;border-radius:999px;color:#166534;display:inline-block;font-size:14px;font-weight:600;padding:8px 14px}.course-content h2,.section-tag{margin-bottom:20px}.section-content{color:#475569;line-height:1.9;white-space:pre-line}.navigation-buttons{display:flex;justify-content:space-between;margin-top:40px}.navigation-buttons button{background:#16a34a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:14px 24px}.navigation-buttons button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:992px){.course-layout{grid-template-columns:1fr}.module-sidebar{order:2}.course-content{order:1}}@media (max-width:768px){.course-page{padding:1rem}.course-content{padding:24px}.navigation-buttons{flex-direction:column;gap:12px}.navigation-buttons button{width:100%}}.progress-wrapper{margin-bottom:24px}.progress-header{display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.progress-track{background:#e5e7eb;border-radius:100px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:100px;height:100%;transition:.4s ease}
/*# sourceMappingURL=main.9ff96025.css.map*/