@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:#fffffff7;border-right:1px solid #e8edf4;bottom:0;box-shadow:10px 0 34px #0f172a12;display:flex;flex-direction:column;height:100vh;left:0;padding:24px 20px;position:fixed;top:0;transition:width .28s ease,padding .28s ease;width:255px;z-index:999}.sidebar.closed{padding:24px 13px;width:82px}.sidebar-toggle{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 10px 22px #d89a344d;color:#fff;cursor:pointer;font-size:19px;font-weight:900;height:34px;position:absolute;right:-15px;top:28px;transition:.22s ease;width:34px}.sidebar-toggle:hover{transform:translateX(1px) scale(1.04)}.sidebar-brand{align-items:center;display:flex;gap:12px;margin-bottom:8px;min-height:52px;padding:0 6px 20px}.sidebar-logo-wrap{align-items:center;background:#fff;border-radius:14px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.sidebar-logo-wrap img{height:72git push origin masterpx;object-fit:contain;width:72px}.sidebar.closed .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-title h3{color:#111827;font-size:15px;font-weight:900;letter-spacing:-.2px;margin:0}.sidebar-title p{color:#9ca3af;font-size:11.5px;font-weight:700;margin:4px 0 0}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding-top:12px}.sidebar-menu a{align-items:center;border-radius:15px;color:#4b5563;display:flex;font-size:13.5px;font-weight:800;min-height:46px;padding:12px 18px;text-decoration:none;transition:.23s ease;white-space:nowrap}.sidebar-menu a span{display:inline-block;transform:translateX(0);transition:transform .23s ease}.sidebar-menu a:hover{background:#fffaf2;color:#c88219}.sidebar-menu a:hover span{transform:translateX(3px)}.sidebar-menu a.active{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 12px 28px #d89a3438;color:#fff}.sidebar-menu a.active:hover span{transform:translateX(0)}.sidebar.closed .sidebar-menu{align-items:center}.sidebar.closed .sidebar-menu a{border-radius:14px;font-size:0;justify-content:center;min-height:44px;padding:0;width:44px}.sidebar.closed .sidebar-menu a span{display:none}.sidebar.closed .sidebar-menu a:before{background:#d1d5db;border-radius:999px;content:"";height:8px;width:8px}.sidebar.closed .sidebar-menu a.active:before{background:#fff}.sidebar-bottom{border-top:1px solid #edf1f5;padding-top:16px}.sidebar-user-card{align-items:center;background:#fffaf2;border:1px solid #f3eadc;border-radius:16px;display:flex;gap:11px;margin-bottom:13px;padding:12px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:13px;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:900;height:38px;justify-content:center;width:38px}.sidebar-user-info{min-width:0}.sidebar-user-info p{color:#111827;font-size:13px;font-weight:900;line-height:1.3;margin:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info span{background:#fff;border-radius:999px;color:#c88219;display:inline-flex;font-size:10.5px;font-weight:900;margin-top:6px;padding:4px 10px;text-transform:lowercase}.logout-btn{background:linear-gradient(135deg,#f77,#f25f5f);border:none;border-radius:15px;box-shadow:0 11px 24px #f25f5f3b;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:12px 14px;transition:.22s ease;width:100%}.logout-btn:hover{box-shadow:0 14px 28px #f25f5f47;transform:translateY(-2px)}.sidebar.closed .sidebar-bottom{display:flex;justify-content:center}.sidebar.closed .logout-btn{border-radius:14px;font-size:16px;height:44px;padding:0;width:44px}@media (max-width:768px){.sidebar{padding:22px 16px;width:230px}.sidebar.closed{padding:22px 13px;width:82px}.sidebar-menu a{min-height:44px;padding:11px 15px}}.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}.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,.materi-list-page *{box-sizing:border-box}.materi-list-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.materi-list-container{margin:0 auto;max-width:1100px;width:100%}.materi-list-header{background:#0000;border-radius:0;box-shadow:none;margin-bottom:34px;padding:0;text-align:center}.materi-list-header span{display:none}.materi-list-header h1{color:#1f2937;font-size:32px;font-weight:900;letter-spacing:-.4px;line-height:1.2;margin:0 0 10px}.materi-list-header p{color:#64748b;font-size:14.5px;line-height:1.7;margin:0 auto;max-width:680px}.materi-list-grid{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.materi-list-card{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a0f;color:#111827;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:.24s ease}.materi-list-card:before{background:#f4c27a29;border-radius:50%;content:"";height:160px;position:absolute;right:-70px;top:-70px;transition:.24s ease;width:160px}.materi-list-card:after{background:#64748b12;border-radius:50%;bottom:-55px;content:"";height:125px;left:-55px;position:absolute;width:125px}.materi-list-card:hover{border-color:#ebb85f;box-shadow:0 22px 48px #0f172a1a;transform:translateY(-5px)}.materi-list-card:hover:before{background:#f4c27a3d;transform:scale(1.12)}.materi-card-top{align-items:center;display:flex;justify-content:flex-start;margin-bottom:18px;position:relative;z-index:1}.materi-list-badge{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:999px;color:#7c4a00;display:inline-flex;font-size:12px;font-weight:900;padding:7px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.materi-card-main{grid-gap:16px;align-items:flex-start;display:grid;gap:16px;grid-template-columns:58px 1fr;position:relative;z-index:1}.materi-icon{align-items:center;background:#fff7e8;border:1px solid #f3eadc;border-radius:20px;box-shadow:0 10px 22px #f4c27a2e;display:flex;font-size:27px;height:58px;justify-content:center;width:58px}.materi-list-card h3{color:#111827;font-size:18px;font-weight:900;line-height:1.45;margin:0}.materi-card-desc{color:#64748b;font-size:13px;line-height:1.7;margin:10px 0 0}.materi-list-action{align-items:center;background:#fffaf2;border:1px solid #f3eadc;border-radius:15px;color:#9a6700;display:flex;font-size:13px;font-weight:900;gap:10px;justify-content:space-between;margin-top:24px;min-height:44px;padding:12px 15px;position:relative;transition:.22s ease;width:100%;z-index:1}.materi-list-action b{font-size:17px;line-height:1}.materi-list-card:hover .materi-list-action{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;color:#1f2937}.materi-empty,.materi-loading{background:#fff;border:1px dashed #d8e0ea;border-radius:18px;color:#64748b;font-size:14px;grid-column:1/-1;padding:28px;text-align:center}.materi-loading{margin:80px auto;max-width:720px}@media (max-width:992px){.materi-list-page{padding:42px 28px 80px 295px}.materi-list-grid{grid-template-columns:1fr}}@media (max-width:768px){.materi-list-page{padding:34px 14px 70px 105px}.materi-list-header{margin-bottom:28px}.materi-list-header h1{font-size:26px}.materi-list-header p{font-size:13.5px}.materi-list-grid{gap:16px;grid-template-columns:1fr}.materi-list-card{border-radius:20px;min-height:210px;padding:20px}.materi-card-main{gap:13px;grid-template-columns:48px 1fr}.materi-icon{border-radius:16px;font-size:23px;height:48px;width:48px}.materi-list-card h3{font-size:16px}.materi-card-desc{font-size:12.5px}}.materi-detail-page,.materi-detail-page *{box-sizing:border-box}.materi-detail-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.materi-detail-container{margin:0 auto;max-width:980px;width:100%}.materi-breadcrumb{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;font-weight:700;gap:8px;margin-bottom:18px}.materi-breadcrumb a{color:#9a6700;font-weight:900;text-decoration:none}.materi-breadcrumb a:hover{text-decoration:underline}.materi-breadcrumb b{color:#1f2937;font-weight:900}.materi-detail-header{background:#fff;border:1px solid #edf0f5;border-radius:26px;box-shadow:0 14px 34px #0f172a0f;margin-bottom:24px;overflow:hidden;padding:28px 32px 30px;position:relative}.materi-detail-header:before{background:#f4c27a29;border-radius:50%;content:"";height:190px;position:absolute;right:-80px;top:-80px;width:190px}.materi-detail-badge{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:999px;color:#7c4a00;display:inline-flex;font-size:12px;font-weight:900;margin-bottom:12px;padding:7px 12px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.materi-detail-header h1{color:#111827;font-size:32px;font-weight:900;letter-spacing:-.4px;line-height:1.35;margin:0;max-width:860px;position:relative;z-index:1}.materi-detail-header p{color:#64748b;font-size:14.5px;line-height:1.7;margin:12px 0 0;max-width:720px;position:relative;z-index:1}.materi-detail-content{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a0f;min-width:0;padding:30px}.materi-callout{grid-gap:14px;background:#fffaf2;border:1px solid #f3eadc;border-radius:18px;display:grid;gap:14px;grid-template-columns:44px 1fr;margin-bottom:28px;padding:17px 18px}.materi-callout-icon{align-items:center;background:#fff;border-radius:15px;box-shadow:0 10px 22px #f4c27a29;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.materi-callout strong{color:#7c4a00;display:block;font-size:14px;font-weight:900;margin-bottom:5px}.materi-callout p{color:#475569;font-size:13.5px;line-height:1.7;margin:0}.materi-detail-section{margin-bottom:32px}.materi-detail-section:last-child{margin-bottom:0}.materi-detail-section h3{color:#111827;font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1.35;margin:0 0 16px}.materi-detail-section h3:before{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:999px;content:"";display:block;height:4px;margin-bottom:12px;width:46px}.materi-detail-section p{color:#334155;font-size:15px;line-height:1.9;margin:0 0 15px;text-align:left}.materi-detail-section p:last-child{margin-bottom:0}.image-section{margin-bottom:34px}.detail-image-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.detail-image-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 24px #0f172a0d;padding:12px;text-align:center}.detail-image-card-large{margin:0 auto;max-width:780px}.detail-image-button{background:#0000;border:none;border-radius:14px;cursor:zoom-in;overflow:hidden;padding:0;position:relative;width:100%}.detail-image-button img{background:#f8fafc;border-radius:14px;display:block;max-height:380px;object-fit:contain;width:100%}.detail-zoom-badge{background:#0f172ab8;border-radius:999px;bottom:12px;color:#fff;font-size:11.5px;font-weight:900;opacity:0;padding:7px 11px;position:absolute;right:12px;transform:translateY(6px);transition:.2s ease}.detail-image-button:hover .detail-zoom-badge{opacity:1;transform:translateY(0)}.detail-image-caption{color:#64748b;display:block;font-size:13px;font-weight:700;line-height:1.6;margin-top:10px}.detail-video{background:#000;border-radius:18px;display:block;max-height:460px;width:100%}.detail-genially-wrapper{aspect-ratio:16/9;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;margin:0 auto;overflow:hidden;position:relative;width:100%}.detail-genially-iframe{border:none;height:100%;width:100%}.materi-detail-footer{display:flex;gap:16px;justify-content:space-between;margin-top:28px}.detail-back-btn,.detail-next-btn{align-items:center;border-radius:999px;display:inline-flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:900;justify-content:center;padding:13px 22px;text-decoration:none;transition:.22s ease}.detail-back-btn{background:#fff;border:1px solid #e5e7eb;color:#374151}.detail-back-btn:hover{background:#f8fafc;transform:translateY(-2px)}.detail-next-btn{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 12px 24px #d89a3438;color:#1f2937}.detail-next-btn:hover{box-shadow:0 16px 30px #d89a3447;transform:translateY(-2px)}.detail-image-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172adb;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.detail-modal-image{border-radius:18px;box-shadow:0 24px 60px #0000005c;max-height:88vh;max-width:92vw}.detail-modal-close{background:#fff;border:none;border-radius:999px;color:#111827;cursor:pointer;font-size:26px;font-weight:700;height:42px;line-height:1;position:fixed;right:24px;top:22px;width:42px}.materi-detail-loading,.materi-error-card{background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:0 14px 34px #0f172a0f;color:#64748b;font-size:14px;padding:28px}.materi-error-card h2{color:#111827;font-size:22px;font-weight:900;margin:0 0 8px}.materi-error-card p{color:#64748b;font-size:14px;line-height:1.7;margin:0 0 18px}@media (max-width:1100px){.materi-detail-page{padding:42px 28px 80px 295px}.materi-detail-container{max-width:900px}}@media (max-width:768px){.materi-detail-page{padding:34px 14px 70px 105px}.materi-breadcrumb{font-size:12px}.materi-detail-header{border-radius:22px;padding:22px}.materi-detail-header h1{font-size:24px}.materi-detail-header p{font-size:13.5px}.materi-detail-content{border-radius:22px;padding:20px}.materi-callout{grid-template-columns:1fr}.materi-callout-icon{height:42px;width:42px}.materi-detail-section h3{font-size:18px}.materi-detail-section p{font-size:14px}.detail-image-button img{max-height:300px}.materi-detail-footer{flex-direction:column}.detail-back-btn,.detail-next-btn{text-align:center;width:100%}}.proyek-container{background:linear-gradient(135deg,#f5f7fa,#e9edf5);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 90px 335px}.proyek-hero{align-items:center;display:flex;gap:22px;justify-content:space-between;margin:0 auto 26px;max-width:1300px;text-align:left}.proyek-hero-text{min-width:0}.proyek-title{color:#1f2937;font-size:30px;font-weight:800;letter-spacing:-.25px;line-height:1.25;margin:0 0 8px;text-align:left}.proyek-subtitle{color:#64748b;font-size:13px;line-height:1.65;margin:0;max-width:680px;text-align:left}.btn-open-upload{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 10px 22px #d89a3438;color:#1f2937;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:800;padding:12px 18px;transition:.22s ease;white-space:nowrap}.btn-open-upload:hover{box-shadow:0 14px 28px #d89a3447;transform:translateY(-2px)}.btn-open-upload:disabled{cursor:not-allowed;opacity:.6;transform:none}.project-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 24px;max-width:1300px}.project-tabs button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 8px 18px rgba(15,23,42,.055);color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:800;padding:11px 22px;transition:all .25s ease}.project-tabs button:hover{box-shadow:0 11px 22px #0f172a14;transform:translateY(-2px)}.project-tabs button:disabled{cursor:not-allowed;opacity:.7;transform:none}.active-tab{background:#f4c27a!important;border-color:#f4c27a!important;box-shadow:0 9px 20px #f4c27a47!important;color:#3b2a18!important}.project-info-card{background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:0 12px 30px #0f172a0f;margin:0 auto 26px;max-width:1300px;padding:24px 26px}.project-info-head{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.project-info-head h2{color:#374151;font-size:17px;font-weight:700;line-height:1.35;margin:0}.project-badge,.project-info-subtitle{display:none}.project-mini-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;color:#64748b;font-size:12px;font-weight:800;padding:8px 12px}.project-theme-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.project-theme-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:17px;cursor:pointer;font-family:Poppins,sans-serif;min-height:104px;padding:19px 21px;text-align:left;transition:.2s ease;width:100%}.project-theme-box.active,.project-theme-box:hover{background:#fff8ef;border-color:#ebb85f;box-shadow:0 9px 22px #d89a341f;transform:translateY(-2px)}.project-theme-box label{color:#b7791f;display:block;font-size:11px;font-weight:800;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.project-theme-box p{color:#1f2937;font-size:14px;font-weight:600;line-height:1.5;margin:0}.upload-section{background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.075);margin:0 auto 34px;max-width:820px;padding:26px}.upload-section-open{animation:uploadSlideDown .25s ease both}@keyframes uploadSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upload-head{text-align:center}.upload-section h3{color:#1f2937;font-size:18px;font-weight:800;margin:0 0 6px;text-align:center}.upload-note{color:#64748b;font-size:13px;line-height:1.7;margin:0 0 20px;text-align:center}.upload-section form{align-items:center;display:flex;flex-direction:column;gap:16px}.upload-section input[type=file]{display:none}.upload-project-select{margin:16px 0;text-align:center;width:100%}.upload-project-select label{color:#374151;display:block;font-size:12.5px;font-weight:800;margin-bottom:8px}.upload-project-select select{background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:#111827;font-family:Poppins,sans-serif;font-weight:700;max-width:420px;padding:12px 14px;width:100%}.btn-comment,.btn-upload,.file-label{align-items:center;border-radius:14px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:800;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 #f4c27a42;color:#2a2117}.btn-upload:hover{box-shadow:0 13px 24px #f4c27a52;transform:translateY(-2px)}.btn-comment:disabled,.btn-upload:disabled{cursor:not-allowed;opacity:.7;transform:none}.preview{display:flex;justify-content:center;width:100%}.preview img{aspect-ratio:4/3;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 14px 30px #0f172a1f;height:auto;object-fit:cover;width:260px}.gallery-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto 16px;max-width:1300px}.gallery-title-group{max-width:820px}.gallery-title-group h3{color:#374151;font-size:17px;font-weight:700;line-height:1.35;margin:0 0 5px}.gallery-title-group p{color:#64748b;font-size:13px;line-height:1.65;margin:0}.gallery-title-group p b{color:#1f2937;font-weight:700}.gallery-badge{display:none}.gallery-grid{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1300px}.gallery-card{background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:0 12px 30px #0f172a0f;overflow:hidden;transition:.25s ease}.gallery-card:hover{box-shadow:0 18px 38px #0f172a1a;transform:translateY(-5px)}.gallery-image-wrap{align-items:center;aspect-ratio:4/3;background:#f8fafc;display:flex;justify-content:center;overflow:hidden;padding:10px;width:100%}.gallery-card img{aspect-ratio:auto;background:#fff;border-radius:16px;cursor:zoom-in;display:block;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.gallery-card:hover img{transform:scale(1.035)}.gallery-card-body{padding:17px}.work-title{background:#fff7e8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:11.5px;font-weight:800;line-height:1.3;margin-bottom:12px;padding:7px 10px}.uploader-label{color:#9ca3af;display:block;font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.uploader{color:#475569;font-size:13px;line-height:1.6;margin:0 0 13px}.uploader b{color:#111827;font-weight:800}.peer-review-compact{border-top:1px solid #edf2f7;margin-top:12px;padding-top:14px}.comment-toggle-btn{align-items:center;background:#fffaf2;border:1px solid #f3eadc;border-radius:999px;color:#7c4a00;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:800;gap:6px;justify-content:center;padding:10px 14px;transition:.22s ease;width:100%}.comment-toggle-btn.active,.comment-toggle-btn:hover{background:#f6d28b;border-color:#ebb85f;color:#1f2937;transform:translateY(-1px)}.peer-review-box{border-top:1px dashed #e5e7eb;margin-top:14px;padding-top:14px}.peer-review-box.is-open{animation:reviewSlideDown .23s ease both}@keyframes reviewSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.comment-count,.peer-review-head{display:none}.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;max-height:210px;overflow-y:auto;padding-right:4px}.comment-item{background:#f8fafc;border:1px solid #e6ebf2;border-radius:14px;padding:11px 12px}.comment-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.comment-top strong{color:#1f2937;font-size:12.8px;font-weight:800}.comment-top span{color:#94a3b8;font-size:11px}.comment-item p{color:#475569;font-size:12.8px;line-height:1.65;margin:0;white-space:pre-wrap}.comment-empty{background:#f8fafc;border:1px dashed #dbe2ea;border-radius:14px;color:#64748b;font-size:12.8px;line-height:1.6;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:14px;color:#334155;font-family:Poppins,sans-serif;font-size:12.8px;line-height:1.6;min-height:82px;outline:none;padding:13px 14px;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:stretch;background:#f4c27a;border:none;box-shadow:0 10px 22px #f4c27a2e;color:#2a2117;font-size:12.8px;min-width:100%;width:100%}.btn-comment:hover{transform:translateY(-2px)}.comment-owner-note{background:#fff8e8;border:1px solid #f3dfb2;border-radius:14px;color:#8a6a2f;font-size:12.8px;line-height:1.6;margin:0;padding:12px 14px}.empty-text{background:#fff;border:1px dashed #d5dbe3;border-radius:18px;color:#64748b;font-size:14px;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:1180px){.gallery-grid,.project-theme-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.proyek-container{padding:42px 28px 80px 295px}}@media (max-width:768px){.proyek-container{padding:34px 14px 80px 105px}.proyek-hero{align-items:flex-start;flex-direction:column;margin-bottom:24px}.proyek-title{font-size:22px;text-align:left}.proyek-subtitle{font-size:12.8px;text-align:left}.btn-open-upload{width:100%}.project-tabs{flex-wrap:nowrap;gap:10px;justify-content:flex-start;margin-bottom:22px;overflow-x:auto;padding-bottom:4px}.project-tabs button{padding:10px 17px;white-space:nowrap}.project-info-card,.upload-section{border-radius:20px;padding:20px}.gallery-header,.project-info-head{align-items:flex-start}.gallery-title-group h3,.project-info-head h2{font-size:16px}.gallery-grid,.project-theme-list{grid-template-columns:1fr}.preview img{max-width:280px;width:100%}}@media (max-width:480px){.project-tabs button{width:auto}.btn-comment,.btn-upload,.file-label{width:100%}}.quiz-page,.quiz-page *{box-sizing:border-box}.quiz-page{background:linear-gradient(135deg,#f5f7fa,#e9edf5);color:#1f2937;padding:46px 34px 80px 335px}.quiz-container{margin:0 auto;max-width:1100px;text-align:center;width:100%}.quiz-header{margin-bottom:34px}.quiz-title{color:#1f2937;font-size:32px;letter-spacing:-.4px;line-height:1.2;margin:0 0 10px}.quiz-subtitle{color:#64748b;font-size:14.5px;line-height:1.7;margin:0 auto;max-width:680px}.quiz-grid{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-card{border-radius:24px;color:#1f2937;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;overflow:hidden;padding:26px;position:relative;text-decoration:none;transition:.24s ease}.quiz-card:before{background:#f4c27a29;height:165px;right:-70px;top:-70px;transition:.24s ease;width:165px}.quiz-card:after,.quiz-card:before{border-radius:50%;content:"";position:absolute}.quiz-card:after{background:#64748b12;bottom:-55px;height:125px;left:-55px;width:125px}.quiz-card:hover{border-color:#ebb85f;box-shadow:0 22px 48px #0f172a1a;transform:translateY(-5px)}.quiz-card:hover:before{background:#f4c27a3d;transform:scale(1.12)}.quiz-number-wrap{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;position:relative;z-index:1}.quiz-number{border-radius:18px;box-shadow:0 12px 24px #f4c27a47;color:#1f2937;font-size:22px;height:58px;width:58px}.quiz-number-wrap span{color:#9a6700;font-size:12.5px;font-weight:900}.quiz-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative;z-index:1}.quiz-card h3{color:#111827;font-size:18px;font-weight:900;line-height:1.45;margin:0 auto 13px;max-width:360px}.quiz-card p{color:#64748b;font-size:13.5px;font-weight:700;margin:0}.quiz-action{align-items:center;background:#fffaf2;border:1px solid #f3eadc;border-radius:15px;color:#9a6700;display:flex;font-size:13px;font-weight:900;gap:10px;justify-content:space-between;margin-top:24px;min-height:44px;padding:12px 15px;position:relative;transition:.22s ease;width:100%;z-index:1}.quiz-action b{font-size:17px;line-height:1}.quiz-card:hover .quiz-action{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;color:#1f2937}.quiz-empty{border:1px dashed #d8e0ea;box-shadow:0 14px 34px #0f172a0f;color:#64748b;font-size:14px;padding:30px}.quiz-empty p{margin:0}@media (max-width:992px){.quiz-page{padding:42px 28px 80px 295px}.quiz-grid{grid-template-columns:1fr}}@media (max-width:768px){.quiz-page{padding:34px 14px 70px 105px}.quiz-header{margin-bottom:28px}.quiz-title{font-size:26px}.quiz-subtitle{font-size:13.5px}.quiz-grid{gap:16px}.quiz-card{border-radius:20px;min-height:220px;padding:22px}.quiz-card h3{font-size:16px}.quiz-number{border-radius:16px;font-size:20px;height:52px;width:52px}}.quiz-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:30px 42px 120px 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:920px;width:100%}.quiz-greeting-card{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:26px;box-shadow:0 14px 34px #0f172a0f;display:flex;gap:28px;justify-content:space-between;margin-bottom:28px;padding:26px 30px;width:100%}.quiz-greeting-label{background:#fff0d2;border-radius:999px;color:#9b641f;display:inline-flex;font-size:12.5px;font-weight:900;margin-bottom:12px;padding:7px 14px}.quiz-greeting-card h2{color:#172033;font-size:24px;font-weight:900;margin:0 0 8px}.quiz-greeting-card p{color:#64748b;font-size:14px;line-height:1.75;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:#9a6700;font-size:13px;font-weight:900}.quiz-progress-text strong{color:#172033;font-size:20px;font-weight:900}.quiz-progress-track{background:#eadfce;border-radius:999px;height:9px;overflow:hidden;width:100%}.quiz-progress-fill{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:999px;height:100%;transition:.25s ease}.quiz-progress-box small{color:#8b6f5c;display:block;font-size:12px;margin-top:8px;text-align:right}.quiz-header{margin:10px 0 24px;text-align:center}.quiz-header.compact .quiz-badge{all:unset;color:#172033;display:block;font-size:24px;font-weight:900;text-align:center}.quiz-title{color:#172033;font-size:34px;font-weight:900;margin:0 0 8px}.quiz-desc{color:#64748b;font-size:14.5px;margin:0 auto}.quiz-list{display:flex;flex-direction:column;gap:32px}.quiz-card{background:#fff;border:1px solid #edf0f5;border-radius:26px;box-shadow:0 14px 34px #0f172a0f;padding:30px 38px;width:100%}.quiz-intro-card{background:#fff;margin-bottom:28px}.quiz-intro-heading{color:#172033;font-size:15px;font-weight:900;margin:0 0 12px}.quiz-intro-text,.quiz-intro-text *{color:#172033!important}.quiz-intro-text{color:#172033;font-size:14px;line-height:1.9;margin:0;padding-right:8px;text-align:justify;text-justify:inter-word;white-space:pre-line}.question-step-card{overflow:hidden;position:relative}.quiz-card.question-step-card{background:#fff;border:1px solid #edf0f5;box-shadow:0 14px 34px #0f172a0f;padding:30px 38px}.quiz-question-count{color:#9a6700;font-size:12.5px;font-weight:900;margin:0 0 14px}.quiz-card-top{align-items:flex-start;display:flex;gap:18px;margin-bottom:18px}.quiz-number{align-items:center;background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:15px;color:#172033;display:flex;font-size:16px;font-weight:900;height:46px;justify-content:center;min-width:46px;width:46px}.quiz-soal-area{flex:1 1;min-width:0;padding-right:14px}.quiz-question-text,.quiz-soal-area .quiz-question-text{color:#172033;font-size:14.5px;font-weight:700;line-height:1.85;margin:0;padding-right:8px;text-align:justify;text-justify:inter-word;white-space:pre-line}.quiz-image-wrapper{display:flex;justify-content:center;margin:20px 0}.quiz-image{border:1px solid #ececec;border-radius:18px;max-width:450px;object-fit:cover;width:100%}.quiz-image.clickable{cursor:zoom-in;transition:.2s ease}.quiz-image.clickable:hover{transform:scale(1.01)}.image-modal{align-items:center;background:#000000bf;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.image-modal img{border-radius:12px;max-height:90%;max-width:90%}.question-meta-top{align-items:flex-start;background:#fffaf2;border:1px solid #f3eadc;border-radius:16px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:18px 0 22px;padding:12px 14px}.question-meta-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.question-meta-label{color:#9a6700;font-size:10.8px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.question-score-pill,.question-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:900;justify-content:center;line-height:1;padding:7px 13px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.question-status-pill.passed{background:#dcfce7;color:#15803d}.question-status-pill.locked{background:#e5e7eb;color:#4b5563}.question-status-pill.active{background:#fff2d8;color:#9a6700}.question-score-pill{background:#fff;border:1px solid #dbe3ea;box-shadow:0 2px 6px #0000000a;color:#374151;min-width:56px}.quiz-answer-area{margin-top:20px}.quiz-answer-label{color:#172033;display:block;font-size:13.5px;font-weight:900;margin-bottom:14px}.quiz-answer-field{margin-bottom:22px}.quiz-answer-sub-label{color:#334155;display:block;font-size:12.8px;font-weight:900;margin-bottom:8px}.quiz-textarea{background:#fff;border:1.5px solid #dbe2ea;border-radius:16px;color:#333;font-family:Poppins,sans-serif;font-size:14px;line-height:1.7;outline:none;padding:13px 15px;resize:vertical;transition:.2s ease;width:100%}.quiz-textarea,.quiz-textarea-small{min-height:105px}.quiz-textarea:focus{border-color:#ebb85f;box-shadow:0 0 0 3px #ebb85f2e}.quiz-file-input{background:#fff;border:1px dashed #d4dce8;border-radius:14px;cursor:pointer;font-size:14px;padding:14px;width:100%}.quiz-upload-status{color:#9a6700;font-size:12.5px;font-weight:800;margin:10px 0 0}.quiz-upload-preview{margin-top:14px}.quiz-upload-preview p{color:#4b5563;font-size:13px;font-weight:800;margin:0 0 8px}.quiz-remove-image-btn{background:#fee2e2;border:none;border-radius:12px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:800;margin-top:10px;padding:9px 14px}.question-check-area{display:flex;justify-content:flex-end;margin-top:22px}.btn-primary{border:none;border-radius:15px;box-shadow:0 10px 22px #d89a3433;color:#172033;cursor:pointer;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:900;padding:14px 30px;transition:.2s ease}.btn-primary:hover{box-shadow:0 14px 26px #d89a343d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:#e5e7eb;border:none;border-radius:13px;color:#374151;cursor:not-allowed;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:12px 18px}.quiz-submit-area{display:flex;justify-content:center;margin-top:40px;padding-bottom:40px}.quiz-empty{background:#fff;border-radius:20px;box-shadow:none;color:#6b7280;padding:28px;text-align:center}.question-locked{min-height:260px}.question-locked>:not(.question-lock-layer){filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.question-lock-layer{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffad;display:flex;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center;z-index:10}.question-lock-content{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 16px 35px #2a344621;max-width:320px;padding:22px 24px}.lock-icon{align-items:center;background:#2f3137;border-radius:999px;color:#fff;display:flex;font-size:26px;height:54px;justify-content:center;margin:0 auto 12px;width:54px}.question-lock-content strong{color:#2f3137;display:block;font-size:15px;margin-bottom:6px}.question-lock-content p{color:#6b7280;font-size:12.5px;line-height:1.6;margin:0}.question-passed,.quiz-card.question-step-card.question-passed{background:#fbfffc}.question-feedback-box{background:#fff;border-radius:18px;font-size:13px;line-height:1.65;margin-top:26px;padding:18px 20px}.question-feedback-box.passed{background:#f4fff7;border:1px solid #bbf7d0;color:#14532d}.question-feedback-box.failed{background:#fffaf2;border:1px solid #f3d7aa;color:#7c4a00}.feedback-header-card{grid-gap:18px;align-items:start;background:#0000;border:none;border-radius:0;box-shadow:none;display:grid;gap:18px;grid-template-columns:1fr auto;margin-bottom:15px;padding:0}.feedback-header-card:after{background:#94a3b838;content:"";display:block;grid-column:1/-1;height:1px;margin-top:14px}.feedback-eyebrow{color:#9a6700;display:block;font-size:10.5px;font-weight:900;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.question-feedback-box.passed .feedback-eyebrow{color:#15803d}.feedback-header-card h4{color:#15803d;font-size:17px;font-weight:900;margin:0 0 6px}.question-feedback-box.failed .feedback-header-card h4{color:#b91c1c}.feedback-header-card p{color:#64748b;font-size:12.8px;line-height:1.7;margin:0;max-width:100%;text-align:left}.feedback-score-circle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;display:flex;flex-shrink:0;font-size:19px;font-weight:900;height:50px;justify-content:center;width:50px}.feedback-score-circle.failed{background:#fee2e2;border-color:#fecaca;box-shadow:none;color:#b91c1c}.feedback-score-circle.passed{background:#dcfce7;border-color:#bbf7d0;box-shadow:none;color:#15803d}.field-result-list{display:flex;flex-direction:column;gap:0}.field-result-card{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.field-result-card+.field-result-card{border-top:1px solid #94a3b838;margin-top:16px;padding-top:16px}.field-result-top{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1fr auto}.field-result-content{flex:1 1;min-width:0}.field-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:7px}.field-result-title{color:#172033;display:block;font-size:13.5px;font-weight:900;line-height:1.5}.field-result-card.failed .field-result-title{color:#7c4a00}.field-status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:900;justify-content:center;padding:4px 9px}.field-status-chip.passed{background:#dcfce7;color:#15803d}.field-status-chip.failed{background:#fee2e2;color:#b91c1c}.field-result-note{color:#64748b;font-size:12.6px;line-height:1.75;margin:0;text-align:left;white-space:pre-line}.field-score-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:none;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:900;height:38px;justify-content:center;min-width:38px}.field-score-pill.failed{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.field-score-pill.passed{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.feedback-detail-section,.matched-keywords,.missing-keywords{display:none}.feedback-suggestion-box,.feedback-suggestion-box.clean{background:#fff;border:1px solid #f3eadc;border-radius:14px;margin-top:14px;padding:13px 14px}.feedback-suggestion-box strong,.feedback-suggestion-box.clean strong{color:#7c4a00;display:block;font-size:12.5px;font-weight:900;margin-bottom:6px}.feedback-suggestion-box p,.feedback-suggestion-box.clean p{color:#475569;font-size:12.7px;line-height:1.75;margin:0;text-align:left}.feedback-simple-card{background:#0000;border:none;border-radius:0;padding:0}.feedback-simple-card p{color:#64748b;font-size:12.8px;line-height:1.75;margin:0;text-align:left}.quiz-page{background:#f5f7fa}.quiz-card,.quiz-card.question-step-card,.quiz-intro-card{background:#fffaf3}.question-passed,.quiz-card.question-step-card.question-passed{background:#fffaf3;border:1px solid #bbf7d0}.quiz-question-text,.quiz-soal-area .quiz-question-text{color:#2f3137;font-weight:500}.quiz-intro-text,.quiz-intro-text *{font-weight:500!important}.question-meta-label,.question-score-pill,.question-status-pill,.quiz-answer-label,.quiz-answer-sub-label,.quiz-question-count{font-weight:700}.quiz-wrapper.quiz-wizard-wrapper{max-width:1080px}.quiz-loading-card{color:#64748b;text-align:center}.quiz-sticky-progress{margin-bottom:24px;position:-webkit-sticky;position:sticky;top:18px;z-index:80}.quiz-sticky-progress .quiz-progress-box{min-width:250px}.quiz-sticky-progress .quiz-progress-text span{font-size:12.8px}.quiz-intro-start-card{padding:32px 38px}.quiz-start-actions{border-top:1px solid #f3eadc;display:flex;justify-content:center;margin-top:26px;padding-top:22px}.wizard-heading{margin:4px 0 16px}.wizard-heading p{color:#64748b;font-size:13.5px;line-height:1.7;margin:8px auto 0;max-width:680px}.quiz-question-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 20px}.quiz-question-nav button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 8px 18px #0f172a0d;color:#64748b;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;height:42px;transition:.22s ease;width:42px}.quiz-question-nav button:hover:not(:disabled){border-color:#ebb85f;color:#9a6700;transform:translateY(-2px)}.quiz-question-nav button.active{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;box-shadow:0 10px 22px #f4c27a40;color:#172033}.quiz-question-nav button.passed{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.quiz-question-nav button.active.passed{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;color:#172033}.quiz-question-nav button.locked{background:#eef2f7;color:#94a3b8;cursor:not-allowed;opacity:.75}.quiz-card.quiz-question-panel{background:#fff;margin:0 auto;max-width:100%}.quiz-question-panel .quiz-card-top{margin-bottom:20px}.quiz-question-panel .quiz-image-wrapper{margin:22px 0}.quiz-question-panel .quiz-image{background:#f8fafc;max-height:420px;max-width:620px;object-fit:contain}.quiz-answer-area{border-top:1px solid #edf0f5;padding-top:22px}.quiz-answer-field:last-child{margin-bottom:0}.question-check-area{border-top:1px solid #edf0f5;padding-top:22px}.question-feedback-box.compact-feedback{margin-top:24px;overflow:hidden;padding:0}.feedback-summary-toggle{grid-gap:18px;align-items:center;background:#0000;border:none;cursor:pointer;display:grid;font-family:Poppins,sans-serif;gap:18px;grid-template-columns:1fr auto;padding:18px 20px;text-align:left;width:100%}.feedback-summary-toggle h4{font-size:16px;font-weight:900;line-height:1.35;margin:0 0 6px}.question-feedback-box.passed .feedback-summary-toggle h4{color:#15803d}.question-feedback-box.failed .feedback-summary-toggle h4{color:#b91c1c}.feedback-summary-toggle p{color:#64748b;font-size:12.8px;line-height:1.7;margin:0}.feedback-summary-right{align-items:center;display:flex;flex-direction:column;gap:7px}.feedback-summary-right small{color:#64748b;font-size:11px;font-weight:900;white-space:nowrap}.feedback-detail-body{animation:feedbackOpen .2s ease both;padding:0 20px 18px}@keyframes feedbackOpen{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.feedback-detail-body:before{background:#94a3b838;content:"";display:block;height:1px;margin-bottom:16px}.feedback-summary-toggle .feedback-eyebrow{margin-bottom:7px}.field-result-card.failed .feedback-suggestion-box.clean strong{color:#b45309}.field-result-card.failed .feedback-suggestion-box.clean{background:#fff7e8;border-color:#f3d7aa}.quiz-wizard-bottom-nav{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-top:24px}.btn-light-quiz{background:#fff;border:1px solid #e5e7eb;border-radius:15px;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:900;padding:14px 22px;transition:.2s ease}.btn-light-quiz:hover{background:#f8fafc;transform:translateY(-2px)}.btn-light-quiz:disabled{cursor:not-allowed;opacity:.55;transform:none}.quiz-header.compact .quiz-badge{font-size:22px}@media (max-width:768px){.quiz-wrapper.quiz-wizard-wrapper{max-width:100%}.quiz-sticky-progress{position:static}.quiz-intro-start-card{padding:22px}.quiz-start-actions{align-items:stretch}.quiz-start-actions .btn-primary{width:100%}.quiz-question-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.quiz-question-nav button{height:40px;min-width:40px;width:40px}.feedback-summary-toggle{grid-template-columns:1fr}.feedback-summary-right{align-items:flex-start;flex-direction:row;justify-content:space-between}.quiz-wizard-bottom-nav{align-items:stretch;flex-direction:column}.btn-light-quiz,.quiz-wizard-bottom-nav .btn-primary{width:100%}.quiz-page{padding:28px 16px 110px 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,.quiz-card.question-step-card{padding:24px 20px}.quiz-list{gap:26px}.quiz-card-top{flex-direction:column}.quiz-soal-area{padding-right:0}.quiz-intro-text,.quiz-question-text{padding-right:0;text-align:justify}.question-meta-top{flex-direction:column}.question-check-area{justify-content:stretch}.question-check-area button{width:100%}.feedback-header-card,.field-result-top{grid-template-columns:1fr}.feedback-score-circle,.field-score-pill{height:44px;width:44px}}.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%}}.quiz-score-box.result-passed{background:#f0fdf4;border:1px solid #bbf7d0}.quiz-score-box.result-failed{background:#fff7f7;border:1px solid #fecaca}.result-score-detail{background:#fff;border:1px solid #dde3ec;border-radius:16px;margin:20px auto 0;min-width:110px;padding:12px 18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.result-score-detail span{color:#6b7280;display:block;font-size:12px;margin-bottom:5px}.result-score-detail strong{color:#2f3137;display:block;font-size:26px}.nilai-saya-page,.nilai-saya-page *{box-sizing:border-box}.nilai-saya-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;font-size:14px;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.nilai-saya-container{margin:0 auto;max-width:1240px;width:100%}.nilai-saya-header{margin-bottom:34px;text-align:center}.nilai-saya-title{color:#1f2937;font-size:32px;font-weight:900;letter-spacing:-.4px;line-height:1.2;margin:0 0 10px}.nilai-saya-desc{color:#64748b;font-size:14.5px;line-height:1.7;margin:0 auto;max-width:720px}.nilai-saya-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:330px minmax(0,1fr)}.nilai-saya-content,.nilai-saya-sidebar{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a12;padding:24px}.nilai-saya-sidebar{position:-webkit-sticky;position:sticky;top:24px}.nilai-saya-content{min-width:0}.sidebar-title-row{margin-bottom:18px}.nilai-saya-content h2,.sidebar-title-row h2{color:#1f2937;font-size:18px;font-weight:900;margin:0 0 6px}.sidebar-title-row p{color:#64748b;font-size:12.8px;line-height:1.6;margin:0}.submission-list{display:flex;flex-direction:column;gap:12px}.submission-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:18px;cursor:pointer;font-family:Poppins,sans-serif;padding:15px;text-align:left;transition:.22s ease;width:100%}.submission-card:hover{border-color:#f3d7aa;box-shadow:0 12px 24px #0f172a12;transform:translateY(-2px)}.submission-card.active{background:#fffaf2;border-color:#ebb85f;box-shadow:0 14px 28px #d89a3421}.submission-card-top{grid-gap:12px;align-items:flex-start;display:grid;gap:12px;grid-template-columns:1fr 54px;margin-bottom:11px}.submission-card h3{color:#111827;font-size:14.5px;font-weight:900;line-height:1.4;margin:0 0 9px}.submission-date{color:#64748b;font-size:12px;font-weight:700;line-height:1.5;margin:0}.submission-hint{border-radius:12px;font-size:11.8px;font-weight:900;margin:10px 0 0;padding:8px 10px;text-align:center}.submission-hint.revision{background:#fff7e8;border:1px solid #f3d7aa;color:#9a6700}.submission-hint.passed{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.nilai-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:900;justify-content:center;line-height:1;padding:6px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nilai-status-badge.passed{background:#dcfce7;color:#166534}.nilai-status-badge.revision{background:#fff7e8;color:#9a6700}.nilai-status-badge.pending{background:#eef2f7;color:#475569}.submission-score-bubble{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 18px #0f172a0d;display:flex;flex-direction:column;height:54px;justify-content:center;width:54px}.submission-score-bubble strong{color:#111827;display:block;font-size:17px;font-weight:900;line-height:1}.submission-score-bubble small{color:#94a3b8;display:block;font-size:9.5px;font-weight:900;margin-top:4px}.submission-score-bubble.passed{background:#dcfce7;border-color:#bbf7d0}.submission-score-bubble.revision{background:#fff7e8;border-color:#f3d7aa}.submission-score-bubble.pending{background:#eef2f7;border-color:#e5e7eb}.empty-box,.empty-text{color:#64748b;font-size:13px;line-height:1.7;padding:24px 12px;text-align:center}.empty-box{border-radius:18px;min-height:360px}.empty-box p,.empty-text{margin:0}.result-summary-card{grid-gap:20px;align-items:stretch;background:#fffaf2;border:1px solid #f3eadc;border-radius:22px;display:grid;gap:20px;grid-template-columns:170px minmax(0,1fr);margin-bottom:18px;padding:22px}.result-score-block{align-items:center;background:#fff;border:1px solid #f3eadc;border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:150px}.result-score-block span{color:#9a6700;font-size:12px;font-weight:900;margin-bottom:8px}.result-score-block strong{color:#1f2937;font-size:46px;font-weight:900;letter-spacing:-1px;line-height:1}.result-score-block small{color:#64748b;font-size:12px;font-weight:800;margin-top:8px}.result-score-block.passed{background:#f4fff7;border-color:#bbf7d0}.result-score-block.revision{background:#fff;border-color:#f3d7aa}.result-score-block.pending{background:#f8fafc;border-color:#dbe2ea}.result-summary-content{min-width:0}.result-summary-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.result-summary-top h2{color:#1f2937;font-size:21px;font-weight:900;margin:0 0 5px}.result-summary-top p{color:#64748b;font-size:13px;font-weight:700;margin:0}.result-meta-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-meta-grid div{background:#fff;border:1px solid #f3eadc;border-radius:15px;padding:12px}.result-meta-grid span{color:#9a6700;display:block;font-size:10.8px;font-weight:900;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.result-meta-grid strong{color:#374151;display:block;font-size:12.5px;font-weight:900;line-height:1.5}.pjbl-student-banner{grid-gap:12px;align-items:flex-start;border:1px solid #0000;border-radius:18px;display:grid;gap:12px;grid-template-columns:42px 1fr;margin-bottom:18px;padding:15px 16px;text-align:left}.pjbl-student-banner strong{display:block;font-size:14px;font-weight:900;margin-bottom:5px}.pjbl-student-banner p{font-size:12.8px;line-height:1.7;margin:0}.pjbl-student-banner.passed{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.pjbl-student-banner.failed{background:#fff7e8;border-color:#f4d39e;color:#7c4a00}.banner-icon{align-items:center;background:#fff;border-radius:999px;box-shadow:0 8px 18px #0f172a0f;display:flex;font-size:19px;height:42px;justify-content:center;width:42px}.jawaban-list{display:flex;flex-direction:column;gap:16px}.jawaban-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:20px;padding:20px}.student-question-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.question-mini-label{color:#9a6700;display:inline-flex;font-size:11.5px;font-weight:900;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.student-question-head h3{color:#111827;font-size:16px;font-weight:900;margin:0}.student-score-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:900;justify-content:center;padding:7px 12px;white-space:nowrap}.student-score-status.passed{background:#dcfce7;color:#15803d}.student-score-status.revision{background:#fff7e8;color:#9a6700}.student-score-status.failed{background:#fee2e2;color:#dc2626}.student-score-status.neutral{background:#eef2f7;color:#374151}.jawaban-group{margin-bottom:14px}.jawaban-group label{color:#334155;display:block;font-size:12.5px;font-weight:900;margin-bottom:7px}.readonly-box{border:1px solid #e5e7eb;border-radius:14px;font-size:12.8px;line-height:1.7;white-space:pre-line}.question-box{background:#fff;border-color:#edf0f5}.answer-box{background:#f8fafc;border:1px solid #e5e7eb}.answer-box i{color:#9ca3af;font-style:italic}.nilai-saya-page .quiz-image{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 18px #0f172a1a;display:block;max-width:360px;width:100%}.answer-image-preview{margin-top:8px}.answer-image-preview img{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 18px #0f172a1a;display:block;max-width:360px;width:100%}.answer-image-preview p{color:#6b7280;font-size:11.5px;margin:8px 0 0}.formatted-answer{display:flex;flex-direction:column;gap:10px}.formatted-answer.inner{gap:8px}.answer-row{background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:11px}.answer-label{color:#9a6700;font-size:11.5px;font-weight:900;margin-bottom:6px}.answer-value{font-size:12.6px;line-height:1.65;word-break:break-word}.answer-value,.normal-answer{color:#374151;white-space:pre-line}.normal-answer{font-size:12.8px;line-height:1.7}.jawaban-footer-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:150px minmax(0,1fr);margin-top:16px}.jawaban-score-box,.revision-note{background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:13px 14px}.jawaban-score-box span,.revision-note strong{color:#64748b;display:block;font-size:11.5px;font-weight:900;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.jawaban-score-box strong{color:#111827;font-size:15px;font-weight:900}.revision-note p{color:#475569;font-size:12.7px;line-height:1.7;margin:0}.revision-note.failed{background:#fff7e8;border-color:#f3d7aa}.revision-note.failed strong{color:#9a6700}.revision-note.passed{background:#ecfdf3;border-color:#bbf7d0}.revision-note.passed strong{color:#166534}.revision-cta-bar{align-items:center;background:#fffaf2;border:1px solid #f3eadc;border-radius:20px;display:flex;gap:18px;justify-content:space-between;margin-top:20px;padding:18px 20px}.revision-cta-bar strong{color:#1f2937;display:block;font-size:14px;font-weight:900;margin-bottom:5px}.revision-cta-bar p{color:#64748b;font-size:12.8px;line-height:1.6;margin:0}.revision-cta-bar button{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 10px 22px #d89a343d;color:#1f2937;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:13px 20px;transition:.22s ease}.revision-cta-bar button:hover{box-shadow:0 14px 28px #d89a344d;transform:translateY(-2px)}@media (max-width:1100px){.nilai-saya-layout{grid-template-columns:300px minmax(0,1fr)}.result-summary-card{grid-template-columns:150px minmax(0,1fr)}}@media (max-width:992px){.nilai-saya-page{padding:42px 28px 80px 295px}.nilai-saya-layout{grid-template-columns:1fr}.nilai-saya-sidebar{position:static}.submission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.result-meta-grid{grid-template-columns:1fr}}@media (max-width:768px){.nilai-saya-page{padding:34px 14px 70px 105px}.nilai-saya-header{margin-bottom:28px}.nilai-saya-title{font-size:26px}.nilai-saya-desc{font-size:13.5px}.nilai-saya-content,.nilai-saya-sidebar{border-radius:20px;padding:18px}.result-summary-card,.submission-list{grid-template-columns:1fr}.result-summary-card{padding:18px}.result-score-block{min-height:130px}.result-score-block strong{font-size:40px}.result-summary-top,.student-question-head{align-items:flex-start;flex-direction:column}.jawaban-card{padding:16px}.jawaban-footer-row{grid-template-columns:1fr}.revision-cta-bar{align-items:stretch;flex-direction:column}.revision-cta-bar button{width:100%}}.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,.kelola-page *{box-sizing:border-box}.kelola-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.kelola-container{margin:0 auto;max-width:1300px;width:100%}.kelola-header{align-items:flex-start;background:#fff;border:1px solid #edf0f5;border-radius:28px;box-shadow:0 16px 38px #0f172a0f;display:flex;gap:22px;justify-content:space-between;margin-bottom:22px;padding:32px 36px}.kelola-label{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:12px;font-weight:900;margin-bottom:16px;padding:8px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kelola-title{color:#111827;font-size:30px;font-weight:900;letter-spacing:-.4px;line-height:1.25;margin:0 0 10px}.kelola-desc{color:#64748b;font-size:14.5px;line-height:1.8;margin:0;max-width:800px}.kelola-refresh-btn{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 12px 28px #d89a3442;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:14px 22px;transition:.22s ease}.kelola-refresh-btn:hover{box-shadow:0 16px 34px #d89a3452;transform:translateY(-2px)}.kelola-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.kelola-summary-card{background:#fff;border:1px solid #edf0f5;border-radius:20px;box-shadow:0 14px 32px #0f172a0f;padding:20px 22px}.kelola-summary-card span{color:#9a6700;display:block;font-size:12.5px;font-weight:900;margin-bottom:10px}.kelola-summary-card strong{color:#111827;display:block;font-size:28px;font-weight:900;line-height:1}.kelola-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1.15fr) 380px}.kelola-form,.materi-list{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a0f}.kelola-form{min-width:0;padding:26px}.materi-list{max-height:calc(100vh - 48px);overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:24px}.form-section-title,.list-header{margin-bottom:22px}.form-section-title h2,.list-header h2{color:#111827;font-size:20px;font-weight:900;letter-spacing:-.02em;margin:0 0 8px}.content-header p,.form-section-title p,.list-header p{color:#64748b;font-size:13.5px;line-height:1.7;margin:0}.content-header{align-items:center;border-top:1px solid #edf0f5;display:flex;justify-content:space-between;margin:8px 0 18px;padding-top:8px}.content-header h3{color:#111827;font-size:16px;font-weight:900;margin:0 0 6px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.5fr .7fr}.form-group{margin-bottom:18px}.form-group label{font-size:13px}.form-group input,.form-group textarea{background:#fff;border:1px solid #dbe2ea;border-radius:15px;color:#374151;font-family:Poppins,sans-serif;font-size:13.5px;outline:none;padding:13px 15px;transition:.2s ease;width:100%}.form-group textarea{min-height:130px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{border-color:#f4c27a;box-shadow:0 0 0 4px #f4c27a2e}input[type=file]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:15px;cursor:pointer;padding:13px}.empty-content,.empty-list{background:#f8fafc;border:1px dashed #d8e0ea;border-radius:16px;color:#64748b;font-size:13px;line-height:1.7;padding:18px;text-align:center}.konten-block{background:#fcfcfd;border:1px solid #e7edf3;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.035);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:900;margin:8px 0 0}.content-type{background:#fff7e8;border:1px solid #f3d7aa;border-radius:999px;color:#9a6700;display:inline-flex;font-size:11px;font-weight:900;padding:6px 11px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.add-content,.delete-content,.delete-materi-btn,.submit-btn{border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:900;transition:.22s ease}.add-content{background:#fff7e8;border:1px solid #f3d7aa;border-radius:14px;color:#9a6700;font-size:12.5px;padding:11px 15px}.add-content:hover{background:#f4c27a;color:#1f2937;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:15px;box-shadow:0 10px 24px #f4c27a40;color:#1f2937;font-size:13.5px;margin-top:18px;padding:14px 18px;width:100%}.submit-btn:hover{box-shadow:0 14px 30px #f4c27a52;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.delete-content,.delete-materi-btn{background:#fff;border:1px solid #fecaca;border-radius:13px;color:#dc2626;font-size:12px}.delete-content{padding:9px 12px}.delete-materi-btn{flex-shrink:0;padding:9px 12px}.delete-content:hover,.delete-materi-btn:hover{background:#fee2e2;transform:translateY(-1px)}.preview-img{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 22px #0f172a14;max-height:230px;max-width:330px;object-fit:contain}.preview-img,.preview-video{display:block;margin-top:12px;width:100%}.preview-video{background:#000;border-radius:16px;height:260px;max-width:480px}.genially-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;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%}.pertemuan-group{margin-top:20px}.pertemuan-group:first-of-type{margin-top:0}.pertemuan-group h3{color:#9a6700;font-size:12px;font-weight:900;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.materi-grid{grid-gap:10px;display:grid;gap:10px}.materi-card{grid-gap:12px;align-items:center;background:#fcfcfd;border:1px solid #e7edf3;border-radius:16px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:15px;transition:.22s ease}.materi-card:hover{background:#fffaf2;border-color:#f3d7aa;box-shadow:0 10px 24px #0f172a0f;transform:translateY(-2px)}.materi-number{background:#fff7e8;border:1px solid #f3d7aa;border-radius:999px;color:#9a6700;display:inline-flex;font-size:10.8px;font-weight:900;margin-bottom:7px;padding:5px 9px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.materi-card h4{color:#111827;font-size:13.5px;font-weight:900;line-height:1.45;margin:0}@media (max-width:1200px){.kelola-page{padding-left:120px}.kelola-layout{grid-template-columns:1fr}.materi-list{max-height:none;position:static}.kelola-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.kelola-page{padding:34px 14px 70px 105px}.kelola-header{align-items:flex-start;border-radius:24px;flex-direction:column;padding:24px}.kelola-refresh-btn{width:100%}.kelola-title{font-size:25px}.kelola-summary{grid-template-columns:1fr}.kelola-form,.materi-list{border-radius:20px;padding:18px}.form-grid{grid-template-columns:1fr}.button-row{display:grid;grid-template-columns:1fr 1fr}.add-content{width:100%}.konten-block-header,.materi-card{align-items:flex-start;flex-direction:column;grid-template-columns:1fr}.delete-content,.delete-materi-btn{width:100%}}@media (max-width:480px){.kelola-page{padding:26px 10px 50px 78px}.kelola-title{font-size:22px}.button-row{grid-template-columns:1fr}}.kelolaproyek-page,.kelolaproyek-page *{box-sizing:border-box}.kelolaproyek-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.kelolaproyek-container{margin:0 auto;max-width:1300px;width:100%}.kelolaproyek-hero{align-items:flex-start;background:#fff;border:1px solid #edf0f5;border-radius:28px;box-shadow:0 16px 38px #0f172a0f;display:flex;gap:22px;justify-content:space-between;margin-bottom:22px;padding:32px 36px}.kelolaproyek-badge{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:12px;font-weight:900;margin-bottom:16px;padding:8px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kelolaproyek-title{color:#111827;font-size:30px;font-weight:900;letter-spacing:-.4px;line-height:1.25;margin:0 0 10px}.kelolaproyek-desc{color:#64748b;font-size:14.5px;line-height:1.8;margin:0;max-width:780px}.hero-refresh-btn{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 12px 28px #d89a3442;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:14px 22px;transition:.22s ease}.hero-refresh-btn:hover{box-shadow:0 16px 34px #d89a3452;transform:translateY(-2px)}.filter-card{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:20px;box-shadow:0 12px 28px #0f172a0d;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px;padding:17px 22px}.filter-card strong{color:#111827;font-size:14px;font-weight:900;white-space:nowrap}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.filter-tabs button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:900;padding:11px 18px;transition:.22s ease}.filter-tabs button:hover{border-color:#f3d7aa;color:#9a6700;transform:translateY(-1px)}.filter-tabs button.active{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;box-shadow:0 10px 22px #d89a3438;color:#fff}.kelolaproyek-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.kelolaproyek-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:360px minmax(0,1fr)}.kelolaproyek-sidebar{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a0f;padding:24px;position:-webkit-sticky;position:sticky;top:24px}.proyek-form-modern{display:flex;flex-direction:column}.proyek-form-modern label{color:#374151;display:block;font-size:13px;font-weight:900;margin-bottom:8px}.proyek-form-modern input{background:#fff;border:1px solid #dbe2ea;border-radius:15px;color:#374151;font-family:Poppins,sans-serif;font-size:13.5px;margin-bottom:16px;padding:13px 15px;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-monitor-gallery,.btn-primary{border-radius:14px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:12px 17px;transition:.25s ease}.btn-delete,.btn-primary{border:none}.btn-delete{background:#ef4444;box-shadow:0 10px 24px #ef444429;color:#fff}.btn-monitor-gallery{background:#fff7e8;border:1px solid #f3d7aa;color:#9a6700}.btn-delete:hover,.btn-monitor-gallery:hover,.btn-primary:hover{transform:translateY(-2px)}.btn-monitor-gallery:hover{background:#f4c27a;color:#1f2937}.sidebar-monitor-note{background:#fffaf2;border:1px solid #f3eadc;border-radius:17px;margin-top:22px;padding:15px}.sidebar-monitor-note strong{color:#7c4a00;display:block;font-size:13px;font-weight:900;margin-bottom:7px}.sidebar-monitor-note p{color:#64748b;font-size:12.7px;line-height:1.75;margin:0}.kelolaproyek-content{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a0f;min-height:600px;min-width:0;padding:26px}.empty-box{min-height:520px}.project-accordion-list{display:flex;flex-direction:column;gap:18px}.accordion-header-left h3{font-size:16px}.student-info-grid{grid-template-columns:repeat(3,1fr)}.project-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{background:#fff;border:1px solid #e7edf3;border-radius:20px;box-shadow:0 8px 24px #0f172a0a;padding:18px}.project-card-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.project-small-label{color:#9a6700;display:block;font-size:11px;font-weight:900;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.project-card-head h3{color:#111827;font-size:15px;font-weight:900;line-height:1.45;margin:0}.project-number{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#374151;display:inline-flex;font-size:12px;font-weight:900;height:34px;justify-content:center;min-width:48px;padding:0 11px}.project-group{margin-bottom:16px}.project-group label{color:#374151;display:block;font-size:12.5px;font-weight:900;margin-bottom:8px}.project-action{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px;padding-top:18px}.guru-gallery-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;display:flex;inset:0;justify-content:center;padding:28px;position:fixed;z-index:9000}.guru-gallery-modal-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;box-shadow:0 28px 70px #00000047;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(1180px,100%)}.modal-gallery-header{align-items:flex-start;background:linear-gradient(135deg,#fffaf2,#fff);border-bottom:1px solid #edf0f5;display:flex;gap:18px;justify-content:space-between;padding:22px 26px}.modal-gallery-badge{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:11.5px;font-weight:900;margin-bottom:8px;padding:6px 11px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-gallery-header h2{color:#111827;font-size:22px;font-weight:900;line-height:1.3;margin:0 0 6px}.modal-gallery-header p{color:#64748b;font-size:13px;line-height:1.6;margin:0}.modal-close-btn{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#64748b;cursor:pointer;font-size:24px;font-weight:700;height:40px;line-height:1;transition:.2s ease;width:40px}.modal-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#991b1b}.modal-gallery-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 26px 0}.modal-gallery-summary div{background:#f8fafc;border:1px solid #e7edf3;border-radius:16px;padding:13px 14px}.modal-gallery-summary span{color:#64748b;display:block;font-size:11.5px;font-weight:900;margin-bottom:6px}.modal-gallery-summary strong{color:#111827;display:block;font-size:18px;font-weight:900}.modal-gallery-toolbar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:18px 26px}.modal-gallery-toolbar input{border:1px solid #dbe2ea;border-radius:15px;color:#374151;font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:12px 15px;width:100%}.modal-gallery-toolbar input:focus{border-color:#f4c27a;box-shadow:0 0 0 4px #f4c27a29}.modal-refresh-btn{background:#fff7e8;border:1px solid #f3d7aa;border-radius:15px;color:#9a6700;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:12px 16px;transition:.2s ease}.modal-refresh-btn:hover{background:#f4c27a;color:#1f2937}.modal-refresh-btn:disabled{cursor:not-allowed;opacity:.65}.modal-gallery-body{flex:1 1;overflow-y:auto;padding:0 26px 20px}.modal-gallery-empty{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b;display:flex;font-size:13px;justify-content:center;line-height:1.7;margin:0;min-height:260px;padding:24px;text-align:center}.modal-gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.modal-gallery-card{background:#fff;border:1px solid #e7edf3;border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.055);min-width:0;overflow:hidden}.modal-gallery-image{align-items:center;aspect-ratio:4/3;background:#f8fafc;border:none;cursor:zoom-in;display:flex;justify-content:center;padding:9px;width:100%}.modal-gallery-image img{background:#fff;border-radius:13px;height:100%;object-fit:contain;transition:.25s ease;width:100%}.modal-gallery-image:hover img{transform:scale(1.035)}.modal-gallery-card-body{padding:14px}.modal-gallery-label{color:#9ca3af;display:block;font-size:10.5px;font-weight:900;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.modal-gallery-card-body h3{color:#111827;font-size:13.5px;font-weight:900;line-height:1.35;margin:0 0 5px}.modal-gallery-date{color:#64748b;font-size:11.5px;line-height:1.5;margin:0 0 12px}.modal-comment-toggle{background:#fff7e8;border:1px solid #f3d7aa;border-radius:999px;color:#9a6700;cursor:pointer;font-family:Poppins,sans-serif;font-size:11.8px;font-weight:900;padding:9px 11px;transition:.2s ease;width:100%}.modal-comment-toggle.active,.modal-comment-toggle:hover{background:#f4c27a;color:#1f2937}.modal-comment-box{border-top:1px solid #edf0f5;margin-top:12px;padding-top:12px}.modal-comment-list{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding-right:3px}.modal-comment-item{background:#f8fafc;border:1px solid #e7edf3;border-radius:12px;padding:9px}.modal-comment-item div{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:6px}.modal-comment-item b{color:#111827;font-size:11.5px}.modal-comment-item span{color:#94a3b8;font-size:10.3px}.modal-comment-item p{color:#475569;font-size:11.6px;line-height:1.55;margin:0;white-space:pre-wrap}.modal-comment-empty{color:#64748b;font-size:12px;line-height:1.6;margin:0}.modal-pagination{align-items:center;border-top:1px solid #edf0f5;display:flex;gap:12px;justify-content:space-between;padding:16px 26px 20px}.modal-pagination span{color:#64748b;font-size:12.5px;font-weight:900}.modal-pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:900;padding:10px 14px;transition:.2s ease}.modal-pagination button:hover:not(:disabled){background:#fff7e8;border-color:#f3d7aa;color:#9a6700}.modal-pagination button:disabled{cursor:not-allowed;opacity:.5}.guru-image-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.guru-image-modal img{background:#fff;border-radius:18px;box-shadow:0 24px 60px #00000059;max-height:90vh;max-width:min(100%,980px)}@media (max-width:1200px){.kelolaproyek-page{padding-left:120px}.kelolaproyek-layout{grid-template-columns:1fr}.kelolaproyek-sidebar{position:static}.kelolaproyek-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list{grid-template-columns:1fr}.modal-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.guru-gallery-modal{padding:16px}.guru-gallery-modal-card{max-height:92vh}.modal-gallery-grid,.modal-gallery-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-gallery-toolbar{grid-template-columns:1fr}}@media (max-width:768px){.kelolaproyek-page{padding:34px 14px 70px 105px}.filter-card,.kelolaproyek-hero{align-items:flex-start;flex-direction:column}.hero-refresh-btn{width:100%}.filter-tabs{justify-content:flex-start;width:100%}.kelolaproyek-summary,.student-info-grid{grid-template-columns:1fr}.kelolaproyek-content,.kelolaproyek-sidebar{border-radius:20px;padding:18px}.kelolaproyek-hero{padding:24px}.kelolaproyek-title{font-size:25px}.accordion-header,.detail-header,.project-card-head{align-items:flex-start;flex-direction:column}.accordion-header-right{justify-content:space-between;width:100%}.project-action{justify-content:stretch}.btn-delete,.btn-monitor-gallery,.btn-primary{width:100%}}@media (max-width:520px){.modal-gallery-header{padding:18px}.modal-gallery-body,.modal-gallery-summary,.modal-gallery-toolbar,.modal-pagination{padding-left:18px;padding-right:18px}.modal-gallery-grid,.modal-gallery-summary{grid-template-columns:1fr}.modal-pagination{align-items:stretch;flex-direction:column}.modal-pagination button{width:100%}}.kelolaquiz-page,.kelolaquiz-page *{box-sizing:border-box}.kelolaquiz-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.kelolaquiz-container{margin:0 auto;max-width:1300px;width:100%}.kelolaquiz-hero{align-items:flex-start;background:#fff;border:1px solid #edf0f5;border-radius:28px;box-shadow:0 16px 38px #0f172a0f;display:flex;gap:22px;justify-content:space-between;margin-bottom:22px;padding:32px 36px}.kelolaquiz-badge{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:12px;font-weight:900;margin-bottom:16px;padding:8px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kelolaquiz-title{color:#111827;font-size:30px;font-weight:900;letter-spacing:-.4px;line-height:1.25;margin:0 0 10px}.kelolaquiz-desc{color:#64748b;font-size:14.5px;line-height:1.8;margin:0;max-width:800px}.kelolaquiz-refresh-btn{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 12px 28px #d89a3442;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:14px 22px;transition:.22s ease}.kelolaquiz-refresh-btn:hover{box-shadow:0 16px 34px #d89a3452;transform:translateY(-2px)}.kelolaquiz-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.summary-card{background:#fff;border:1px solid #edf0f5;border-radius:20px;box-shadow:0 14px 32px #0f172a0f;padding:20px 22px}.summary-card span{color:#9a6700;display:block;font-size:12.5px;font-weight:900;margin-bottom:10px}.summary-card strong{color:#111827;display:block;font-size:28px;font-weight:900;line-height:1}.kelolaquiz-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:370px minmax(0,1fr)}.kelolaquiz-content,.kelolaquiz-sidebar{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a0f}.kelolaquiz-sidebar{max-height:calc(100vh - 48px);overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:24px}.kelolaquiz-content{min-height:640px;min-width:0;padding:26px}.sidebar-head{margin-bottom:20px}.sidebar-head h2{color:#111827;font-size:20px;font-weight:900;margin:0 0 8px}.sidebar-subtext{color:#64748b;font-size:13.5px;line-height:1.7;margin:0}.quiz-form-modern{display:flex;flex-direction:column}.quiz-form-modern label{color:#374151;display:block;font-size:13px;font-weight:900;margin-bottom:8px}.quiz-form-modern input,.quiz-form-modern select,.quiz-form-modern textarea{background:#fff;border:1px solid #dbe2ea;border-radius:15px;color:#374151;font-family:Poppins,sans-serif;font-size:13.5px;margin-bottom:16px;outline:none;padding:13px 15px;transition:.2s ease;width:100%}.quiz-form-modern input:focus,.quiz-form-modern select:focus,.quiz-form-modern textarea:focus,.rubrik-form input:focus,.rubrik-form select:focus,.rubrik-form textarea:focus{border-color:#f4c27a;box-shadow:0 0 0 4px #f4c27a2e}.quiz-form-modern textarea{line-height:1.7;min-height:110px;resize:vertical}.quiz-form-modern .textarea-large{min-height:140px}.quiz-form-modern input[type=file]{background:#f8fafc;border:1px dashed #cbd5e1;cursor:pointer;padding:13px}.quiz-form-modern hr{border:none;border-top:1px solid #edf0f5;margin:4px 0 18px;width:100%}.upload-text{color:#9a6700;font-size:12.5px;font-weight:800;margin:-8px 0 14px}.btn-delete,.btn-primary,.btn-rubrik-add,.btn-rubrik-cancel,.btn-rubrik-delete,.btn-rubrik-edit,.btn-rubrik-save{border:none;border-radius:14px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:12px 17px;transition:.25s ease}.btn-primary{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 10px 24px #f4c27a40;color:#1f2937}.btn-primary:nth-of-type(2){background:#eef2f7;box-shadow:none;color:#374151}.btn-delete,.btn-rubrik-delete{background:#ef4444;box-shadow:0 10px 24px #ef444429;color:#fff}.btn-rubrik-add{background:#fff7e8;border:1px solid #f3d7aa;color:#9a6700;font-size:12px;padding:10px 13px}.btn-rubrik-save{background:linear-gradient(135deg,#f6d28b,#ebb85f);color:#1f2937}.btn-rubrik-cancel,.btn-rubrik-edit{background:#eef2f7;color:#374151}.btn-delete:hover,.btn-primary:hover,.btn-rubrik-add:hover,.btn-rubrik-cancel:hover,.btn-rubrik-delete:hover,.btn-rubrik-edit:hover,.btn-rubrik-save:hover{transform:translateY(-2px)}.btn-delete:disabled,.btn-primary:disabled,.btn-rubrik-add:disabled,.btn-rubrik-cancel:disabled,.btn-rubrik-delete:disabled,.btn-rubrik-edit:disabled,.btn-rubrik-save:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn-full{margin-top:4px;width:100%}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}.detail-header h2{color:#111827;font-size:21px;font-weight:900;margin:0 0 6px}.detail-subtitle{color:#64748b;font-size:13.5px;line-height:1.7;margin:0}.empty-box{align-items:center;background:#f8fafc;border:1px dashed #d8e0ea;border-radius:20px;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:540px;padding:24px;text-align:center}.empty-illustration{font-size:42px;margin-bottom:12px}.empty-box h3{color:#111827;font-weight:900;margin:0 0 8px}.empty-box p{font-size:13px;line-height:1.7;margin:0;max-width:420px}.question-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;font-family:Poppins,sans-serif;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:17px;font-weight:900;margin:0 0 6px}.accordion-header-left p{color:#64748b;font-size:13px;line-height:1.6;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:900;padding:7px 11px;white-space:nowrap}.accordion-arrow{color:#64748b;font-size:14px;transition:transform .25s ease}.accordion-arrow.open{transform:rotate(180deg)}.accordion-body{background:#fff;padding:22px}.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:17px;padding:15px}.info-card span{color:#64748b;display:block;font-size:12px;font-weight:800;margin-bottom:8px}.info-card strong{color:#111827;font-size:17px;font-weight:900}.info-card.highlight{background:linear-gradient(135deg,#fff7e8,#fff2d8);border-color:#f4d39e}.info-card.highlight strong{color:#8a5a00}.question-list{display:flex;flex-direction:column;gap:18px}.question-card{background:#fff;border:1px solid #e7edf3;border-radius:20px;box-shadow:0 8px 24px #0f172a0a;margin-bottom:18px;padding:20px}.question-card:last-child{margin-bottom:0}.question-card-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.question-card-head h3{color:#111827;font-size:17px;font-weight:900;line-height:1.45;margin:0}.question-number{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:13px;color:#374151;display:inline-flex;font-size:12px;font-weight:900;height:36px;justify-content:center;min-width:52px;padding:0 12px}.question-group{margin-bottom:16px}.question-group label{color:#374151;display:block;font-size:12.5px;font-weight:900;margin-bottom:8px}.readonly-box{background:#f8fafc;border:1px solid #e6ebf2;border-radius:15px;color:#374151;font-size:13px;line-height:1.75;padding:13px 14px}.pre-line{white-space:pre-line}.meta-inline{display:flex;flex-wrap:wrap;gap:8px}.meta-inline span{background:#f8fafc;border:1px solid #e6ebf2;border-radius:999px;color:#475569;font-size:11.7px;font-weight:800;padding:7px 10px}.quiz-preview-img{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 22px #0f172a14;display:block;margin-top:10px;max-height:230px;max-width:330px;object-fit:contain;width:100%}.rubrik-section{background:#f8fafc;border:1px solid #e7edf3;border-radius:18px;margin-top:18px;padding:18px}.rubrik-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.rubrik-header h4{color:#111827;font-size:14px;font-weight:900;margin:0}.rubrik-form{background:#fff;border:1px solid #edf0f5;border-radius:18px;box-shadow:0 8px 20px rgba(15,23,42,.035);margin:14px 0;padding:16px}.rubrik-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.form-group{margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:12.5px;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{font-size:13px;outline:none}.form-group textarea{min-height:90px}.form-group small{color:#94a3b8;display:block;font-size:11.5px;line-height:1.5;margin-top:6px}.rubrik-form-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:15px}.rubrik-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.rubrik-list h5{color:#374151;font-size:13px;font-weight:900;margin:0 0 4px}.rubrik-item{grid-gap:14px;align-items:flex-start;background:#fff;border:1px solid #edf0f5;border-radius:15px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:13px}.rubrik-item-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rubrik-order{align-items:center;background:#fff7e8;border:1px solid #f3d7aa;border-radius:999px;color:#9a6700;display:inline-flex;font-size:11px;font-weight:900;height:28px;justify-content:center;width:28px}.rubrik-feedback,.rubrik-field,.rubrik-keywords,.rubrik-minmatch,.rubrik-score{border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:800;line-height:1.4;padding:6px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rubrik-field{background:#eef2f7;color:#374151}.rubrik-score{background:#dcfce7;color:#15803d}.rubrik-minmatch{background:#fff7e8;color:#9a6700}.rubrik-keywords{background:#f8fafc;border:1px solid #edf0f5;color:#64748b}.rubrik-feedback{background:#f8fafc;border:1px solid #edf0f5;border-radius:12px;color:#475569;white-space:normal;width:100%}.rubrik-item-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-rubrik-delete,.btn-rubrik-edit{font-size:12px;padding:9px 12px}.question-action{border-top:1px solid #edf0f5;display:flex;justify-content:flex-end;margin-top:18px;padding-top:18px}@media (max-width:1200px){.kelolaquiz-page{padding-left:120px}.kelolaquiz-layout{grid-template-columns:1fr}.kelolaquiz-sidebar{max-height:none;position:static}.kelolaquiz-summary,.student-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rubrik-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kelolaquiz-page{padding:34px 14px 70px 105px}.kelolaquiz-hero{align-items:flex-start;flex-direction:column;padding:24px}.kelolaquiz-refresh-btn{width:100%}.kelolaquiz-title{font-size:25px}.kelolaquiz-summary,.rubrik-form-grid,.student-info-grid{grid-template-columns:1fr}.kelolaquiz-content,.kelolaquiz-sidebar{border-radius:20px;padding:18px}.accordion-header,.question-card-head,.rubrik-header,.rubrik-item{align-items:flex-start;flex-direction:column;grid-template-columns:1fr}.accordion-header-right{justify-content:space-between;width:100%}.rubrik-header>div{flex-direction:column;width:100%}.btn-delete,.btn-rubrik-add,.btn-rubrik-cancel,.btn-rubrik-delete,.btn-rubrik-edit,.btn-rubrik-save{width:100%}.question-action,.rubrik-form-actions,.rubrik-item-actions{flex-direction:column;width:100%}}@media (max-width:480px){.kelolaquiz-page{padding:26px 10px 50px 78px}.kelolaquiz-title{font-size:22px}}.nqg-page,.nqg-page *{box-sizing:border-box}.nqg-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.nqg-container{margin:0 auto;max-width:1300px;width:100%}.nqg-hero{align-items:flex-start;background:#fff;border:1px solid #edf0f5;border-radius:28px;box-shadow:0 16px 38px #0f172a0f;display:flex;gap:22px;justify-content:space-between;margin-bottom:22px;padding:32px 36px}.nqg-badge{align-items:center;background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:12px;font-weight:900;margin-bottom:16px;padding:8px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nqg-title{color:#111827;font-size:30px;font-weight:900;letter-spacing:-.4px;line-height:1.25;margin:0 0 10px}.nqg-desc{color:#64748b;font-size:14.5px;line-height:1.8;margin:0;max-width:800px}.nqg-refresh-btn{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 12px 28px #d89a3442;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:14px 22px;transition:.22s ease}.nqg-refresh-btn:hover{box-shadow:0 16px 34px #d89a3452;transform:translateY(-2px)}.nqg-filter-card{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:20px;box-shadow:0 12px 28px #0f172a0d;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px;padding:17px 22px}.nqg-filter-card strong{color:#111827;font-size:14px;font-weight:900;white-space:nowrap}.nqg-filter-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.nqg-filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:900;padding:11px 18px;transition:.22s ease}.nqg-filter-btn:hover{border-color:#f3d7aa;color:#9a6700;transform:translateY(-1px)}.nqg-filter-btn.nqg-active{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;box-shadow:0 10px 22px #d89a3438;color:#fff}.nqg-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.nqg-summary-card{background:#fff;border:1px solid #edf0f5;border-radius:20px;box-shadow:0 14px 32px #0f172a0f;padding:20px 22px}.nqg-summary-card span{color:#9a6700;display:block;font-size:12.5px;font-weight:900;margin-bottom:10px}.nqg-summary-card strong{color:#111827;display:block;font-size:28px;font-weight:900;line-height:1}.nqg-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:340px minmax(0,1fr)}.nqg-content,.nqg-sidebar{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a0f}.nqg-sidebar{max-height:calc(100vh - 48px);overflow-y:auto;padding:22px;position:-webkit-sticky;position:sticky;top:24px}.nqg-content{min-height:620px;min-width:0;padding:26px}.nqg-sidebar-head{margin-bottom:18px}.nqg-sidebar-head h2{color:#111827;font-size:18px;font-weight:900;margin:0 0 6px}.nqg-sidebar-head p{color:#64748b;font-size:12.8px;line-height:1.6;margin:0}.nqg-empty-text{color:#64748b;font-size:13px;line-height:1.7;margin:0;padding:20px 12px;text-align:center}.nqg-submission-list{display:flex;flex-direction:column;gap:12px}.nqg-submission-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:18px;cursor:pointer;font-family:Poppins,sans-serif;padding:15px;text-align:left;transition:.22s ease;width:100%}.nqg-submission-card:hover{border-color:#f3d7aa;box-shadow:0 12px 24px #0f172a12;transform:translateY(-2px)}.nqg-submission-card.nqg-active{background:#fffaf2;border-color:#ebb85f;box-shadow:0 14px 28px #d89a3421}.nqg-submission-top{grid-gap:12px;align-items:flex-start;display:grid;gap:12px;grid-template-columns:1fr 56px;margin-bottom:12px}.nqg-submission-top h3{color:#111827;font-size:14.5px;font-weight:900;line-height:1.4;margin:0 0 9px}.nqg-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;line-height:1;padding:6px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nqg-status-badge.nqg-graded{background:#dcfce7;color:#15803d}.nqg-status-badge.nqg-pending{background:#fff7e8;color:#9a6700}.nqg-score-bubble{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 18px #0f172a0d;display:flex;flex-direction:column;height:56px;justify-content:center;width:56px}.nqg-score-bubble strong{color:#111827;display:block;font-size:17px;font-weight:900;line-height:1}.nqg-score-bubble small{color:#94a3b8;display:block;font-size:9.5px;font-weight:900;margin-top:4px}.nqg-score-bubble.nqg-graded{background:#dcfce7;border-color:#bbf7d0}.nqg-score-bubble.nqg-pending{background:#fff7e8;border-color:#f3d7aa}.nqg-submission-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.nqg-submission-meta p{background:#f8fafc;border:1px solid #edf0f5;border-radius:12px;margin:0;padding:9px 10px}.nqg-submission-meta span{color:#64748b;display:block;font-size:10.5px;font-weight:800;margin-bottom:4px}.nqg-submission-meta strong{color:#111827;font-size:12px;font-weight:900;line-height:1.4}.nqg-submission-date{color:#64748b;font-size:11.8px;line-height:1.5}.nqg-empty-box{align-items:center;background:#f8fafc;border:1px dashed #d8e0ea;border-radius:20px;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:520px;padding:28px;text-align:center}.nqg-empty-illustration{font-size:42px;margin-bottom:10px}.nqg-empty-box h3{color:#111827;font-size:17px;font-weight:900;margin:0 0 8px}.nqg-empty-box p{font-size:13px;line-height:1.7;margin:0;max-width:440px}.nqg-result-summary-card{grid-gap:20px;align-items:stretch;background:#fffaf2;border:1px solid #f3eadc;border-radius:22px;display:grid;gap:20px;grid-template-columns:170px minmax(0,1fr);margin-bottom:18px;padding:22px}.nqg-result-score-block{align-items:center;background:#fff;border:1px solid #f3eadc;border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:150px}.nqg-result-score-block span{color:#9a6700;font-size:12px;font-weight:900;margin-bottom:8px}.nqg-result-score-block strong{color:#111827;font-size:46px;font-weight:900;letter-spacing:-1px;line-height:1}.nqg-result-score-block small{color:#64748b;font-size:12px;font-weight:800;margin-top:8px}.nqg-result-score-block.nqg-passed{background:#f4fff7;border-color:#bbf7d0}.nqg-result-score-block.nqg-revision{background:#fff;border-color:#f3d7aa}.nqg-result-summary-content{min-width:0}.nqg-result-summary-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.nqg-detail-label{background:#fff2d8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:11px;font-weight:900;margin-bottom:7px;padding:6px 11px}.nqg-result-summary-top h2{color:#111827;font-size:21px;font-weight:900;line-height:1.35;margin:0 0 5px}.nqg-result-summary-top p{color:#64748b;font-size:13px;font-weight:700;margin:0}.nqg-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.nqg-info-card{background:#fff;border:1px solid #f3eadc;border-radius:15px;padding:12px}.nqg-info-card span{color:#9a6700;display:block;font-size:10.8px;font-weight:900;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.nqg-info-card strong{color:#374151;display:block;font-size:12.5px;font-weight:900;line-height:1.5}.nqg-rule-box{grid-gap:5px;border-radius:18px;display:grid;font-size:12.8px;gap:5px;line-height:1.7;margin-bottom:18px;padding:15px 16px}.nqg-rule-box strong{font-size:13.5px;font-weight:900}.nqg-rule-box p{margin:0}.nqg-rule-box.nqg-passed{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}.nqg-rule-box.nqg-revision{background:#fff7e8;border:1px solid #f4d39e;color:#7c4a00}.nqg-answer-list{display:flex;flex-direction:column;gap:16px}.nqg-answer-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:20px;box-shadow:0 8px 22px #0f172a0a;padding:20px}.nqg-answer-card-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.nqg-question-count{background:#eef2f7;border-radius:999px;color:#374151;display:inline-flex;font-size:11px;font-weight:900;margin-bottom:7px;padding:6px 11px}.nqg-answer-card-head h3{color:#111827;font-size:16px;font-weight:900;margin:0 0 8px}.nqg-answer-status{border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;padding:6px 11px}.nqg-answer-status.nqg-passed{background:#dcfce7;color:#15803d}.nqg-answer-status.nqg-revision{background:#fff7e8;color:#9a6700}.nqg-answer-status.nqg-failed{background:#fee2e2;color:#dc2626}.nqg-score-inline{background:#fff;border:1px solid #e7edf3;border-radius:15px;flex-shrink:0;min-width:94px;padding:10px}.nqg-score-inline label{color:#64748b;display:block;font-size:11px;font-weight:900;margin-bottom:6px}.nqg-score-inline input{background:#fff;border:1px solid #dbe2ea;border-radius:12px;color:#111827;font-family:Poppins,sans-serif;font-size:16px;font-weight:900;height:42px;outline:none;text-align:center;width:100%}.nqg-answer-group textarea:focus,.nqg-score-inline input:focus{border-color:#f4c27a;box-shadow:0 0 0 4px #f4c27a29}.nqg-answer-group{margin-bottom:14px}.nqg-answer-group>label{color:#374151;display:block;font-size:12px;font-weight:900;margin-bottom:7px}.nqg-readonly-box{background:#f8fafc;border:1px solid #e6ebf2;border-radius:15px;color:#374151;font-size:13px;line-height:1.7;padding:13px 14px;white-space:pre-wrap}.nqg-question-box{background:#fff}.nqg-answer-box{background:#f8fafc}.nqg-answer-box i{color:#9ca3af;font-style:italic}.nqg-normal-answer{color:#374151;font-size:13px;line-height:1.7;white-space:pre-line}.nqg-structured-answer{grid-gap:10px;display:grid;gap:10px}.nqg-structured-answer.inner{gap:8px}.nqg-answer-item{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:12px}.nqg-answer-label{color:#9a6700;font-size:12px;font-weight:900;margin-bottom:6px}.nqg-answer-value{color:#4b5563;font-size:12.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.nqg-rubric-detail-box{background:#fff;border:1px solid #e5e7eb;border-radius:17px;margin:15px 0;padding:15px}.nqg-rubric-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:13px}.nqg-rubric-head h4{color:#374151;font-size:13px;font-weight:900;margin:0}.nqg-rubric-head span{background:#fff7e8;border-radius:999px;color:#9a6700;font-size:11px;font-weight:900;padding:5px 10px}.nqg-rubric-detail-list{display:flex;flex-direction:column;gap:10px}.nqg-rubric-detail-row{align-items:flex-start;background:#f8fafc;border:1px solid #edf0f5;border-radius:15px;display:flex;gap:12px;justify-content:space-between;padding:13px}.nqg-rubric-detail-row.nqg-passed{background:#f4fff7;border-color:#bbf7d0}.nqg-rubric-detail-row.nqg-failed{background:#fff7e8;border-color:#f3d7aa}.nqg-rubric-number{background:#fff;border:1px solid #f3d7aa;border-radius:999px;color:#9a6700;display:inline-flex;font-size:10.8px;font-weight:900;margin-bottom:7px;padding:5px 9px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nqg-rubric-detail-row strong{color:#111827;display:block;font-size:12.8px;font-weight:900}.nqg-rubric-detail-row p{color:#64748b;font-size:11.8px;line-height:1.6;margin:6px 0 0}.nqg-rubric-score-pill{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:900;height:38px;justify-content:center;min-width:38px}.nqg-rubric-score-pill.nqg-passed{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.nqg-rubric-score-pill.nqg-failed{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.nqg-answer-group textarea{background:#fff;border:1px solid #dbe2ea;border-radius:15px;color:#374151;font-family:Poppins,sans-serif;font-size:13px;line-height:1.7;min-height:100px;outline:none;padding:12px 14px;resize:vertical;width:100%}.nqg-answer-image-btn{background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;max-width:300px;padding:8px;text-align:center;transition:.2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nqg-answer-image-btn:hover{box-shadow:0 10px 22px #0f172a14;transform:translateY(-2px)}.nqg-answer-image-btn img{background:#f8fafc;border-radius:12px;display:block;max-height:190px;max-width:280px;object-fit:contain;width:100%}.nqg-answer-image-btn span{color:#64748b;display:block;font-size:11.5px;font-weight:800;margin-top:7px}.nqg-action-area{align-items:center;background:#fffffff5;border:1px solid #e5e7eb;border-radius:20px;bottom:16px;box-shadow:0 18px 36px #0f172a1f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:22px;padding:14px;position:-webkit-sticky;position:sticky;z-index:5}.nqg-action-summary{background:#f8fafc;border:1px solid #e7edf3;border-radius:14px;min-width:160px;padding:10px 14px}.nqg-action-summary span{color:#64748b;display:block;font-size:11px;font-weight:900;margin-bottom:4px}.nqg-action-summary strong{color:#111827;font-size:13px;font-weight:900}.nqg-action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.nqg-btn-primary,.nqg-btn-secondary{border:none;border-radius:13px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:11px 17px;transition:.2s ease}.nqg-btn-primary{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 10px 22px #f4c27a38;color:#1f2937}.nqg-btn-secondary{background:#eef2f7;color:#374151}.nqg-btn-secondary.compact{padding:9px 14px}.nqg-btn-primary:hover,.nqg-btn-secondary:hover{transform:translateY(-2px)}.nqg-btn-primary:disabled,.nqg-btn-secondary:disabled{cursor:not-allowed;opacity:.65;transform:none}.nqg-image-modal{align-items:center;background:#0f172ac7;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.nqg-image-modal-content{max-height:90vh;max-width:90vw;position:relative}.nqg-image-modal-content img{background:#fff;border-radius:16px;display:block;max-height:90vh;max-width:90vw}.nqg-image-modal-close{background:#ef4444;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:24px;height:38px;position:absolute;right:-14px;top:-14px;width:38px}@media (max-width:1200px){.nqg-page{padding-left:120px}.nqg-layout{grid-template-columns:1fr}.nqg-sidebar{max-height:none;position:static}.nqg-info-grid{grid-template-columns:repeat(2,1fr)}.nqg-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.nqg-result-summary-card{grid-template-columns:150px minmax(0,1fr)}}@media (max-width:768px){.nqg-page{padding:34px 14px 70px 105px}.nqg-filter-card,.nqg-hero{align-items:flex-start;flex-direction:column}.nqg-refresh-btn{width:100%}.nqg-filter-group{justify-content:flex-start;width:100%}.nqg-title{font-size:25px}.nqg-info-grid,.nqg-summary{grid-template-columns:1fr}.nqg-layout{gap:16px}.nqg-content,.nqg-sidebar{border-radius:20px;padding:18px}.nqg-hero{padding:24px}.nqg-result-summary-card{grid-template-columns:1fr;padding:18px}.nqg-result-score-block{min-height:130px}.nqg-result-score-block strong{font-size:40px}.nqg-action-area,.nqg-answer-card-head,.nqg-result-summary-top,.nqg-rubric-detail-row{flex-direction:column}.nqg-score-inline{width:100%}.nqg-action-buttons{flex-direction:column;width:100%}.nqg-btn-primary,.nqg-btn-secondary{width:100%}}@media (max-width:480px){.nqg-page{padding:26px 10px 50px 78px}.nqg-title{font-size:22px}.nqg-filter-group{flex-direction:column}.nqg-filter-btn{width:100%}.nqg-submission-meta{grid-template-columns:1fr}}.monitor-proyek-page,.monitor-proyek-page *{box-sizing:border-box}.monitor-proyek-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:28px 34px 60px 315px}.monitor-proyek-container{margin:0 auto;max-width:1180px}.monitor-proyek-header{align-items:flex-start;background:#fff;border-radius:22px;box-shadow:0 14px 34px #0f172a14;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;padding:26px 28px}.monitor-proyek-badge{background:#fff7e8;border-radius:999px;color:#c88219;display:inline-flex;font-size:11.5px;font-weight:900;margin-bottom:10px;padding:7px 13px}.monitor-proyek-header h1{color:#172033;font-size:25px;font-weight:900;margin:0 0 8px}.monitor-proyek-header p{color:#64748b;font-size:13px;line-height:1.7;margin:0}.monitor-proyek-header button{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 10px 22px #d89a3438;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:900;padding:12px 17px;transition:.2s ease;white-space:nowrap}.monitor-proyek-header button:hover{transform:translateY(-2px)}.monitor-meeting-filter{align-items:center;background:#fff;border-radius:18px;box-shadow:0 10px 26px #0f172a12;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px;padding:15px 17px}.monitor-meeting-filter span{color:#172033;font-size:13px;font-weight:900;white-space:nowrap}.monitor-meeting-filter div{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.monitor-meeting-filter button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:900;padding:9px 14px;transition:.2s ease}.monitor-meeting-filter button.active,.monitor-meeting-filter button:hover{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;box-shadow:0 8px 18px #d89a342e;color:#fff}.monitor-proyek-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.monitor-proyek-summary div{background:#fff;border-radius:18px;box-shadow:0 10px 26px #0f172a12;padding:16px 18px}.monitor-proyek-summary span{color:#9a6700;display:block;font-size:11.5px;font-weight:900;margin-bottom:7px}.monitor-proyek-summary strong{color:#172033;display:block;font-size:23px;font-weight:900}.monitor-proyek-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:315px minmax(0,1fr)}.monitor-proyek-content,.monitor-proyek-sidebar{background:#fff;border-radius:20px;box-shadow:0 12px 30px #0f172a14;min-width:0;padding:18px}.monitor-proyek-sidebar h2{color:#172033;font-size:15px;font-weight:900;margin:0 0 14px}.monitor-proyek-list{display:flex;flex-direction:column;gap:10px}.monitor-proyek-item{background:#fcfcfd;border:1px solid #edf0f5;border-radius:15px;cursor:pointer;font-family:Poppins,sans-serif;padding:13px;text-align:left;transition:.2s ease;width:100%}.monitor-proyek-item.active,.monitor-proyek-item:hover{background:#fffaf2;border-color:#ebb85f;transform:translateY(-1px)}.monitor-proyek-item-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:9px}.monitor-proyek-item h3{color:#172033;font-size:13.5px;font-weight:900;line-height:1.4;margin:0}.monitor-proyek-item p{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 5px}.monitor-proyek-item p b{color:#334155}.monitor-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;justify-content:center;padding:6px 9px;white-space:nowrap}.monitor-status.submitted{background:#dcfce7;color:#166534}.monitor-status.draft{background:#fff7e8;color:#9a6700}.monitor-status.empty{background:#eef2f7;color:#475569}.monitor-proyek-empty,.monitor-proyek-empty-box,.monitor-proyek-empty-small{color:#64748b;font-size:13px;line-height:1.6;text-align:center}.monitor-proyek-empty{padding:20px 8px}.monitor-proyek-empty-box{align-items:center;background:#fff;border:1px dashed #d8e0ea;border-radius:16px;display:flex;justify-content:center;min-height:420px}.monitor-proyek-empty-small{background:#f8fafc;border:1px dashed #d8e0ea;border-radius:14px;padding:16px}.monitor-proyek-detail-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.monitor-proyek-detail-header h2{color:#172033;font-size:20px;font-weight:900;margin:0 0 5px}.monitor-proyek-detail-header p{color:#64748b;font-size:13px;margin:0}.monitor-proyek-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.monitor-proyek-meta div{background:#fffaf2;border:1px solid #f3eadc;border-radius:14px;min-width:0;padding:12px}.monitor-proyek-meta span{color:#9a6700;display:block;font-size:11.5px;font-weight:900;margin-bottom:6px}.monitor-proyek-meta strong{color:#1f2937;display:block;font-size:12.5px;font-weight:900;line-height:1.5;overflow-wrap:break-word}.monitor-proyek-detail-list{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1fr}.monitor-proyek-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:16px;min-width:0;padding:15px}.monitor-proyek-card.full{grid-column:1/-1}.monitor-card-title label,.monitor-proyek-card label{color:#172033;display:block;font-size:12.5px;font-weight:900;margin-bottom:8px}.monitor-proyek-card p{background:#fffaf2;border:1px solid #f3eadc;border-radius:12px;color:#475569;font-size:12.8px;line-height:1.7;margin:0;padding:11px 12px;white-space:pre-line}.monitor-card-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.monitor-card-title label{margin:0}.monitor-card-title span{background:#fff7e8;border-radius:999px;color:#9a6700;font-size:11.5px;font-weight:900;padding:6px 10px;white-space:nowrap}.monitor-proyek-table-wrap{background:#fff;border:1px solid #edf0f5;border-radius:14px;max-width:100%;overflow-x:auto;width:100%}.monitor-proyek-table{border-collapse:collapse;table-layout:fixed;width:100%}.monitor-proyek-table th{background:#f8fafc;border-bottom:1px solid #edf0f5;color:#64748b;font-size:11.5px;font-weight:900;padding:12px;text-align:left}.monitor-proyek-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:12px;line-height:1.6;overflow-wrap:break-word;padding:12px;vertical-align:top}.monitor-proyek-table tbody tr:nth-child(2n){background:#fcfcfd}.monitor-proyek-table tbody tr:last-child td{border-bottom:none}.monitor-proyek-table td:first-child,.monitor-proyek-table th:first-child{text-align:center;width:48px}@media (max-width:1180px){.monitor-proyek-summary{grid-template-columns:repeat(2,1fr)}.monitor-proyek-layout{grid-template-columns:1fr}}@media (max-width:768px){.monitor-proyek-page{padding:22px 16px 60px 105px}.monitor-card-title,.monitor-meeting-filter,.monitor-proyek-detail-header,.monitor-proyek-header{align-items:flex-start;flex-direction:column}.monitor-meeting-filter div{justify-content:flex-start}.monitor-proyek-meta,.monitor-proyek-summary{grid-template-columns:1fr}.monitor-proyek-table{min-width:720px}}.guru-evaluasi-page,.guru-evaluasi-page *{box-sizing:border-box}.guru-evaluasi-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:28px 34px 60px 315px}.guru-evaluasi-container{margin:0 auto;max-width:1180px}.guru-evaluasi-header{align-items:flex-start;background:#fff;border-radius:22px;box-shadow:0 14px 34px #0f172a14;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;padding:26px 28px}.guru-evaluasi-badge{background:#fff7e8;border-radius:999px;color:#c88219;display:inline-flex;font-size:11.5px;font-weight:900;margin-bottom:10px;padding:7px 13px}.guru-evaluasi-header h1{color:#172033;font-size:25px;font-weight:900;margin:0 0 8px}.guru-evaluasi-header p{color:#64748b;font-size:13px;line-height:1.7;margin:0}.guru-evaluasi-header button{background:linear-gradient(135deg,#f6d28b,#ebb85f);border:none;border-radius:999px;box-shadow:0 10px 22px #d89a3438;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:900;padding:12px 17px;transition:.2s ease;white-space:nowrap}.guru-evaluasi-header button:hover{transform:translateY(-2px)}.guru-evaluasi-meeting-filter{align-items:center;background:#fff;border-radius:18px;box-shadow:0 10px 26px #0f172a12;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px;padding:15px 17px}.guru-evaluasi-meeting-filter span{color:#172033;font-size:13px;font-weight:900;white-space:nowrap}.guru-evaluasi-meeting-filter div{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.guru-evaluasi-meeting-filter button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:900;padding:9px 14px;transition:.2s ease}.guru-evaluasi-meeting-filter button.active,.guru-evaluasi-meeting-filter button:hover{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-color:#ebb85f;box-shadow:0 8px 18px #d89a342e;color:#fff}.guru-evaluasi-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.guru-evaluasi-summary div{background:#fff;border-radius:18px;box-shadow:0 10px 26px #0f172a12;padding:16px 18px}.guru-evaluasi-summary span{color:#9a6700;display:block;font-size:11.5px;font-weight:900;margin-bottom:7px}.guru-evaluasi-summary strong{color:#172033;display:block;font-size:23px;font-weight:900}.guru-evaluasi-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.4fr .8fr;margin-bottom:20px}.guru-evaluasi-card,.guru-evaluasi-content,.guru-evaluasi-sidebar{background:#fff;border-radius:20px;box-shadow:0 12px 30px #0f172a14;min-width:0;padding:18px}.guru-evaluasi-card-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.guru-evaluasi-card-title h2{color:#172033;font-size:15px;font-weight:900;margin:0}.guru-evaluasi-card-title span{background:#fff7e8;border-radius:999px;color:#9a6700;font-size:11.5px;font-weight:900;padding:6px 10px;white-space:nowrap}.indicator-average-list{display:flex;flex-direction:column;gap:13px}.indicator-average-item{background:#fcfcfd;border:1px solid #edf0f5;border-radius:14px;padding:12px}.indicator-average-item strong{color:#172033;display:block;font-size:12.8px;font-weight:900;line-height:1.5}.indicator-average-item p{color:#64748b;font-size:12px;margin:4px 0 9px}.indicator-bar{background:#eef2f7;border-radius:999px;height:9px;overflow:hidden;width:100%}.indicator-bar span{background:linear-gradient(135deg,#f6d28b,#ebb85f);border-radius:999px;display:block;height:100%}.category-list{display:flex;flex-direction:column;gap:9px}.category-item{align-items:center;background:#fcfcfd;border:1px solid #edf0f5;border-radius:13px;display:flex;gap:12px;justify-content:space-between;padding:11px 12px}.category-item span{color:#475569;font-size:12.5px;font-weight:800}.category-item strong{color:#172033;font-size:15px;font-weight:900}.guru-evaluasi-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:315px minmax(0,1fr)}.guru-evaluasi-sidebar h2{color:#172033;font-size:15px;font-weight:900;margin:0 0 14px}.guru-evaluasi-list{display:flex;flex-direction:column;gap:10px}.guru-evaluasi-item{background:#fcfcfd;border:1px solid #edf0f5;border-radius:15px;cursor:pointer;font-family:Poppins,sans-serif;padding:13px;text-align:left;transition:.2s ease;width:100%}.guru-evaluasi-item.active,.guru-evaluasi-item:hover{background:#fffaf2;border-color:#ebb85f;transform:translateY(-1px)}.guru-evaluasi-item-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:9px}.guru-evaluasi-item h3{color:#172033;font-size:13.5px;font-weight:900;line-height:1.4;margin:0}.guru-evaluasi-item p{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 5px}.guru-evaluasi-item p b{color:#334155}.guru-evaluasi-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;justify-content:center;padding:6px 9px;white-space:nowrap}.guru-evaluasi-status.submitted{background:#dcfce7;color:#166534}.guru-evaluasi-status.draft{background:#fff7e8;color:#9a6700}.guru-evaluasi-status.empty{background:#eef2f7;color:#475569}.guru-evaluasi-empty,.guru-evaluasi-empty-box{color:#64748b;font-size:13px;line-height:1.6;text-align:center}.guru-evaluasi-empty{padding:20px 8px}.guru-evaluasi-empty-box{align-items:center;background:#fff;border:1px dashed #d8e0ea;border-radius:16px;display:flex;justify-content:center;min-height:420px}.guru-evaluasi-detail-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.guru-evaluasi-detail-header h2{color:#172033;font-size:20px;font-weight:900;margin:0 0 5px}.guru-evaluasi-detail-header p{color:#64748b;font-size:13px;margin:0}.guru-evaluasi-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.guru-evaluasi-meta div{background:#fffaf2;border:1px solid #f3eadc;border-radius:14px;min-width:0;padding:12px}.guru-evaluasi-meta span{color:#9a6700;display:block;font-size:11.5px;font-weight:900;margin-bottom:6px}.guru-evaluasi-meta strong{color:#1f2937;display:block;font-size:12.5px;font-weight:900;line-height:1.5;overflow-wrap:break-word}.guru-evaluasi-detail-list{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1fr}.guru-evaluasi-detail-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:16px;min-width:0;padding:15px}.guru-evaluasi-detail-card.full{grid-column:1/-1}.guru-evaluasi-detail-card label{color:#172033;display:block;font-size:12.5px;font-weight:900;margin-bottom:8px}.guru-evaluasi-detail-card p{background:#fffaf2;border:1px solid #f3eadc;border-radius:12px;color:#475569;font-size:12.8px;line-height:1.7;margin:0;padding:11px 12px;white-space:pre-line}.guru-evaluasi-table-wrap{background:#fff;border:1px solid #edf0f5;border-radius:14px;max-width:100%;overflow-x:auto;width:100%}.guru-evaluasi-table{border-collapse:collapse;table-layout:fixed;width:100%}.guru-evaluasi-table th{background:#f8fafc;border-bottom:1px solid #edf0f5;color:#64748b;font-size:11.5px;font-weight:900;padding:12px;text-align:left}.guru-evaluasi-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:12px;line-height:1.6;overflow-wrap:break-word;padding:12px;vertical-align:top}.guru-evaluasi-table tbody tr:nth-child(2n){background:#fcfcfd}.guru-evaluasi-table tbody tr:last-child td{border-bottom:none}.guru-evaluasi-table td:first-child,.guru-evaluasi-table th:first-child{text-align:center;width:48px}.guru-evaluasi-table td:nth-child(4),.guru-evaluasi-table th:nth-child(4){text-align:center;width:145px}.guru-evaluasi-table td:nth-child(5),.guru-evaluasi-table th:nth-child(5){text-align:center;width:56px}.scale-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;justify-content:center;line-height:1.25;max-width:120px;min-width:110px;padding:7px 9px;text-align:center;white-space:normal}.scale-badge.scale-5{background:#dcfce7;color:#166534}.scale-badge.scale-4{background:#e7f8ee;color:#047857}.scale-badge.scale-3{background:#fff7e8;color:#9a6700}.scale-badge.scale-2{background:#ffedd5;color:#9a3412}.scale-badge.scale-1{background:#fee2e2;color:#991b1b}.scale-badge.scale-empty{background:#eef2f7;color:#475569}@media (max-width:1180px){.guru-evaluasi-grid,.guru-evaluasi-summary{grid-template-columns:repeat(2,1fr)}.guru-evaluasi-layout{grid-template-columns:1fr}}@media (max-width:768px){.guru-evaluasi-page{padding:22px 16px 60px 105px}.guru-evaluasi-card-title,.guru-evaluasi-detail-header,.guru-evaluasi-header,.guru-evaluasi-meeting-filter{align-items:flex-start;flex-direction:column}.guru-evaluasi-meeting-filter div{justify-content:flex-start}.guru-evaluasi-grid,.guru-evaluasi-meta,.guru-evaluasi-summary{grid-template-columns:1fr}.guru-evaluasi-table{min-width:760px}}.desainproyek-page,.desainproyek-page *{box-sizing:border-box}.desainproyek-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#2f3137;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.desainproyek-container{margin:0 auto;max-width:1320px;min-width:0;width:100%}.desainproyek-header{margin-bottom:30px;text-align:center}.desainproyek-badge{display:none}.desainproyek-title{color:#1f2937;font-size:32px;font-weight:900;letter-spacing:-.4px;line-height:1.2;margin:0 0 10px}.desainproyek-desc{color:#64748b;font-size:14.5px;line-height:1.7;margin:0 auto;max-width:760px}.desainproyek-stepper{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:0 auto 26px;max-width:980px;width:100%}.stepper-item{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 24px #0f172a0d;cursor:pointer;display:grid;font-family:Poppins,sans-serif;gap:12px;grid-template-columns:38px 1fr;padding:15px;text-align:left;transition:.22s ease}.stepper-item:hover{border-color:#ebb85f;box-shadow:0 16px 32px #0f172a14;transform:translateY(-2px)}.stepper-item span{align-items:center;background:#eef2f7;border-radius:999px;color:#64748b;display:flex;font-size:13px;font-weight:900;height:38px;justify-content:center;width:38px}.stepper-item strong{color:#1f2937;display:block;font-size:13.5px;font-weight:900;line-height:1.35}.stepper-item p{color:#64748b;font-size:11.7px;font-weight:600;line-height:1.4;margin:3px 0 0}.stepper-item.active{background:#fffaf2;border-color:#ebb85f}.stepper-item.active span,.stepper-item.done span{background:linear-gradient(135deg,#f6d28b,#ebb85f);color:#1f2937}.stepper-item.done{border-color:#f3eadc}.desainproyek-card,.project-history-content,.project-history-sidebar{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 14px 34px #0f172a12;padding:26px}.desainproyek-card{margin-bottom:0}.step-panel{animation:stepFadeIn .24s ease both}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wide-panel{max-width:100%}.desainproyek-section-title{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.desainproyek-section-title h2,.project-history-sidebar h3{color:#1f2937;font-size:18px;font-weight:900;margin:0 0 6px}.desainproyek-section-title p{color:#64748b;font-size:13.2px;line-height:1.7;margin:0}.project-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:900;justify-content:center;min-width:96px;padding:8px 13px;white-space:nowrap}.mini-status.submitted,.project-status.submitted{background:#dcfce7;color:#166534}.mini-status.draft,.project-status.draft{background:#fff7e8;color:#9a6700}.mini-status.empty,.project-status.empty{background:#eef2f7;color:#374151}.desainproyek-form{display:flex;flex-direction:column;gap:18px}.form-row-top{grid-gap:18px;align-items:end;display:grid;gap:18px;grid-template-columns:180px 1fr}.chip-list input,.dynamic-input-row input,.dynamic-item input,.form-group input,.form-group select,.form-group textarea,.schedule-table input,.schedule-table textarea{background:#fff;border:1px solid #dbe2ea;border-radius:14px;color:#374151;font-family:Poppins,sans-serif;font-size:13.5px;padding:12px 14px;transition:.25s ease;width:100%}.form-group select{cursor:pointer}.form-group textarea{min-height:128px}.chip-list input:focus,.dynamic-input-row input:focus,.dynamic-item input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.schedule-table input:focus,.schedule-table textarea:focus{border-color:#ebb85f;box-shadow:0 0 0 3px #ebb85f2e;outline:none}.chip-input-box,.dynamic-input-box{background:#fcfcfd;border:1px solid #edf0f5;border-radius:16px;padding:13px}.dynamic-input-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr auto;margin-bottom:11px}.dynamic-input-row button{background:#fff2d8;border:none;border-radius:13px;color:#9a6700;cursor:pointer;font-family:Poppins,sans-serif;font-size:12.8px;font-weight:900;padding:0 15px;transition:.2s ease}.dynamic-input-row button:hover{background:#f6d28b;transform:translateY(-1px)}.dynamic-empty{border:1px dashed #d1d5db;border-radius:13px;color:#9ca3af;font-size:12.8px;padding:13px;text-align:center}.dynamic-list{display:flex;flex-direction:column;gap:8px}.dynamic-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:30px 1fr 34px}.dynamic-item span{align-items:center;background:#fff2d8;border-radius:999px;color:#9a6700;display:flex;font-size:12px;font-weight:900;height:30px;justify-content:center;width:30px}.dynamic-item button{background:#fee2e2;border:none;border-radius:10px;color:#dc2626;cursor:pointer;font-size:18px;font-weight:900;height:34px;width:34px}.chip-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.chip-item{align-items:center;background:#fff2d8;border-radius:999px;color:#7c4a00;display:inline-flex;font-size:12.5px;font-weight:900;gap:7px;padding:7px 10px}.chip-item button{background:#0000;border:none;color:#9a3412;cursor:pointer;font-size:15px;font-weight:900;line-height:1}.chip-list input{background:#0000;flex:1 1;min-width:170px;padding-left:2px}.chip-list input,.chip-list input:focus{border:none;box-shadow:none}.input-hint{color:#9ca3af;font-size:11.8px;margin:8px 0 0}.schedule-card{margin-bottom:0}.btn-add-schedule{background:#fff2d8;border:none;border-radius:13px;color:#9a6700;cursor:pointer;font-family:Poppins,sans-serif;font-size:12.8px;font-weight:900;padding:11px 15px;transition:.2s ease;white-space:nowrap}.btn-add-schedule:hover{background:#f6d28b;transform:translateY(-2px)}.schedule-table-wrap{background:#fff;border:1px solid #edf0f5;border-radius:18px;overflow-x:auto}.schedule-table{background:#fff;border-collapse:collapse;min-width:1080px;width:100%}.schedule-table th{background:#fffaf2;border-bottom:1px solid #f3eadc;color:#7c4a00;font-size:12px;font-weight:900;padding:13px;text-align:left;white-space:nowrap}.schedule-table td{border-bottom:1px solid #edf0f5;font-size:12.5px;padding:11px;vertical-align:top}.schedule-table tr:last-child td{border-bottom:none}.schedule-table textarea{min-height:78px;resize:vertical}.btn-remove-schedule{background:#fee2e2;border:none;border-radius:10px;color:#dc2626;cursor:pointer;font-size:18px;font-weight:900;height:34px;width:34px}.btn-remove-schedule:disabled{cursor:not-allowed;opacity:.5}.step-navigation{align-items:center;border-top:1px solid #edf0f5;display:flex;gap:14px;justify-content:space-between;margin-top:26px;padding-top:20px}.step-navigation-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.desainproyek-actions{display:none}.btn-light-project,.btn-primary-project,.btn-secondary-project{border-radius:14px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:12px 19px;transition:.2s ease}.btn-primary-project,.btn-secondary-project{border:none}.btn-primary-project{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 10px 22px #f4c27a40;color:#1f2937}.btn-secondary-project{background:#eef2f7;color:#1f2937}.btn-light-project{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-light-project:hover,.btn-primary-project:hover,.btn-secondary-project:hover{transform:translateY(-2px)}.btn-light-project:hover{background:#f8fafc}.btn-light-project:disabled,.btn-primary-project:disabled,.btn-secondary-project:disabled{cursor:not-allowed;opacity:.7;transform:none}.compact-btn{font-size:12px;padding:9px 13px}.project-history-block{margin-top:0}.history-title{margin-bottom:18px}.project-history-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:320px minmax(0,1fr);min-width:0;width:100%}.project-history-content,.project-history-sidebar{min-width:0;width:100%}.project-history-content{max-width:100%;overflow:hidden}.project-empty-text{background:#f8fafc;border:1px dashed #d8e0ea;border-radius:14px;padding:14px;text-align:left}.project-empty-box,.project-empty-text{color:#64748b;font-size:13px;line-height:1.6}.project-empty-box{align-items:center;border:1px dashed #d8e0ea;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:360px;padding:28px;text-align:center}.project-submission-list{display:flex;flex-direction:column;gap:11px}.project-submission-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:15px;cursor:pointer;font-family:Poppins,sans-serif;padding:13px;text-align:left;transition:.2s ease;width:100%}.project-submission-card:hover{box-shadow:0 8px 18px #0f172a0f;transform:translateY(-1px)}.project-submission-card.active{background:#fffaf2;border-color:#ebb85f}.project-submission-card h4{color:#111827;font-size:13.8px;font-weight:900;margin:0 0 8px}.project-submission-card p{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 5px}.project-submission-card span{color:#374151;font-weight:800}.mini-status{border-radius:999px;font-size:11.5px;font-weight:900;padding:4px 8px}.project-detail-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:17px}.project-detail-header h3{color:#1f2937;font-size:19px;font-weight:900;margin:0 0 4px}.project-detail-header p{color:#64748b;font-size:12.8px;margin:0}.project-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.project-detail-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.project-detail-meta p{background:#fffaf2;border:1px solid #f3eadc;border-radius:12px;color:#444;font-size:12.5px;margin:0;padding:11px 12px}.project-detail-meta span{font-weight:800}.project-detail-list{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.project-detail-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:16px;min-width:0;padding:15px}.project-detail-card:last-child{grid-column:1/-1}.project-detail-card label{color:#1f2937;display:block;font-size:12.8px;font-weight:900;margin-bottom:8px}.project-detail-card p{background:#fffaf2;border:1px solid #f3eadc;border-radius:12px;color:#444;font-size:12.8px;line-height:1.7;margin:0;padding:11px;white-space:pre-line}.readonly-schedule-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.readonly-schedule-item{background:#fffaf2;border:1px solid #f3eadc;border-radius:14px;padding:12px}.readonly-schedule-item strong{color:#7c4a00;display:block;font-size:12.8px;margin-bottom:7px}.readonly-schedule-item p{background:#0000;border:none;margin:0 0 5px;padding:0}@media (max-width:1180px){.desainproyek-container{max-width:100%}.project-detail-list,.readonly-schedule-list{grid-template-columns:1fr}}@media (max-width:992px){.desainproyek-stepper,.project-history-layout{grid-template-columns:1fr}.project-history-content{overflow:visible}.project-detail-meta{grid-template-columns:1fr}}@media (max-width:768px){.desainproyek-page{padding:34px 14px 70px 105px}.desainproyek-header{margin-bottom:26px}.desainproyek-title{font-size:26px}.desainproyek-desc{font-size:13.5px}.desainproyek-card,.project-history-content,.project-history-sidebar{border-radius:18px;padding:16px}.form-row-top{grid-template-columns:1fr}.desainproyek-section-title,.project-detail-header{align-items:flex-start;flex-direction:column}.project-detail-actions{justify-content:flex-start;width:100%}.dynamic-input-row,.dynamic-item{grid-template-columns:1fr}.dynamic-item span{display:none}.dynamic-item button{width:100%}.step-navigation,.step-navigation-right{align-items:stretch;flex-direction:column}.btn-light-project,.btn-primary-project,.btn-secondary-project,.step-navigation-right{width:100%}.schedule-table{min-width:980px}.stepper-item{padding:13px}}.evaluasi-page,.evaluasi-page *{box-sizing:border-box}.evaluasi-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#2f3137;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:46px 34px 80px 335px}.evaluasi-container{margin:0 auto;max-width:1100px;min-width:0;width:100%}.evaluasi-header{margin-bottom:34px;text-align:center}.evaluasi-badge{display:none}.evaluasi-title{color:#1f2937;font-size:32px;font-weight:900;letter-spacing:-.4px;line-height:1.2;margin:0 0 10px}.evaluasi-desc{color:#64748b;font-size:14.5px;line-height:1.7;margin:0 auto;max-width:680px}.eval-history-content,.eval-history-sidebar,.evaluasi-card{background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:0 14px 34px #0f172a12;padding:24px}.evaluasi-card{margin-bottom:28px}.evaluasi-section-title{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.evaluasi-section-title.small{margin-top:24px}.eval-history-sidebar h3,.evaluasi-section-title h2{color:#1f2937;font-size:16px;font-weight:900;margin:0 0 6px}.evaluasi-section-title p{color:#64748b;font-size:13px;line-height:1.7;margin:0}.eval-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:900;justify-content:center;min-width:96px;padding:8px 13px;white-space:nowrap}.eval-status.submitted,.mini-status.submitted{background:#dcfce7;color:#166534}.eval-status.draft,.mini-status.draft{background:#fff7e8;color:#9a6700}.eval-status.empty,.mini-status.empty{background:#eef2f7;color:#374151}.eval-info-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:200px 1fr;margin-bottom:22px}.form-group{display:flex;flex-direction:column;min-width:0}.form-group.full{width:100%}.form-group label{color:#1e293b;display:block;font-size:12.8px;font-weight:900;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #dbe2ea;border-radius:14px;color:#374151;font-family:Poppins,sans-serif;font-size:13.5px;padding:12px 14px;transition:.25s ease;width:100%}.form-group textarea{line-height:1.7;min-height:116px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ebb85f;box-shadow:0 0 0 3px #ebb85f2e;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8fafc;color:#9ca3af;cursor:not-allowed}.eval-scale-note{background:#fffaf2;border:1px solid #f3eadc;border-radius:16px;margin-bottom:22px;padding:15px 16px}.eval-scale-note strong{color:#7c4a00;display:block;font-size:12.8px;font-weight:900;margin-bottom:10px}.eval-scale-note div{display:flex;flex-wrap:wrap;gap:8px}.eval-scale-note span{background:#fff;border:1px solid #f3eadc;border-radius:999px;color:#4b5563;font-size:11.8px;font-weight:800;padding:7px 10px}.likert-section{display:flex;flex-direction:column;gap:18px}.indicator-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:18px;padding:18px}.indicator-title{align-items:center;display:flex;gap:11px;margin-bottom:15px}.indicator-title span{align-items:center;background:#fff2d8;border-radius:999px;color:#9a6700;display:flex;font-size:12px;font-weight:900;height:30px;justify-content:center;width:30px}.indicator-title h3{color:#1f2937;font-size:14.5px;font-weight:900;margin:0}.likert-list{display:flex;flex-direction:column;gap:11px}.likert-item{background:#fff;border:1px solid #edf0f5;border-radius:15px;padding:13px 14px}.likert-question{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:26px 1fr;margin-bottom:11px}.likert-question strong{align-items:center;background:#f8fafc;border-radius:999px;color:#64748b;display:flex;font-size:11px;font-weight:900;height:24px;justify-content:center;width:24px}.likert-question p{color:#374151;font-size:13px;line-height:1.7;margin:0}.likert-options{display:flex;flex-wrap:wrap;gap:8px;padding-left:36px}.likert-options label{cursor:pointer}.likert-options input{display:none}.likert-options span{align-items:center;background:#fff;border:1px solid #dbe2ea;border-radius:12px;color:#374151;display:flex;font-size:12.8px;font-weight:900;height:36px;justify-content:center;transition:.2s ease;width:40px}.likert-options label.active span,.likert-options span:hover{background:#f6d28b;border-color:#ebb85f;color:#1f2937;transform:translateY(-1px)}.likert-options input:disabled+span{cursor:not-allowed;opacity:.65}.eval-progress-card{background:#fffaf2;border:1px solid #f3eadc;border-radius:16px;margin:20px 0;padding:15px 16px}.eval-progress-card span{color:#9a6700;display:block;font-size:11.8px;font-weight:900;margin-bottom:6px}.eval-progress-card strong{color:#1f2937;display:block;font-size:14.5px;margin-bottom:7px}.eval-progress-card p{color:#64748b;font-size:13px;line-height:1.7;margin:0}.eval-locked-note{background:#fee2e2;border:1px solid #fecaca;border-radius:16px;color:#991b1b;font-size:12.8px;font-weight:800;line-height:1.6;margin-bottom:18px;padding:13px 15px}.reflection-section{margin-top:12px}.reflection-grid{display:flex;flex-direction:column;gap:16px}.evaluasi-actions{align-items:center;border-top:1px solid #edf0f5;display:flex;gap:12px;justify-content:flex-end;margin-top:26px;padding-top:20px}.btn-light-eval,.btn-primary-eval,.btn-secondary-eval{border-radius:14px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;padding:12px 19px;transition:.2s ease}.btn-primary-eval,.btn-secondary-eval{border:none}.btn-primary-eval{background:linear-gradient(135deg,#f6d28b,#ebb85f);box-shadow:0 10px 22px #f4c27a40;color:#1f2937}.btn-secondary-eval{background:#eef2f7;color:#1f2937}.btn-light-eval{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-light-eval:hover,.btn-primary-eval:hover,.btn-secondary-eval:hover{transform:translateY(-2px)}.btn-light-eval:hover{background:#f8fafc}.btn-light-eval:disabled,.btn-primary-eval:disabled,.btn-secondary-eval:disabled{cursor:not-allowed;opacity:.7;transform:none}.eval-history-block{margin-top:30px}.eval-history-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:280px minmax(0,1fr)}.eval-history-content,.eval-history-layout,.eval-history-sidebar{min-width:0;width:100%}.eval-history-content{max-width:100%;overflow:hidden}.eval-submission-list{display:flex;flex-direction:column;gap:11px}.eval-submission-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:15px;cursor:pointer;font-family:Poppins,sans-serif;padding:13px;text-align:left;transition:.2s ease;width:100%}.eval-submission-card:hover{box-shadow:0 8px 18px #0f172a0f;transform:translateY(-1px)}.eval-submission-card.active{background:#fffaf2;border-color:#ebb85f}.eval-submission-card h4{color:#111827;font-size:13.8px;font-weight:900;margin:0 0 8px}.eval-submission-card p{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 5px}.eval-submission-card span{color:#374151;font-weight:800}.mini-category,.mini-status{border-radius:999px;font-size:11.5px;font-weight:900;padding:4px 8px}.eval-empty-box,.eval-empty-text{color:#64748b;font-size:13px;line-height:1.6;padding:18px 10px;text-align:center}.eval-empty-box{align-items:center;border:1px dashed #d8e0ea;border-radius:16px;display:flex;justify-content:center;min-height:360px}.eval-detail-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:17px}.eval-detail-header h3{color:#1f2937;font-size:17px;font-weight:900;margin:0 0 4px}.eval-detail-header p{color:#64748b;font-size:12.8px;margin:0}.eval-detail-header-actions{align-items:center;display:flex;gap:10px}.eval-close-detail-btn{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#64748b;cursor:pointer;font-size:20px;font-weight:700;height:34px;line-height:1;transition:.2s ease;width:34px}.eval-close-detail-btn:hover{background:#fee2e2;border-color:#fecaca;color:#991b1b}.eval-detail-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.eval-detail-meta p{background:#fffaf2;border:1px solid #f3eadc;border-radius:12px;color:#444;font-size:12.5px;margin:0;padding:11px 12px}.eval-detail-meta span{font-weight:800}.clean-likert-card,.eval-detail-list{min-width:0}.eval-detail-list{display:flex;flex-direction:column;gap:13px}.eval-detail-card{background:#fcfcfd;border:1px solid #edf0f5;border-radius:16px;min-width:0;padding:15px}.eval-detail-card label{color:#1f2937;display:block;font-size:12.8px;font-weight:900;margin-bottom:8px}.eval-detail-card p{background:#fffaf2;border:1px solid #f3eadc;border-radius:12px;color:#444;font-size:12.8px;line-height:1.7;margin:0;padding:11px;white-space:pre-line}.clean-likert-card{background:#fff;padding:16px}.eval-detail-card-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.eval-detail-card-title label{margin:0}.eval-detail-card-title span{align-items:center;background:#fff7e8;border-radius:999px;color:#9a6700;display:inline-flex;font-size:11.5px;font-weight:900;padding:5px 10px;white-space:nowrap}.eval-likert-table-wrap{background:#fff;border:1px solid #edf0f5;border-radius:14px;max-width:100%;overflow-x:auto;width:100%}.eval-likert-table{border-collapse:collapse;min-width:0;table-layout:fixed;width:100%}.eval-likert-table thead{background:#f8fafc}.eval-likert-table th{border-bottom:1px solid #edf0f5;color:#64748b;font-size:12px;font-weight:900;padding:12px 14px;text-align:left}.eval-likert-table td:first-child,.eval-likert-table th:first-child{text-align:center;width:48px}.eval-likert-table td:last-child,.eval-likert-table th:last-child{text-align:center;width:145px}.eval-likert-table td:nth-child(2),.eval-likert-table th:nth-child(2){width:auto}.eval-likert-table td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:12.5px;line-height:1.6;overflow-wrap:break-word;padding:13px 14px;vertical-align:middle;word-break:normal}.eval-likert-table tbody tr:nth-child(2n){background:#fcfcfd}.eval-likert-table tbody tr:hover{background:#fffaf2}.eval-likert-table tbody tr:last-child td{border-bottom:none}.eval-answer-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:900;justify-content:center;line-height:1.25;max-width:125px;min-width:112px;padding:7px 10px;text-align:center;white-space:normal}.eval-answer-badge.scale-5{background:#dcfce7;color:#166534}.eval-answer-badge.scale-4{background:#e7f8ee;color:#047857}.eval-answer-badge.scale-3{background:#fff7e8;color:#9a6700}.eval-answer-badge.scale-2{background:#ffedd5;color:#9a3412}.eval-answer-badge.scale-1{background:#fee2e2;color:#991b1b}.eval-answer-badge.scale-empty{background:#eef2f7;color:#475569}@media (max-width:992px){.eval-history-layout{grid-template-columns:1fr}.eval-history-content{overflow:visible}.eval-detail-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.evaluasi-page{padding:34px 14px 70px 105px}.evaluasi-header{margin-bottom:28px}.evaluasi-title{font-size:26px}.evaluasi-desc{font-size:13.5px}.eval-history-content,.eval-history-sidebar,.evaluasi-card{border-radius:18px;padding:16px}.eval-detail-meta,.eval-info-grid{grid-template-columns:1fr}.eval-detail-card-title,.eval-detail-header,.evaluasi-section-title{align-items:flex-start;flex-direction:column}.eval-detail-header-actions{justify-content:space-between;width:100%}.evaluasi-actions{align-items:stretch;flex-direction:column}.btn-light-eval,.btn-primary-eval,.btn-secondary-eval{width:100%}.likert-options{padding-left:0}.eval-likert-table{min-width:560px}.eval-answer-badge{max-width:115px;min-width:105px}}
/*# sourceMappingURL=main.f3c61f2e.css.map*/