@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);#root,body,html{font-family:Poppins,sans-serif;margin:0;min-height:100%;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#e9edf5)}.app-layout,.main-content{min-height:100vh;width:100%}.not-found-page{align-items:center;color:#2f3137;display:flex;justify-content:center;min-height:100vh;padding:40px 20px 40px 335px}@media (max-width:768px){.not-found-page{padding-left:105px}}.sidebar{background:#fffffff5;border-right:1px solid #e5e7eb;bottom:0;box-shadow:8px 0 30px #0f172a0f;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;padding:22px 18px;position:fixed;top:0;transition:width .28s ease;width:238px;z-index:999}.sidebar.closed{padding:22px 13px;width:82px}.sidebar-toggle{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:50%;box-shadow:0 8px 20px #d89a3447;color:#fff;cursor:pointer;font-size:18px;font-weight:800;height:32px;position:absolute;right:-15px;top:28px;width:32px}.sidebar-top{align-items:center;display:flex;gap:12px}.sidebar-top img{flex-shrink:0;height:43px;object-fit:contain;width:43px}.sidebar.closed .sidebar-top{justify-content:center}.sidebar-title h3{color:#111827;font-size:14px;font-weight:800;margin:0}.sidebar-title p{color:#9ca3af;font-size:11px;font-weight:600;margin:4px 0 0}.sidebar-menu{display:flex;flex-direction:column;gap:10px}.sidebar-menu a{align-items:center;border-radius:14px;color:#4b5563;display:flex;font-size:13.5px;font-weight:700;min-height:42px;padding:11px 16px;text-decoration:none;transition:.25s ease;white-space:nowrap}.sidebar-menu a:hover{background:#f8fafc;color:#d89a34}.sidebar-menu a.active{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 10px 24px #d89a3433;color:#fff}.sidebar.closed .sidebar-menu a{font-size:0;justify-content:center;padding:0}.sidebar.closed .sidebar-menu a:before{background:#d1d5db;border-radius:50%;content:"";height:8px;width:8px}.sidebar.closed .sidebar-menu a.active:before{background:#fff}.sidebar-user{border-top:1px solid #edf1f5;padding-top:16px}.sidebar-user-info p{color:#111827;font-size:13px;font-weight:800;margin:0}.sidebar-user-info span{background:#fff4df;border-radius:999px;color:#c88219;display:inline-flex;font-size:11px;font-weight:800;margin-top:7px;padding:5px 12px}.logout-btn{background:linear-gradient(135deg,#ff7b7b,#f25f5f);border:none;border-radius:14px;box-shadow:0 10px 22px #f25f5f38;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:800;margin-top:14px;padding:11px 14px;width:100%}.sidebar.closed .logout-btn{font-size:16px;height:44px;padding:0}.home{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:36px 54px 36px 290px}.hero,.home{align-items:center}.hero{grid-gap:58px;display:grid;gap:58px;grid-template-columns:1.05fr .95fr;max-width:1120px;width:100%}.hero-left{animation:fadeUp .8s ease}.hero-badge{background:#fff1d2;border-radius:999px;color:#c97f12;display:inline-block;font-size:13px;font-weight:800;margin-bottom:24px;padding:7px 16px}.hero-title{color:#1f2937;font-size:2.85rem;font-weight:800;line-height:1.16;margin:0 0 18px}.hero-title span{color:#df9b28}.hero-subtitle{color:#27364a;font-size:1.15rem;font-weight:800;margin-bottom:14px}.hero-desc{color:#667085;font-size:15px;line-height:1.75;margin-bottom:30px;max-width:560px}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px}.btn-outline,.btn-primary{border-radius:18px;font-size:15px;font-weight:800;padding:13px 26px;text-decoration:none;transition:.25s ease}.btn-primary{background:linear-gradient(135deg,#ffc875,#f2ae4b);box-shadow:0 14px 28px #d89a3438;color:#172033}.btn-outline:hover,.btn-primary:hover{transform:translateY(-2px)}.btn-outline{background:#ffffff80;border:1.5px solid #cbd5e1;color:#27364a}.hero-right{display:flex;justify-content:center}.mockup-wrapper{position:relative}.mockup-card{background:#fffffff5;border:1px solid #edf1f5;border-radius:24px;box-shadow:0 22px 55px #0f172a1a;padding:28px;width:335px}.mockup-card.main{animation:float 4s ease-in-out infinite}.mockup-card h3{color:#1f2937;font-size:17px;font-weight:800;margin:0 0 20px;text-align:center}.mockup-card ul{list-style:none;margin:0;padding:0}.mockup-card li{border-bottom:1px solid #edf1f5;color:#667085;font-size:14px;padding:12px 0}.mini-card{background:#fff;border-radius:15px;box-shadow:0 12px 28px #0f172a1f;color:#374151;font-size:12.5px;font-weight:800;padding:9px 16px;position:absolute}.mini-card.one{animation:float 3s infinite;right:-30px;top:-18px}.mini-card.two{animation:float 3.5s infinite;bottom:-22px;left:-34px}.mini-card.three{animation:float 4.5s infinite;bottom:58px;right:-44px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1100px){.home{padding-left:120px}.hero{gap:42px;grid-template-columns:1fr;text-align:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}}@media (max-width:768px){.home{padding:28px 24px 28px 110px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-desc{font-size:14px}.mockup-card{width:290px}}@media (max-width:480px){.home{padding-left:100px}.hero-title{font-size:1.9rem}.mini-card{display:none}}.materi-list-page{background:#f3f5f9;font-family:Poppins,sans-serif;min-height:100vh;padding:42px 42px 60px 300px}.materi-list-container{margin:0 auto;max-width:1180px;width:100%}.materi-list-header{background:#fff;border-radius:28px;box-shadow:0 24px 60px #0f172a0f;margin-bottom:28px;padding:46px 42px;text-align:center}.materi-list-header span{background:#fff8ef;border-radius:999px;color:#b7791f;display:inline-flex;font-size:12px;font-weight:800;margin-bottom:14px;padding:7px 14px}.materi-list-header h1{color:#111827;font-size:38px;font-weight:900;letter-spacing:-.04em;margin:0}.materi-list-header p{color:#6b7280;font-size:15px;margin:10px 0 0}.materi-list-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.materi-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 18px 40px #0f172a0d;color:#111827;min-height:170px;padding:24px;position:relative;text-decoration:none;transition:.22s ease}.materi-list-card:hover{border-color:#f0c77f;box-shadow:0 24px 55px #0f172a17;transform:translateY(-4px)}.materi-list-badge{background:linear-gradient(135deg,#d89a34,#c18422);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;margin-bottom:18px;padding:7px 12px}.materi-list-card h3{color:#111827;font-size:18px;font-weight:800;line-height:1.45;margin:0}.materi-list-action{color:#b7791f;font-size:13px;font-weight:800;margin-top:24px}.materi-empty,.materi-loading{color:#6b7280;font-size:14px}@media (max-width:768px){.materi-list-page{padding:28px 18px 40px 112px}.materi-list-header{padding:34px 22px}.materi-list-header h1{font-size:28px}}.materi-detail-page{background:#f3f5f9;font-family:Poppins,sans-serif;min-height:100vh;padding:34px 36px 50px 300px}.materi-detail-container{margin:0 auto;max-width:1060px;width:100%}.materi-detail-header{background:#fff;border-radius:24px;box-shadow:0 16px 40px #0f172a0d;margin-bottom:24px;padding:30px 34px;text-align:center}.materi-detail-header span{background:#fff8ef;border-radius:999px;color:#b7791f;display:inline-flex;font-size:12px;font-weight:800;margin-bottom:12px;padding:6px 13px}.materi-detail-header h1{color:#111827;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.35;margin:0}.materi-detail-content{background:#fff;border-radius:24px;box-shadow:0 16px 40px #0f172a0d;padding:28px}.materi-detail-section{margin-bottom:30px}.materi-detail-section:last-child{margin-bottom:0}.materi-detail-section h3{color:#111827;font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1.35;margin:0 0 16px}.materi-detail-section p{color:#4b5563;font-size:15px;line-height:1.8;margin:0 0 14px;text-align:left}.detail-genially-wrapper{aspect-ratio:16/9;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin:0 auto;max-width:760px;overflow:hidden;position:relative;width:100%}.detail-genially-iframe{border:none;height:100%;width:100%}.detail-image-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-image-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 24px #0f172a0d;padding:12px;text-align:center}.detail-image-card img{background:#f8fafc;border-radius:12px;cursor:pointer;height:200px;object-fit:contain;width:100%}.detail-image-caption{color:#6b7280;display:block;font-size:13px;font-weight:600;margin-top:10px}.detail-video{background:#000;border-radius:16px;display:block;max-height:480px;width:100%}.materi-detail-footer{display:flex;gap:16px;justify-content:space-between;margin-top:26px}.detail-back-btn,.detail-next-btn{border-radius:999px;font-size:14px;font-weight:800;padding:12px 22px;text-decoration:none}.detail-back-btn{background:#fff;border:1px solid #e5e7eb;color:#374151}.detail-next-btn{background:linear-gradient(135deg,#d89a34,#c18422);box-shadow:0 12px 24px #d89a3433;color:#fff}.detail-image-modal{align-items:center;background:#0f172ad1;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.detail-modal-image{border-radius:18px;max-height:88vh;max-width:90vw}.materi-detail-loading{font-family:Poppins,sans-serif;padding-left:300px;padding-top:60px}@media (max-width:768px){.materi-detail-page{padding:28px 18px 40px 112px}.materi-detail-content,.materi-detail-header{border-radius:22px;padding:22px}.materi-detail-header h1{font-size:22px}.materi-detail-section h3{font-size:18px}.materi-detail-footer{flex-direction:column}.detail-back-btn,.detail-next-btn{text-align:center}}.proyek-container{background:linear-gradient(135deg,#f5f7fa,#e9edf5);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;padding:32px 34px 70px 295px}.proyek-hero{margin:0 auto 24px;max-width:900px}.proyek-title{color:#1f2937;font-size:2.4rem;font-weight:700;letter-spacing:-.02em;margin:0 0 14px;text-align:center}.proyek-subtitle{color:#6b7280;font-size:15px;line-height:1.8;margin:0 auto 38px;max-width:760px;text-align:center}.project-info-card{background:#fffffff7;border:1px solid #e8edf3;border-radius:28px;box-shadow:0 16px 40px #0f172a14;margin:0 auto 28px;max-width:1100px;padding:28px}.project-info-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.project-info-head h2{color:#1f2937;font-size:1.55rem;margin:10px 0 0}.project-badge{align-items:center;background:#fff4de;border-radius:999px;color:#9a6700;display:inline-flex;font-size:12px;font-weight:700;padding:7px 12px}.project-mini-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;color:#475569;font-size:13px;font-weight:600;padding:10px 14px}.project-theme-box{border:1px solid #e6ebf2;border-radius:20px}.project-theme-box label{color:#334155;font-size:.95rem;font-weight:700}.project-theme-box p{color:#475569;line-height:1.8;white-space:pre-wrap}.project-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}.project-tabs button{background:#fffffff5;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 8px 20px #0f172a0f;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px;transition:all .25s ease}.project-tabs button:hover{box-shadow:0 12px 24px #0f172a1a;transform:translateY(-2px)}.active-tab{background:#f4c27a!important;border-color:#f4c27a!important;box-shadow:0 10px 24px #f4c27a52!important;color:#3b2a18!important}.upload-section{background:#fffffff5;border:1px solid #e8edf3;border-radius:24px;box-shadow:0 16px 40px #0f172a14;margin:0 auto 44px;max-width:820px;padding:30px}.upload-section h3{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 6px;text-align:center}.upload-note{color:#6b7280;font-size:14px;margin:0 0 22px;text-align:center}.upload-section form{align-items:center;display:flex;flex-direction:column;gap:18px}.upload-section input[type=file]{display:none}.btn-comment,.btn-upload,.file-label{align-items:center;border-radius:14px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:170px;padding:12px 20px;transition:all .25s ease}.file-label{background:#fffaf3;border:1.5px dashed #f4c27a;color:#7a5a2f}.file-label:hover{background:#fef1da;transform:translateY(-2px)}.btn-upload{background:#f4c27a;border:none;box-shadow:0 10px 22px #f4c27a47;color:#2a2117}.btn-upload:hover{box-shadow:0 14px 26px #f4c27a5c;transform:translateY(-2px)}.btn-comment:disabled,.btn-upload:disabled{cursor:not-allowed;opacity:.7}.preview{display:flex;justify-content:center;width:100%}.preview img{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 14px 30px #0f172a1f;height:240px;object-fit:cover;width:240px}.gallery-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto 18px;max-width:1300px}.gallery-title-group h3{color:#1f2937;font-size:1.4rem;font-weight:700;margin:0 0 6px}.gallery-title-group p{color:#6b7280;font-size:14px;margin:0}.gallery-badge{background:#f4c27a2e;border-radius:999px;color:#8b5e1a;font-size:13px;font-weight:600;padding:8px 14px}.gallery-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1300px}.gallery-card{background:#fffffff7;border:1px solid #e8edf3;border-radius:22px;box-shadow:0 14px 34px #0f172a14;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.gallery-card:hover{box-shadow:0 20px 38px #0f172a1f;transform:translateY(-4px)}.gallery-card img{aspect-ratio:1/1;cursor:pointer;display:block;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-card:hover img{transform:scale(1.03)}.gallery-card-body{padding:16px}.uploader-label{color:#9ca3af;display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.uploader{color:#374151;font-size:14px;line-height:1.6;margin:0 0 16px}.uploader b{color:#1f2937}.peer-review-box{border-top:1px solid #edf2f7;margin-top:8px;padding-top:16px}.peer-review-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.peer-review-head h4{color:#1f2937;font-size:1rem;margin:0}.comment-count{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;color:#64748b;font-size:12px;font-weight:600;padding:6px 10px}.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.comment-item{background:#f8fafc;border:1px solid #e6ebf2;border-radius:16px;padding:12px 14px}.comment-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.comment-top strong{color:#1f2937;font-size:14px}.comment-top span{color:#94a3b8;font-size:12px}.comment-item p{color:#475569;font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap}.comment-empty{background:#f8fafc;border:1px dashed #dbe2ea;border-radius:14px;color:#6b7280;font-size:14px;margin:0;padding:14px;text-align:center}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-form textarea{background:#fff;border:1px solid #dbe2ea;border-radius:16px;color:#334155;font-family:Poppins,sans-serif;font-size:14px;min-height:100px;outline:none;padding:14px 16px;resize:vertical;transition:.2s ease;width:100%}.comment-form textarea:focus{border-color:#f4c27a;box-shadow:0 0 0 4px #f4c27a2e}.btn-comment{align-self:flex-start;background:#f4c27a;border:none;box-shadow:0 10px 22px #f4c27a33;color:#2a2117}.btn-comment:hover{transform:translateY(-2px)}.comment-owner-note{background:#fff8e8;border:1px solid #f3dfb2;border-radius:14px;color:#8a6a2f;font-size:14px;line-height:1.6;margin:0;padding:12px 14px}.empty-text{background:#ffffffd9;border:1px dashed #d5dbe3;border-radius:18px;font-size:15px;grid-column:1/-1;margin:0;padding:34px 20px;text-align:center}.image-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad1;padding:24px;z-index:2000}.image-modal img{border:1px solid #ffffff26;border-radius:18px;box-shadow:0 20px 50px #00000059;max-height:90vh;max-width:min(100%,960px)}@media (max-width:1024px){.proyek-container{padding:28px 28px 64px 295px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.proyek-container{padding:22px 16px 64px 104px}.proyek-title{font-size:2rem}.proyek-subtitle{font-size:14px;margin-bottom:30px}.project-info-card,.upload-section{padding:22px 18px}.comment-top,.gallery-header,.peer-review-head,.project-info-head{align-items:flex-start}.gallery-grid{gap:18px;grid-template-columns:1fr}}@media (max-width:480px){.project-tabs{gap:10px}.project-tabs button{width:100%}.preview img{aspect-ratio:1/1;height:auto;max-width:260px;width:100%}.btn-comment,.btn-upload,.file-label{width:100%}}.project-theme-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:22px}.project-theme-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;cursor:pointer;padding:18px 20px;text-align:left;transition:.2s ease;width:100%}.project-theme-box.active,.project-theme-box:hover{background:#fff8ef;border-color:#d89a34;box-shadow:0 10px 24px #d89a3424}.project-theme-box label{color:#b7791f;display:block;font-size:12px;font-weight:800;margin-bottom:8px}.project-theme-box p{color:#111827;font-size:16px;font-weight:800;margin:0}.upload-project-select{margin:18px 0}.upload-project-select label{color:#374151;display:block;font-size:13px;font-weight:800;margin-bottom:8px}.upload-project-select select{background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:#111827;font-family:inherit;font-weight:700;max-width:420px;padding:12px 14px;width:100%}.quiz-page{background:linear-gradient(135deg,#f5f7fa,#e9edf5);padding:28px 42px 70px 335px}.quiz-container{margin:0 auto;max-width:1120px;text-align:center}.quiz-subtitle{color:#8b6f5c;font-size:15px;margin-bottom:30px}.quiz-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center}.quiz-card{background:#fffffff0;border:1px solid #ffffffd9;box-shadow:0 15px 35px #2a344614;color:#2f3137;padding:32px 26px;text-decoration:none;transition:.25s ease}.quiz-card:hover{box-shadow:0 24px 55px #2a344621;transform:translateY(-6px)}.quiz-number{background:linear-gradient(135deg,#ffd98a,#f5bd57);border-radius:16px;font-size:20px;height:56px;margin:0 auto 18px;width:56px}.quiz-card h3{color:#3b2323;font-size:19px;margin:0 0 8px}.quiz-card p{color:#8b6f5c;font-size:13.5px;margin-bottom:14px}.quiz-action{color:#a06a32;font-size:13px;font-weight:700}.quiz-empty{border-radius:18px;box-shadow:0 12px 30px #2a344614;color:#777;padding:26px}@media (max-width:768px){.quiz-page{padding:32px 16px 60px 105px}.quiz-title{font-size:28px}}.quiz-page{background:#f5f7fa;font-family:Poppins,sans-serif;min-height:100vh;padding:28px 42px 75px 335px;position:relative}.quiz-page:before{background:#e5e7eb;content:"";height:1px;left:335px;position:absolute;right:0;top:0}.quiz-wrapper{margin:0 auto;max-width:940px;width:100%}.quiz-greeting-card{align-items:center;background:#fffaf3;border:none;border-radius:24px;box-shadow:none;display:flex;gap:28px;justify-content:space-between;margin-bottom:26px;padding:24px 28px;width:100%}.quiz-greeting-label{background:#fff0d2;border-radius:999px;color:#9b641f;display:inline-flex;font-size:12.5px;font-weight:700;margin-bottom:12px;padding:7px 14px}.quiz-greeting-card h2{color:#2f3137;font-size:24px;font-weight:800;margin:0 0 8px}.quiz-greeting-card p{color:#6b7280;font-size:14px;line-height:1.7;margin:0}.quiz-progress-box{background:#fffaf2;border:1px solid #f2dfc3;border-radius:20px;box-shadow:none;min-width:230px;padding:18px}.quiz-progress-text{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quiz-progress-text span{color:#8b6f5c;font-size:13px;font-weight:700}.quiz-progress-text strong{color:#2f3137;font-size:20px;font-weight:800}.quiz-progress-track{background:#eadfce;border-radius:999px;height:9px;overflow:hidden;width:100%}.quiz-progress-fill{background:#f1b84c;border-radius:999px;height:100%;transition:none}.quiz-progress-box small{color:#8b6f5c;display:block;font-size:12px;margin-top:8px;text-align:right}.quiz-header{margin:8px 0 20px;text-align:center}.quiz-header.compact .quiz-badge{all:unset;color:#2f3137;display:block;font-size:24px;font-weight:800;text-align:center}.quiz-title{color:#2f3137;font-size:34px;font-weight:800;margin:0 0 8px}.quiz-desc{color:#6b7280;font-size:14.5px;margin:0 auto}.quiz-list{display:flex;flex-direction:column;gap:20px}.quiz-card{background:#fffaf3;border:none;border-radius:24px;box-shadow:none;padding:24px 30px;width:100%}.quiz-intro-card{margin-bottom:26px}.quiz-intro-heading{color:#2f3137;font-size:15px;font-weight:800;margin:0 0 10px}.quiz-intro-text,.quiz-intro-text *{color:#2f3137!important}.quiz-question-count{color:#6b7280;font-size:13px;font-weight:600;margin:0 0 10px}.quiz-card-top{align-items:flex-start;display:flex;gap:18px;margin-bottom:14px}.quiz-number{align-items:center;background:#f5c76d;border-radius:14px;color:#2f3137;display:flex;font-size:16px;font-weight:800;height:44px;justify-content:center;min-width:44px}.quiz-soal-area{flex:1 1;min-width:0}.quiz-question-text{color:#2f3137;font-size:14px;line-height:1.8;margin:0;text-align:left;white-space:pre-line}.quiz-image-wrapper{display:flex;justify-content:center;margin:18px 0}.quiz-image{border:1px solid #ececec;border-radius:18px;max-width:450px;object-fit:cover}.quiz-answer-area{margin-top:16px}.quiz-answer-label{color:#2f3137;display:block;font-size:14px;font-weight:800;margin-bottom:12px}.quiz-answer-field{margin-bottom:16px}.quiz-answer-sub-label{color:#2f3137;display:block;font-size:13px;font-weight:700;margin-bottom:6px}.quiz-textarea{background:#fff;border:1.5px solid #dbe1e8;border-radius:15px;color:#333;font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;outline:none;padding:11px 14px;resize:vertical;width:100%}.quiz-textarea,.quiz-textarea-small{min-height:90px}.quiz-textarea:focus{border-color:#dbe1e8;box-shadow:none}.quiz-empty{background:#fff;border-radius:20px;box-shadow:none;color:#6b7280;padding:28px;text-align:center}.quiz-submit-area{display:flex;justify-content:center;margin-top:28px}.btn-primary{background:#f1b84c;border:none;border-radius:15px;box-shadow:none;color:#222;cursor:pointer;font-size:14.5px;font-weight:700;padding:14px 30px}.btn-primary:hover{box-shadow:none;transform:none}@media (max-width:768px){.quiz-page{padding:32px 16px 60px 105px}.quiz-page:before{left:105px}.quiz-wrapper{max-width:100%}.quiz-greeting-card{align-items:stretch;flex-direction:column;padding:22px}.quiz-progress-box{min-width:100%}.quiz-title{font-size:30px}.quiz-card{padding:22px}.quiz-card-top{flex-direction:column}}.quiz-image.clickable{cursor:zoom-in;transition:none}.quiz-image.clickable:hover{transform:none}.image-modal{background:#000000bf;cursor:zoom-out}.image-modal img{border-radius:12px;max-height:90%;max-width:90%}.quiz-file-input{background:#fff;border:1px dashed #d4dce8;border-radius:14px;cursor:pointer;font-size:14px;padding:14px;width:100%}.quiz-upload-preview{margin-top:14px}.quiz-upload-preview p{color:#4b5563;font-size:14px;font-weight:600;margin-bottom:8px}.quiz-result{background:linear-gradient(135deg,#f5f7fa,#e9edf5);font-family:Poppins,sans-serif;min-height:100vh;padding:80px 42px 70px 335px;text-align:center}.quiz-result h1{color:#2f3137;font-size:36px;font-weight:800;margin-bottom:28px}.quiz-score-box{background:#fff;border-radius:26px;box-shadow:0 18px 45px #2a344617;margin:0 auto 30px;max-width:680px;padding:42px 35px}.quiz-score-main{align-items:center;background:linear-gradient(135deg,#ffd98a,#f5bd57);border-radius:50%;color:#2d2f36;display:flex;font-size:38px;font-weight:900;height:76px;justify-content:center;margin:0 auto 18px;width:76px}.quiz-score-sub{color:#5f6673;font-size:16px;line-height:1.7}.quiz-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.quiz-btn{border:none;border-radius:15px;cursor:pointer;font-size:14px;font-weight:800;padding:13px 22px}.quiz-btn.primary{background:linear-gradient(135deg,#ffd479,#f1b84c);color:#2d2f36}.quiz-btn.secondary{background:#fff;border:1px solid #dde3ec;color:#5b6472}@media (max-width:768px){.quiz-result{padding:55px 16px 60px 105px}.quiz-result h1{font-size:30px}.quiz-btn{width:100%}}.nilai-saya-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);font-family:Poppins,sans-serif;font-size:14px;min-height:100vh;padding:20px 32px 60px 335px}.nilai-saya-container{margin:0 auto;max-width:1100px}.nilai-saya-header{margin-bottom:22px;text-align:center}.nilai-saya-title{color:#2f3137;font-size:26px;font-weight:700;margin-bottom:6px}.nilai-saya-desc{color:#6b7280;font-size:13px;line-height:1.6;margin:0 auto;max-width:600px}.nilai-saya-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:280px 1fr}.nilai-saya-content,.nilai-saya-sidebar{background:#fff;border-radius:16px;box-shadow:0 10px 28px #2a344614;padding:18px}.nilai-saya-content h2,.nilai-saya-sidebar h2{color:#2f3137;font-size:15px;font-weight:700;margin-bottom:16px}.submission-list{gap:10px}.submission-card{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:12px;transition:.2s ease}.submission-card:hover{box-shadow:0 6px 14px #0000000d;transform:translateY(-1px)}.submission-card.active{background:#fffaf2}.submission-card h3{font-size:13.5px;margin-bottom:6px}.submission-card p{color:#555;font-size:12px;line-height:1.4;margin-bottom:4px}.status{font-size:12px;font-weight:700}.status.graded{color:#2f9e44}.status.pending{color:#f08c00}.detail-header{margin-bottom:16px}.detail-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.detail-meta p{background:#fffaf2;border:1px solid #f3eadc;border-radius:10px;color:#444;font-size:12.5px;padding:10px 12px}.jawaban-list{gap:14px}.jawaban-card{background:#fcfcfc;border:1px solid #eee;border-radius:14px;padding:16px}.jawaban-card h3{font-size:13.5px}.jawaban-card h3,.jawaban-group{margin-bottom:12px}.jawaban-group label{font-size:12.5px;font-weight:600;margin-bottom:6px}.readonly-box{background:#fffaf2;border:1px solid #f3eadc;border-radius:8px;color:#444;font-size:12.5px;line-height:1.5;padding:10px;white-space:pre-line}.quiz-image{border-radius:10px;box-shadow:0 4px 10px #0000001a;display:block;max-width:260px;width:100%}.empty-box,.empty-text{color:#777;font-size:13px;padding:18px 10px;text-align:center}@media (max-width:992px){.detail-meta,.nilai-saya-layout{grid-template-columns:1fr}}@media (max-width:768px){.nilai-saya-page{padding:16px 14px 60px 105px}.nilai-saya-title{font-size:22px}.jawaban-card,.nilai-saya-content,.nilai-saya-sidebar{padding:14px}}.about{align-items:center;background-attachment:fixed;background-image:url(data:image/jpeg;base64,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);background-position:50%;background-repeat:no-repeat;background-size:cover;color:gray;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.about,.profile{text-align:center}.profile img{border-radius:50%;margin-bottom:20px;width:200px}.profile-text{margin-top:20px}.profile-text h2{font-size:24px}.profile-text p{font-size:16px}.contact{background-attachment:fixed;background-image:url(data:image/jpeg;base64,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);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:100vh;padding:20px;text-align:center}.contact h2{font-size:30px;margin-bottom:20px}.contact-list{align-items:center;display:flex;flex-direction:row;gap:50px;justify-content:center;list-style:none}.contact-list img{border-radius:50%;height:100px;margin-right:10px;margin-top:80px;width:100px}.contact-list a{align-items:center;color:#333;display:flex;flex-direction:column;justify-content:center;margin-right:10px;margin-top:80px;text-decoration:none;transition:color .3s}.contact-list a:hover{color:#007bff;text-decoration:underline}*{box-sizing:border-box;font-family:Poppins,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e9edf5);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000000f;max-width:360px;padding:32px;text-align:center;width:100%}.login-card h2{color:#333;font-size:22px;margin-bottom:6px}.subtitle{color:#777;font-size:13px;margin-bottom:22px}.login-card input{border:1px solid #ddd;border-radius:10px;font-size:14px;margin-bottom:14px;padding:11px 12px;transition:.2s;width:100%}.login-card input:focus{border-color:#f4c27a;outline:none}.login-card button{background:#f4c27a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:11px;transition:.2s;width:100%}.login-card button:hover{background:#e6b565}.login-card button:active{transform:scale(.98)}.register-text{color:#777;font-size:13px;margin-top:18px}.register-text a{color:#f4c27a;font-weight:600;text-decoration:none}.register-text a:hover{text-decoration:underline}.guru-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);font-family:Poppins,sans-serif;min-height:100vh;padding:24px 28px 34px 295px}.guru-overlay{align-items:flex-start;display:flex;justify-content:center;min-height:auto;padding:0}.guru-container{background:#ffffffe6;border:1px solid #f1efe9;border-radius:24px;box-shadow:0 15px 40px #00000014;max-width:1320px;padding:42px;width:100%}.guru-header{margin-bottom:32px;text-align:center}.guru-badge{background:#fff4e3;border-radius:999px;color:#b7791f;display:inline-block;font-size:12.5px;font-weight:700;margin-bottom:10px;padding:7px 14px}.guru-title{color:#111827;font-size:2.1rem;font-weight:800;margin-bottom:10px}.guru-subtitle{color:#666;font-size:13.5px;line-height:1.7;margin:0 auto;max-width:700px}.guru-subtitle span{color:#333;font-weight:700}.guru-menu{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.guru-card{background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 10px 24px #0000000d;padding:26px 24px;text-align:left;transition:.25s ease}.guru-card:hover{box-shadow:0 18px 30px #00000014;transform:translateY(-4px)}.guru-card h3{color:#111827;font-size:1.1rem;margin-bottom:10px}.guru-card p{color:#666;font-size:13px;line-height:1.7;margin-bottom:18px}.guru-btn{background:#f4c27a;border:none;border-radius:12px;color:#222;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:.25s ease}.guru-btn:hover{box-shadow:0 12px 22px #0000001f;transform:translateY(-2px)}@media (max-width:1200px){.guru-page{padding:24px 28px 34px 295px}.guru-menu{grid-template-columns:repeat(2,1fr)}.guru-container{padding:32px 24px}.guru-title{font-size:1.8rem}}@media (max-width:768px){.guru-page{padding:22px 16px 24px 104px}.guru-container{border-radius:18px;padding:24px 18px}.guru-title{font-size:1.5rem}.guru-subtitle{font-size:13px}.guru-menu{gap:18px;grid-template-columns:1fr}.guru-card{padding:22px 18px}.guru-btn{width:100%}}@media (max-width:480px){.guru-title{font-size:1.35rem}.guru-badge{font-size:11px;padding:6px 12px}.guru-subtitle{font-size:12.5px}.guru-card h3{font-size:1rem}.guru-card p{font-size:12.5px}}.kelola-page{background:#f6f7f9;color:#111827;font-family:Inter,Poppins,Arial,sans-serif;min-height:100vh;padding:36px 40px 48px 278px}.kelola-container{margin:0 auto;max-width:1180px}.kelola-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px}.kelola-label{color:#6b7280;display:inline-flex;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:10px}.kelola-title{color:#111827;font-size:32px;font-weight:700;letter-spacing:-.04em;margin:0}.kelola-desc{color:#6b7280;font-size:14px;line-height:1.6;margin:8px 0 0}.kelola-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.kelola-form,.materi-list{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 18px 45px #1118270f}.kelola-form{padding:26px}.form-section-title{margin-bottom:22px}.form-section-title h2,.list-header h2{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.content-header p,.form-section-title p,.list-header p{color:#6b7280;font-size:13px;line-height:1.5;margin:6px 0 0}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.5fr .7fr}.form-group{margin-bottom:18px}.form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;outline:none;padding:11px 13px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group textarea{line-height:1.6;min-height:130px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{border-color:#111827;box-shadow:0 0 0 4px #11182714}input[type=file]{background:#f9fafb;border:1px dashed #cbd5e1;cursor:pointer;padding:13px}.content-header{align-items:center;border-top:1px solid #eef0f3;display:flex;justify-content:space-between;margin:8px 0 16px;padding-top:8px}.content-header h3{color:#111827;font-size:16px;font-weight:700;margin:0}.empty-content,.empty-list{background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280;font-size:13px;padding:16px;text-align:center}.konten-block{background:#fbfbfc;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:18px}.konten-block-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.konten-block-header h4{color:#111827;font-size:15px;font-weight:700;margin:6px 0 0}.content-type{background:#eef2ff;border-radius:999px;color:#3730a3;display:inline-flex;font-size:11px;font-weight:700;padding:4px 9px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.add-content,.delete-content,.delete-materi-btn,.submit-btn{border:none;cursor:pointer;font-family:inherit;font-weight:600;transition:transform .15s ease,background .2s ease,border-color .2s ease}.add-content{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-size:13px;padding:10px 14px}.add-content:hover{background:#f3f4f6;border-color:#9ca3af}.submit-btn{background:#111827;border-radius:12px;color:#fff;font-size:14px;margin-top:18px;padding:13px 18px;width:100%}.submit-btn:hover{background:#030712}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.delete-content{background:#fff;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:12px;padding:8px 12px}.delete-content:hover{background:#fef2f2}.preview-img{border:1px solid #e5e7eb;border-radius:12px;max-width:260px}.preview-img,.preview-video{display:block;margin-top:12px;width:100%}.preview-video{background:#000;border-radius:12px;height:240px;max-width:440px}.genially-preview{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;margin-top:12px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.genially-preview iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.materi-list{padding:22px;position:-webkit-sticky;position:sticky;top:24px}.list-header{margin-bottom:18px}.pertemuan-group{margin-top:20px}.pertemuan-group h3{color:#374151;font-size:13px;font-weight:700;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.materi-grid{grid-gap:10px;display:grid;gap:10px}.materi-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:14px;transition:border-color .2s ease,box-shadow .2s ease}.materi-card:hover{border-color:#cbd5e1;box-shadow:0 10px 24px #1118270f}.materi-number{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.materi-card h4{color:#111827;font-size:14px;font-weight:700;line-height:1.4;margin:0}.delete-materi-btn{background:#fff;border:1px solid #fecaca;border-radius:10px;color:#991b1b;flex-shrink:0;font-size:12px;padding:8px 11px}.delete-materi-btn:hover{background:#fef2f2}@media (max-width:1100px){.kelola-layout{grid-template-columns:1fr}.materi-list{position:static}}@media (max-width:768px){.kelola-page{padding:24px 16px 32px 104px}.kelola-title{font-size:26px}.kelola-form,.materi-list{border-radius:16px;padding:18px}.form-grid{grid-template-columns:1fr}.button-row{display:grid;grid-template-columns:1fr 1fr}.add-content{width:100%}.materi-card{align-items:flex-start;flex-direction:column}.delete-materi-btn{width:100%}}.kelolaproyek-page{background:linear-gradient(135deg,#f6f8fc,#eef2f7);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;padding:24px 34px 32px 260px}.kelolaproyek-container{margin:0 auto;max-width:1300px;width:100%}.kelolaproyek-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.kelolaproyek-badge{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-block;font-size:13px;font-weight:600;margin-bottom:12px;padding:8px 14px}.kelolaproyek-title{color:#111827;font-size:2rem;font-weight:700;margin:0 0 8px}.kelolaproyek-desc{color:#6b7280;line-height:1.7;margin:0;max-width:720px}.kelolaproyek-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(170px,1fr));min-width:380px}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;padding:16px 18px}.summary-card span{font-size:13px;margin-bottom:8px}.summary-card strong{font-size:1.6rem}.kelolaproyek-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:420px 1fr}.kelolaproyek-sidebar{background:#ffffffeb;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 12px 35px #0f172a0f;max-height:calc(100vh - 40px);overflow:hidden;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-scroll-area{max-height:calc(100vh - 88px)}.sidebar-head{margin-bottom:18px}.sidebar-head h2{font-size:1.2rem}.sidebar-subtext{font-size:.95rem;line-height:1.7}.proyek-form-modern{display:flex;flex-direction:column}.proyek-form-modern label{color:#374151;display:block;font-size:.96rem;font-weight:600;margin-bottom:8px}.proyek-form-modern input{background:#fff;border:1px solid #dbe2ea;border-radius:16px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:16px;padding:14px 16px;transition:.2s ease;width:100%}.proyek-form-modern input:focus{border-color:#f4c27a;box-shadow:0 0 0 4px #f4c27a2e;outline:none}.btn-delete,.btn-primary{border-radius:14px;font-size:1rem;font-weight:600;padding:14px 18px}.btn-primary{box-shadow:0 10px 24px #f4c27a40}.btn-delete{box-shadow:0 10px 24px #ef44442e}.kelolaproyek-content{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 12px 35px #0f172a0f;min-height:600px;padding:24px}.empty-box{border-radius:20px;min-height:520px}.empty-illustration{font-size:3rem;margin-bottom:12px}.detail-header{margin-bottom:20px}.detail-header h2{font-size:1.5rem}.project-accordion-list{display:flex;flex-direction:column;gap:18px}.accordion-group{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 8px 24px #0f172a0a;overflow:hidden}.accordion-header{align-items:center;background:linear-gradient(135deg,#fffaf1,#fff4df);border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:20px 22px;text-align:left;transition:.25s ease;width:100%}.accordion-header:hover{background:linear-gradient(135deg,#fff7e8,#fff1d6)}.accordion-header.active{border-bottom:1px solid #f3e2bf}.accordion-header-left h3{color:#111827;font-size:1.08rem;margin:0 0 6px}.accordion-header-left p{color:#6b7280;font-size:.9rem;margin:0}.accordion-header-right{align-items:center;display:flex;gap:12px}.meeting-badge{background:#fef3c7;border-radius:999px;color:#b45309;font-size:12px;font-weight:700;padding:6px 10px;white-space:nowrap}.accordion-arrow{color:#6b7280;font-size:1rem;transition:transform .25s ease}.accordion-arrow.open{transform:rotate(180deg)}.accordion-body{background:#fff;padding:22px}.student-info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.info-card{border-radius:18px;padding:16px}.info-card span{font-size:12px;margin-bottom:8px}.info-card strong{font-size:1rem}.project-list{display:flex;flex-direction:column;gap:20px}.project-card{background:#fff;border:1px solid #e7edf3;border-radius:22px;box-shadow:0 8px 24px #0f172a0a;padding:22px}.project-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.project-card-head h3{color:#111827;font-size:1.12rem;margin:0}.project-number{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#374151;display:inline-flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;min-width:52px;padding:0 12px}.project-group{margin-bottom:16px}.project-group:last-child{margin-bottom:0}.project-group label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.readonly-box{border-radius:16px;padding:14px 16px}.meta-inline{display:flex;flex-wrap:wrap;gap:10px}.meta-inline span{background:#f8fafc;border:1px solid #e6ebf2;border-radius:999px;color:#475569;font-size:.85rem;font-weight:600;padding:8px 12px}.project-action{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:18px;padding-top:18px}.empty-text{font-size:.95rem}@media (max-width:1200px){.kelolaproyek-page{padding-left:120px}.kelolaproyek-layout{grid-template-columns:1fr}.kelolaproyek-sidebar{max-height:none;position:static}.sidebar-scroll-area{max-height:none;overflow:visible;padding-right:0}.student-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kelolaproyek-page{padding:22px 16px 24px 104px}.kelolaproyek-content,.kelolaproyek-sidebar{border-radius:20px;padding:18px}.kelolaproyek-title{font-size:1.6rem}.kelolaproyek-summary{min-width:100%}.kelolaproyek-summary,.student-info-grid{grid-template-columns:1fr}.accordion-header,.detail-header,.project-card-head{align-items:flex-start;flex-direction:column}.accordion-header-right{justify-content:space-between;width:100%}.accordion-body{padding:16px}.project-action{justify-content:stretch}.btn-delete,.btn-primary{width:100%}}.kelolaquiz-page{background:linear-gradient(135deg,#f6f8fc,#eef2f7);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;padding:30px 34px 36px 278px}.kelolaquiz-container{margin:0 auto;max-width:1180px;width:100%}.kelolaquiz-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;margin-bottom:14px;margin-top:4px}.kelolaquiz-badge{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-block;font-size:11.5px;font-weight:700;margin-bottom:10px;padding:6px 13px}.kelolaquiz-title{color:#111827;font-size:1.8rem;font-weight:800;margin:0 0 8px}.kelolaquiz-desc{color:#6b7280;font-size:13.5px;line-height:1.7;margin:0;max-width:620px}.kelolaquiz-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(120px,1fr));min-width:380px}.kelolaquiz-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:330px 1fr}.kelolaquiz-sidebar{background:#ffffffeb;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 32px #0f172a0f;max-height:calc(100vh - 48px);overflow:hidden;padding:20px;position:-webkit-sticky;position:sticky;top:24px}.sidebar-scroll-area{max-height:calc(100vh - 90px);overflow-y:auto;padding-right:6px}.sidebar-head{margin-bottom:16px}.sidebar-head h2{margin:0 0 8px}.sidebar-subtext{color:#6b7280;font-size:12.5px;line-height:1.6;margin:0}.quiz-form-modern{display:flex;flex-direction:column}.quiz-form-modern label{color:#374151;display:block;font-size:12.5px;font-weight:700;margin-bottom:7px}.quiz-form-modern input[type=file],.quiz-form-modern input[type=number],.quiz-form-modern textarea{background:#fff;border:1px solid #dbe2ea;border-radius:13px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:13px;margin-bottom:14px;padding:11px 13px;transition:.2s ease;width:100%}.quiz-form-modern textarea{min-height:125px;resize:vertical}.quiz-form-modern input[type=file]:focus,.quiz-form-modern input[type=number]:focus,.quiz-form-modern textarea:focus{border-color:#f4c27a;box-shadow:0 0 0 3px #f4c27a2e;outline:none}.upload-text{color:#6b7280;font-size:12px;margin:-2px 0 10px}.quiz-preview-img{border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 22px #0f172a1a;display:block;margin-bottom:14px;margin-top:6px;width:100%}.btn-delete,.btn-primary{border:none;border-radius:13px;cursor:pointer;font-size:13px;font-weight:700;padding:11px 17px;transition:.25s ease}.btn-primary{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 10px 22px #f4c27a38}.btn-delete:hover,.btn-primary:hover{transform:translateY(-2px)}.btn-full{margin-top:4px;width:100%}.btn-delete{background:#ef4444;box-shadow:0 10px 22px #ef444429;color:#fff}.kelolaquiz-content{background:#ffffffeb;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 32px #0f172a0f;min-height:560px;padding:22px}.detail-subtitle,.empty-box p{font-size:13px}.question-accordion-list{gap:16px}.accordion-group{border-radius:20px}.accordion-header{padding:17px 18px}.accordion-header-left h3{font-size:15px}.accordion-header-left p{font-size:12.5px}.accordion-body{padding:18px}.question-card{border-radius:18px;padding:18px}.question-card-head h3{font-size:15px}.meta-inline span,.question-group label,.readonly-box{font-size:12.5px}@media (max-width:1200px){.kelolaquiz-layout{grid-template-columns:1fr}.kelolaquiz-sidebar{max-height:none;position:static}.sidebar-scroll-area{max-height:none;overflow:visible;padding-right:0}}@media (max-width:768px){.kelolaquiz-page{padding:12px 32px 32px 278px}.kelolaquiz-title{font-size:1.45rem}.kelolaquiz-summary{grid-template-columns:1fr;min-width:100%}.kelolaquiz-content,.kelolaquiz-sidebar{border-radius:18px;padding:16px}.accordion-header,.detail-header,.question-card-head{align-items:flex-start;flex-direction:column}.accordion-header-right{justify-content:space-between;width:100%}.btn-delete,.btn-primary{width:100%}}.quiz-form-modern input[type=text],.quiz-form-modern select{background:#fff;border:1px solid #dbe2ea;border-radius:13px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:13px;margin-bottom:14px;padding:11px 13px;transition:.2s ease;width:100%}.quiz-form-modern input[type=text]:focus,.quiz-form-modern select:focus{border-color:#f4c27a;box-shadow:0 0 0 3px #f4c27a2e;outline:none}.textarea-large{min-height:260px!important;resize:vertical}.pre-line{white-space:pre-line}.quiz-form-modern hr{border:none;border-top:1px solid #e5e7eb;margin:4px 0 16px;width:100%}.nilaiquiz-page{background:linear-gradient(135deg,#f6f8fc,#eef2f7);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;padding:30px 34px 34px 278px}.nilaiquiz-container{margin:0 auto;max-width:1180px;width:100%}.nilaiquiz-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;margin-bottom:22px}.nilaiquiz-badge{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-block;font-size:11.5px;font-weight:700;margin-bottom:10px;padding:6px 13px}.nilaiquiz-title{color:#111827;font-size:1.8rem;font-weight:800;margin:0 0 8px}.nilaiquiz-desc{color:#6b7280;font-size:13.5px;line-height:1.7;margin:0;max-width:620px}.nilaiquiz-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(125px,1fr));min-width:390px}.summary-card{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 26px #0f172a0d;padding:14px 16px}.summary-card span{color:#6b7280;display:block;font-size:11.5px;font-weight:600;margin-bottom:6px}.summary-card strong{color:#111827;font-size:1.35rem}.nilaiquiz-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:315px 1fr}.nilaiquiz-sidebar{background:#ffffffeb;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 32px #0f172a0f;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;padding:18px;position:-webkit-sticky;position:sticky;top:24px}.sidebar-head{margin-bottom:14px}.sidebar-head h2{color:#111827;font-size:1rem;margin:0 0 12px}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#f8fafc;border:1px solid #dbe2ea;border-radius:12px;color:#475569;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;transition:.2s ease}.filter-btn:hover{background:#eef2f7}.filter-btn.active{background:#1f2937;border-color:#1f2937;color:#fff}.submission-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.submission-card{background:#fff;border:1px solid #e6ebf2;border-radius:16px;box-shadow:0 8px 22px #0f172a0a;cursor:pointer;padding:14px;text-align:left;transition:.25s ease;width:100%}.submission-card:hover{border-color:#cfd8e3;box-shadow:0 12px 26px #0f172a12;transform:translateY(-2px)}.submission-card.active{background:#fffdf9;border-color:#f4c27a;box-shadow:0 0 0 3px #f4c27a33}.submission-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.submission-top h3{color:#111827;font-size:13.5px;margin:0}.status-badge{border-radius:999px;font-size:10.5px;font-weight:800;padding:5px 9px;white-space:nowrap}.status-badge.graded{background:#dcfce7;color:#15803d}.status-badge.pending{background:#fef3c7;color:#b45309}.submission-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:8px}.submission-meta p{background:#f8fafc;border-radius:12px;margin:0;padding:9px 10px}.submission-meta span{color:#6b7280;display:block;font-size:10.5px;margin-bottom:3px}.submission-meta strong{color:#111827;font-size:12.5px}.submission-date{color:#6b7280;font-size:11px}.nilaiquiz-content{background:#ffffffeb;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 32px #0f172a0f;min-height:560px;padding:22px}.empty-box{align-items:center;background:linear-gradient(180deg,#fbfcfe,#f8fafc);border:2px dashed #d9e1ea;border-radius:18px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:460px;padding:24px;text-align:center}.empty-illustration{font-size:2.4rem;margin-bottom:10px}.empty-box h3{color:#111827;font-size:16px;margin:0 0 8px}.empty-box p{font-size:13px;margin:0;max-width:420px}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.detail-header h2{color:#111827;font-size:1.25rem;margin:0 0 6px}.detail-subtitle{color:#6b7280;font-size:13px;margin:0}.detail-actions-top{display:flex;gap:10px}.student-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.info-card{background:#f8fafc;border:1px solid #e7edf3;border-radius:16px;padding:14px}.info-card span{color:#6b7280;display:block;font-size:11px;margin-bottom:6px}.info-card strong{color:#111827;font-size:13px}.info-card.highlight{background:linear-gradient(135deg,#fff7e8,#fff2d8);border-color:#f4d39e}.info-card.highlight strong{color:#8a5a00;font-size:1.2rem}.jawaban-list{display:flex;flex-direction:column;gap:18px}.jawaban-card{background:#fff;border:1px solid #e7edf3;border-radius:20px;box-shadow:0 8px 22px #0f172a0a;padding:20px}.jawaban-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px}.jawaban-card-head h3{color:#111827;font-size:15px;margin:0}.score-inline{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:10px;padding:9px 11px}.score-inline label{color:#374151;font-size:12.5px;font-weight:700;margin:0}.score-inline input{border:1px solid #dbe2ea;border-radius:12px;font-size:13px;outline:none;padding:9px 11px;width:86px}.jawaban-group{margin-bottom:15px}.jawaban-group:last-child{margin-bottom:0}.jawaban-group label{color:#374151;display:block;font-size:13px;font-weight:700;margin-bottom:7px}.readonly-box{background:#f8fafc;border:1px solid #e6ebf2;border-radius:15px;color:#374151;font-size:13px;line-height:1.7;padding:13px 15px;white-space:pre-wrap}.answer-box{background:#fffdf8}.jawaban-group textarea{border:1px solid #dbe2ea;border-radius:15px;font-family:inherit;font-size:13px;min-height:110px;outline:none;padding:13px 15px;resize:vertical;transition:.2s ease;width:100%}.jawaban-group textarea:focus,.score-inline input:focus{border-color:#f4c27a;box-shadow:0 0 0 4px #f4c27a2e}.action-area{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:22px;padding-top:18px}.action-summary span{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.action-summary strong{color:#111827;font-size:1.55rem}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{border:none;border-radius:13px;cursor:pointer;font-size:13px;font-weight:700;padding:11px 17px;transition:.25s ease}.btn-primary{background:#f4c27a;box-shadow:0 10px 22px #f4c27a40;color:#1f2937}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:#eef2f7;color:#334155}.btn-secondary:hover{background:#e2e8f0}.empty-text{color:#6b7280;font-size:13px;margin-top:8px}@media (max-width:1200px){.nilaiquiz-layout{grid-template-columns:290px 1fr}.student-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.nilaiquiz-summary{grid-template-columns:repeat(3,1fr);min-width:100%}.nilaiquiz-layout{grid-template-columns:1fr}.nilaiquiz-sidebar{max-height:none;position:static}}@media (max-width:768px){.nilaiquiz-page{padding:22px 16px 24px 104px}.nilaiquiz-content,.nilaiquiz-sidebar{border-radius:18px;padding:16px}.nilaiquiz-title{font-size:1.45rem}.nilaiquiz-summary,.student-info-grid{grid-template-columns:1fr}.action-area,.detail-header,.jawaban-card-head{align-items:stretch;flex-direction:column}.score-inline{justify-content:space-between}.action-buttons,.btn-primary,.btn-secondary{width:100%}}.detail-label,.question-count{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-block;font-size:11px;font-weight:700;margin-bottom:6px;padding:5px 12px}.jawaban-card{transition:.2s ease}.jawaban-card:hover{box-shadow:0 12px 26px #0f172a14;transform:translateY(-2px)}.answer-image-btn{background:#fffdf8;border:1px solid #e6ebf2;border-radius:14px;cursor:zoom-in;margin-top:8px;padding:10px;text-align:center;transition:.2s;width:100%}.answer-image-btn:hover{background:#fffaf2;border-color:#f4c27a}.answer-image-btn img{border-radius:10px;max-height:260px;object-fit:contain;width:100%}.answer-image-btn span{color:#9a6700;display:block;font-size:12px;font-weight:600;margin-top:6px}.image-modal{align-items:center;background:#0f172abf;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.image-modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:90vw;padding:12px;position:relative}.image-modal-content img{border-radius:12px;max-height:80vh;max-width:85vw}.image-modal-close{background:#1f2937;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:34px;position:absolute;right:-12px;top:-12px;width:34px}
/*# sourceMappingURL=main.caf7f097.css.map*/