.modal-overlay[data-v-bd852b7c]{z-index:999;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box[data-v-bd852b7c]{background-color:#fff;border:3px solid #1a1a1a;flex-direction:column;width:90%;max-width:450px;animation:.15s cubic-bezier(.175,.885,.32,1.275) popUp-bd852b7c;display:flex;box-shadow:8px 8px #1a1a1a}@keyframes popUp-bd852b7c{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-bd852b7c]{background-color:#f4f4f5;border-bottom:3px solid #1a1a1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-title[data-v-bd852b7c]{text-transform:uppercase;color:#1a1a1a;font-size:14px;font-weight:700}.btn-close-x[data-v-bd852b7c]{cursor:pointer;background:0 0;border:2px solid #0000;padding:2px 6px;font-size:12px;font-weight:900}.btn-close-x[data-v-bd852b7c]:hover{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.modal-body[data-v-bd852b7c]{color:#1a1a1a;padding:20px 16px;font-size:14px;font-weight:500;line-height:1.5}.modal-footer[data-v-bd852b7c]{background-color:#fafafa;border-top:2px solid #1a1a1a;justify-content:flex-end;gap:12px;padding:12px 16px;display:flex}button[data-v-bd852b7c]{text-transform:uppercase;cursor:pointer;border:2px solid #1a1a1a;padding:8px 16px;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .1s}.btn-info[data-v-bd852b7c]{background-color:#e0f2fe}.btn-sukses[data-v-bd852b7c]{background-color:#dcfce7}.btn-error[data-v-bd852b7c]{background-color:#fee2e2}.btn-peringatan[data-v-bd852b7c]{background-color:#fef9c3}.btn-secondary[data-v-bd852b7c]{color:#4b5563;background-color:#fff}button[data-v-bd852b7c]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #1a1a1a}button[data-v-bd852b7c]:active{transform:translate(1px,1px);box-shadow:0 0 #1a1a1a}.app-navbar[data-v-42a32af1]{z-index:100;background-color:#fff;border-bottom:3px solid #1a1a1a;padding:10px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;position:sticky;top:0}.nav-container[data-v-42a32af1]{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 20px;display:flex}.brand-wrapper[data-v-42a32af1]{flex-direction:column;gap:4px;display:flex}.brand-link[data-v-42a32af1]{color:#1a1a1a;letter-spacing:.5px;font-size:25px;text-decoration:none;display:inline-block}.brand-link[data-v-42a32af1]:hover{background-color:#fef08a;text-decoration:underline}.user-sub-info[data-v-42a32af1]{text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.user-name[data-v-42a32af1]{color:#1a1a1a;background-color:#e0f2fe;border:1px solid #1a1a1a;padding:1px 6px}.user-class[data-v-42a32af1]{color:#1a1a1a;background-color:#f3e8ff;border:1px solid #1a1a1a;padding:1px 6px}.nav-links[data-v-42a32af1]{align-items:center;gap:12px;font-size:14px;display:flex}.link-item[data-v-42a32af1]{color:#1a1a1a;text-transform:uppercase;padding:6px 10px;font-size:13px;font-weight:700;text-decoration:underline}.link-item[data-v-42a32af1]:hover{color:#fff;background-color:#1a1a1a;text-decoration:none}.btn-logout[data-v-42a32af1]{color:#b91c1c;cursor:pointer;text-transform:uppercase;background-color:#fee2e2;border:2px solid #1a1a1a;padding:6px 14px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:2px 2px #1a1a1a}.btn-logout[data-v-42a32af1]:hover{background-color:#fca5a5;transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.btn-logout[data-v-42a32af1]:active{transform:translate(2px,2px);box-shadow:0 0 #1a1a1a}body{color:#000;background-color:#fff;margin:0;padding:0;font-family:Arial,sans-serif}#classroom-app{flex-direction:column;min-height:100vh;display:flex}.app-content{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:20px auto;padding:0 20px}.app-footer{text-align:center;background-color:#fafafa;border-top:1px solid #ccc;margin-top:20px;padding:12px 0;font-size:12px}.app-footer p{color:#555;margin:0}.login-container[data-v-ec3038d2]{background-color:#fafafa;justify-content:center;align-items:center;min-height:85vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;display:flex}.login-box[data-v-ec3038d2]{box-sizing:border-box;background-color:#fff;border:3px solid #1a1a1a;width:450px;padding:30px;box-shadow:6px 6px #1a1a1a}h2[data-v-ec3038d2]{text-align:center;text-transform:uppercase;color:#1a1a1a;letter-spacing:.3px;margin-top:0;margin-bottom:16px;font-size:22px;font-weight:800}hr[data-v-ec3038d2]{border:none;border-top:3px solid #1a1a1a;margin:20px 0}.form-table[data-v-ec3038d2]{border-collapse:collapse;width:100%;margin:20px 0}.form-table td[data-v-ec3038d2]{vertical-align:middle;color:#1a1a1a;padding:10px 4px;font-size:14px}.form-table td[data-v-ec3038d2]:first-child{text-transform:uppercase;letter-spacing:.3px;width:100px;font-size:13px;font-weight:700}.form-table td[data-v-ec3038d2]:nth-child(2){width:15px;font-weight:700}input[type=text][data-v-ec3038d2],input[type=password][data-v-ec3038d2]{color:#1a1a1a;box-sizing:border-box;background-color:#fff;border:2px solid #1a1a1a;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}input[type=text][data-v-ec3038d2]:focus,input[type=password][data-v-ec3038d2]:focus{background-color:#f4f4f5}input[data-v-ec3038d2]::placeholder{color:#a1a1aa;font-size:13px}button[data-v-ec3038d2]{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background-color:#fef08a;border:2px solid #1a1a1a;width:100%;padding:12px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a1a1a}button[data-v-ec3038d2]:hover:not(:disabled){background-color:#fde047;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}button[data-v-ec3038d2]:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 #1a1a1a}button[data-v-ec3038d2]:disabled{color:#a1a1aa;cursor:not-allowed;background-color:#e4e4e7;border-color:#a1a1aa;box-shadow:0 0 #1a1a1a}.alert-error[data-v-ec3038d2]{color:#b91c1c;background-color:#fee2e2;border:2px solid #1a1a1a;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:600;box-shadow:3px 3px #1a1a1a}.error-content-row[data-v-ec3038d2]{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-logout-paksa[data-v-ec3038d2]{color:#fff;background-color:#f87171;border:2px solid #1a1a1a;width:auto;padding:6px 12px;font-size:11px;font-weight:800;box-shadow:2px 2px #1a1a1a}.btn-logout-paksa[data-v-ec3038d2]:hover:not(:disabled){background-color:#ef4444;transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.btn-logout-paksa[data-v-ec3038d2]:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #1a1a1a}.reg-link[data-v-ec3038d2]{text-align:center;color:#4b5563;margin-top:16px;margin-bottom:0;font-size:14px;font-weight:500}.reg-link a[data-v-ec3038d2]{color:#1a1a1a;margin-left:4px;font-weight:700;text-decoration:underline}.reg-link a[data-v-ec3038d2]:hover{color:#fff;background-color:#1a1a1a;text-decoration:none}.daftar-container[data-v-f14e732b]{background-color:#fafafa;justify-content:center;align-items:center;min-height:90vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;display:flex}.daftar-box[data-v-f14e732b]{box-sizing:border-box;background-color:#fff;border:3px solid #1a1a1a;width:500px;padding:30px;box-shadow:6px 6px #1a1a1a}h2[data-v-f14e732b]{text-align:center;text-transform:uppercase;color:#1a1a1a;letter-spacing:.3px;margin-top:0;margin-bottom:16px;font-size:22px;font-weight:800}hr[data-v-f14e732b]{border:none;border-top:3px solid #1a1a1a;margin:20px 0}.form-table[data-v-f14e732b]{border-collapse:collapse;width:100%;margin:20px 0}.form-table td[data-v-f14e732b]{vertical-align:middle;color:#1a1a1a;padding:10px 4px;font-size:14px}.form-table td[data-v-f14e732b]:first-child{text-transform:uppercase;letter-spacing:.3px;width:130px;font-size:13px;font-weight:700}.form-table td[data-v-f14e732b]:nth-child(2){width:15px;font-weight:700}select[data-v-f14e732b],input[type=text][data-v-f14e732b],input[type=password][data-v-f14e732b]{color:#1a1a1a;box-sizing:border-box;background-color:#fff;border:2px solid #1a1a1a;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:background-color .1s}select[data-v-f14e732b]:focus,input[type=text][data-v-f14e732b]:focus,input[type=password][data-v-f14e732b]:focus{background-color:#f4f4f5}input[data-v-f14e732b]::placeholder{color:#a1a1aa;font-size:12px}button[data-v-f14e732b]{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background-color:#dcfce7;border:2px solid #1a1a1a;width:100%;padding:12px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .1s;box-shadow:3px 3px #1a1a1a}button[data-v-f14e732b]:hover:not(:disabled){background-color:#bbf7d0;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}button[data-v-f14e732b]:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 #1a1a1a}button[data-v-f14e732b]:disabled{color:#a1a1aa;cursor:not-allowed;background-color:#e4e4e7;border-color:#a1a1aa;box-shadow:0 0 #1a1a1a}.alert-error[data-v-f14e732b]{color:#b91c1c;background-color:#fee2e2;border:2px solid #1a1a1a;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:600;box-shadow:3px 3px #1a1a1a}.alert-success[data-v-f14e732b]{color:#15803d;background-color:#dcfce7;border:2px solid #1a1a1a;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:600;box-shadow:3px 3px #1a1a1a}.login-link[data-v-f14e732b]{text-align:center;color:#4b5563;margin-top:16px;margin-bottom:0;font-size:14px;font-weight:500}.login-link a[data-v-f14e732b]{color:#1a1a1a;margin-left:4px;font-weight:700;text-decoration:underline}.login-link a[data-v-f14e732b]:hover{color:#fff;background-color:#1a1a1a;text-decoration:none}.dashboard-container[data-v-ae37b789]{color:#1a1a1a;box-sizing:border-box;background-color:#fff;border:3px solid #1a1a1a;max-width:1100px;margin:30px auto;padding:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-shadow:6px 6px #1a1a1a}h2[data-v-ae37b789]{text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:8px;font-size:26px;font-weight:800}p[data-v-ae37b789]{color:#4b5563;margin-bottom:16px;font-size:15px}p strong[data-v-ae37b789]{color:#1a1a1a;background-color:#e0f2fe;border:1px solid #1a1a1a;padding:2px 6px;display:inline-block}hr[data-v-ae37b789]{border:none;border-top:3px solid #1a1a1a;margin:24px 0}h3[data-v-ae37b789]{text-transform:uppercase;letter-spacing:.3px;margin-top:0;margin-bottom:16px;font-size:18px;font-weight:800}.btn-back[data-v-ae37b789]{color:#1a1a1a;cursor:pointer;background-color:#fff;border:2px solid #1a1a1a;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a1a1a}.btn-back[data-v-ae37b789]:hover{background-color:#f4f4f5;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.btn-back[data-v-ae37b789]:active{transform:translate(3px,3px);box-shadow:0 0 #1a1a1a}.guru-grid[data-v-ae37b789]{align-items:flex-start;gap:28px;display:flex}.main-panel[data-v-ae37b789]{flex:2;width:100%}.side-panel[data-v-ae37b789]{box-sizing:border-box;background-color:#f3e8ff;border:2px solid #1a1a1a;flex:1;width:100%;padding:20px;box-shadow:4px 4px #1a1a1a}.responsive-table[data-v-ae37b789]{width:100%;margin-top:10px}.data-table[data-v-ae37b789]{border-collapse:collapse;border:3px solid #1a1a1a;width:100%;box-shadow:4px 4px #1a1a1a}.data-table th[data-v-ae37b789],.data-table td[data-v-ae37b789]{color:#1a1a1a;text-align:left;border:1px solid #1a1a1a;padding:12px 14px;font-size:14px}.data-table th[data-v-ae37b789]{text-transform:uppercase;background-color:#f4f4f5;border-bottom:2px solid #1a1a1a;font-weight:700}.data-table tbody tr[data-v-ae37b789]{background-color:#fff}.data-table tbody tr[data-v-ae37b789]:hover{background-color:#fafafa}.box-form label[data-v-ae37b789]{text-transform:uppercase;margin-top:12px;font-size:13px;font-weight:700;display:block}.box-form label[data-v-ae37b789]:first-of-type{margin-top:0}.box-form input[data-v-ae37b789]{box-sizing:border-box;background-color:#fff;border:2px solid #1a1a1a;outline:none;width:100%;margin-top:6px;padding:10px 12px;font-family:inherit;font-size:14px}.box-form input[data-v-ae37b789]:focus{background-color:#fafafa}.box-form input[data-v-ae37b789]::placeholder{color:#a1a1aa;font-size:12px}.btn-submit[data-v-ae37b789]{color:#1a1a1a;text-transform:uppercase;cursor:pointer;background-color:#a3e635;border:2px solid #1a1a1a;width:100%;margin-top:20px;padding:12px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a1a1a}.btn-submit[data-v-ae37b789]:hover{background-color:#86efac;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.btn-submit[data-v-ae37b789]:active{transform:translate(3px,3px);box-shadow:0 0 #1a1a1a}.btn-link[data-v-ae37b789]{color:#1a1a1a;text-transform:uppercase;font-size:13px;font-weight:700;text-decoration:underline;display:inline-block}.btn-link[data-v-ae37b789]:hover{color:#fff;background-color:#1a1a1a;margin:-2px -6px;padding:2px 6px;text-decoration:none}.aksi-guru-wrapper[data-v-ae37b789]{align-items:center;gap:12px;display:flex}.btn-hapel[data-v-ae37b789]{color:#b91c1c;text-transform:uppercase;cursor:pointer;background-color:#fca5a5;border:2px solid #1a1a1a;padding:3px 8px;font-size:11px;font-weight:800;transition:transform 50ms,box-shadow 50ms;box-shadow:2px 2px #1a1a1a}.btn-hapel[data-v-ae37b789]:hover{color:#fff;background-color:#ef4444;transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.btn-hapel[data-v-ae37b789]:active{transform:translate(2px,2px);box-shadow:0 0 #1a1a1a}.text-danger-wrapper[data-v-ae37b789]{display:table-cell}.text-danger[data-v-ae37b789]{color:#b91c1c;background-color:#fee2e2;border:1px solid #1a1a1a;padding:2px 6px;font-weight:700;display:inline-block}.loading-text[data-v-ae37b789]{color:#1a1a1a;text-align:center;background-color:#fef08a;border:2px solid #1a1a1a;margin-bottom:20px;padding:12px;font-weight:700}.badge-status-sukses[data-v-ae37b789]{color:#1a1a1a;text-transform:uppercase;background-color:#86efac;border:2px solid #1a1a1a;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block;box-shadow:2px 2px #1a1a1a}.badge-status-gagal[data-v-ae37b789]{color:#b91c1c;text-transform:uppercase;background-color:#fca5a5;border:2px solid #1a1a1a;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block;box-shadow:2px 2px #1a1a1a}.badge-status-kosong[data-v-ae37b789]{color:#71717a;text-transform:uppercase;background-color:#e4e4e7;border:1px dashed #71717a;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}@media (width<=768px){.dashboard-container[data-v-ae37b789]{border-width:2px;margin:10px;padding:16px;box-shadow:4px 4px #1a1a1a}h2[data-v-ae37b789]{font-size:22px}.btn-back[data-v-ae37b789]{text-align:center;box-sizing:border-box;width:100%;padding:12px}.guru-grid[data-v-ae37b789]{flex-direction:column;gap:20px}.aksi-guru-wrapper[data-v-ae37b789]{justify-content:flex-end;width:100%}.data-table[data-v-ae37b789]{box-shadow:none;border:none}.data-table thead[data-v-ae37b789]{display:none}.data-table tbody tr[data-v-ae37b789]:not(.empty-row){background-color:#fff;border:2px solid #1a1a1a;margin-bottom:20px;padding:8px;display:block;box-shadow:4px 4px #1a1a1a}.data-table tbody tr.empty-row td[data-v-ae37b789]{border:2px solid #1a1a1a;padding:20px;display:block}.data-table td[data-v-ae37b789]{text-align:right;border:none;border-bottom:1px dashed #e4e4e7;justify-content:space-between;align-items:center;padding:10px 8px;font-size:13px;display:flex}.data-table td[data-v-ae37b789]:last-child{border-bottom:none}.data-table td[data-v-ae37b789]:before{content:attr(data-label);text-transform:uppercase;color:#4b5563;text-align:left;margin-right:15px;font-size:11px;font-weight:800}.text-danger-wrapper[data-v-ae37b789]{display:flex!important}.btn-link[data-v-ae37b789]:hover{margin:0;padding:2px 6px}}.mapel-detail-container[data-v-f04ee0ed]{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:15px;font-family:Arial,sans-serif}.btn-back[data-v-f04ee0ed]{cursor:pointer;background-color:#fff;border:1px solid #000;margin-bottom:15px;padding:8px 14px;font-size:14px}.btn-back[data-v-f04ee0ed]:hover{background-color:#f0f0f0}.info-header-box[data-v-f04ee0ed]{background-color:#fafafa;border:1px dashed #777;padding:15px}.info-header-box h2[data-v-f04ee0ed]{margin:0 0 8px;font-size:22px}.info-header-box p[data-v-f04ee0ed]{margin:0;font-size:14px;line-height:1.5}.mapel-grid[data-v-f04ee0ed]{align-items:flex-start;gap:25px;margin-top:15px;display:flex}.tugas-list-panel[data-v-f04ee0ed]{flex:2;width:100%}.tugas-form-panel[data-v-f04ee0ed]{box-sizing:border-box;background-color:#f9f9f9;border:1px solid #000;flex:1;width:100%;padding:15px}.data-table[data-v-f04ee0ed]{border-collapse:collapse;width:100%}.data-table th[data-v-f04ee0ed],.data-table td[data-v-f04ee0ed]{text-align:left;border:1px solid #000;padding:10px 12px;font-size:14px}.data-table th[data-v-f04ee0ed]{background-color:#f0f0f0;font-weight:700}.classic-form label[data-v-f04ee0ed]{margin-top:12px;font-size:13px;font-weight:700;display:block}.classic-form input[type=text][data-v-f04ee0ed],.classic-form input[type=datetime-local][data-v-f04ee0ed],.classic-form textarea[data-v-f04ee0ed]{box-sizing:border-box;border:1px solid #777;width:100%;margin-top:4px;padding:8px;font-family:Arial,sans-serif;font-size:14px}.btn-submit[data-v-f04ee0ed]{cursor:pointer;background-color:#e1e1e1;border:1px solid #000;width:100%;margin-top:15px;padding:10px;font-size:14px;font-weight:700}.btn-submit[data-v-f04ee0ed]:hover{background-color:#ccc}.btn-action[data-v-f04ee0ed]{color:#00e;font-weight:700;text-decoration:none;display:inline-block}.btn-action[data-v-f04ee0ed]:hover{text-decoration:underline}.text-danger[data-v-f04ee0ed]{color:#c00;font-weight:700}.loading-text[data-v-f04ee0ed]{color:#666;padding:10px 0;font-style:italic}.alert-error[data-v-f04ee0ed]{color:#c00;background-color:#fdd;border:1px solid red;margin-bottom:15px;padding:10px}.alert-success[data-v-f04ee0ed]{color:#060;background-color:#dfd;border:1px solid #0a0;margin-bottom:15px;padding:10px}.aksi-wrapper-flex[data-v-f04ee0ed]{align-items:center;gap:12px;display:flex}.btn-delete-task[data-v-f04ee0ed]{color:#b91c1c;cursor:pointer;background-color:#fee2e2;border:1px solid #000;padding:4px 8px;font-size:12px;font-weight:700}.btn-delete-task[data-v-f04ee0ed]:hover{color:#fff;background-color:#ef4444}@media (width<=768px){.btn-back[data-v-f04ee0ed]{text-align:center;width:100%;padding:12px}.info-header-box h2[data-v-f04ee0ed]{font-size:18px}.info-header-box p .divider[data-v-f04ee0ed]{visibility:hidden;height:5px;display:block}.mapel-grid[data-v-f04ee0ed]{flex-direction:column;gap:20px}.data-table thead[data-v-f04ee0ed]{display:none}.data-table tbody tr[data-v-f04ee0ed]:not(.empty-row){background-color:#fff;border:1px solid #000;margin-bottom:15px;padding:5px;display:block}.data-table tbody tr.empty-row td[data-v-f04ee0ed]{border:1px solid #000;padding:15px;display:block}.data-table td[data-v-f04ee0ed]{text-align:right;border:none;border-bottom:1px dotted #ccc;justify-content:space-between;align-items:center;padding:10px 8px;display:flex}.data-table td[data-v-f04ee0ed]:last-child{background-color:#f9f9f9;border-bottom:none;justify-content:flex-end;margin-top:5px;padding:12px}.aksi-wrapper-flex[data-v-f04ee0ed]{justify-content:space-between;width:100%}.data-table td[data-v-f04ee0ed]:before{content:attr(data-label);color:#555;text-align:left;padding-right:10px;font-size:12px;font-weight:700}.text-danger-cell[data-v-f04ee0ed]{display:flex!important}}.tugas-detail-container[data-v-c7c4800f]{color:#1a1a1a;box-sizing:border-box;background-color:#fff;border:3px solid #1a1a1a;max-width:950px;margin:30px auto;padding:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-shadow:6px 6px #1a1a1a}.btn-back[data-v-c7c4800f]{color:#1a1a1a;cursor:pointer;background-color:#fff;border:2px solid #1a1a1a;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1a1a1a}.btn-back[data-v-c7c4800f]:hover{background-color:#f4f4f5;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.btn-back[data-v-c7c4800f]:active{transform:translate(3px,3px);box-shadow:0 0 #1a1a1a}.tugas-header-box[data-v-c7c4800f]{background-color:#f4f4f5;border:2px solid #1a1a1a;margin-top:5px;padding:24px;box-shadow:4px 4px #1a1a1a}.badge-mapel[data-v-c7c4800f]{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#1a1a1a;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.tugas-header-box h2[data-v-c7c4800f]{color:#1a1a1a;margin:14px 0 8px;font-size:24px;font-weight:800}.deadline-text[data-v-c7c4800f]{color:#4b5563;margin:0 0 20px;font-size:14px}.deadline-text strong[data-v-c7c4800f]{color:#000;background-color:#fee2e2;border:1px solid #1a1a1a;padding:2px 6px;display:inline-block}.deskripsi-box[data-v-c7c4800f]{background-color:#fff;border:2px dashed #1a1a1a;padding:16px}.deskripsi-box strong[data-v-c7c4800f]{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:14px;display:block}.text-isi[data-v-c7c4800f]{white-space:pre-line;color:#374151;margin:0;font-size:14px;line-height:1.6}hr[data-v-c7c4800f]{border:none;border-top:3px solid #1a1a1a;margin:32px 0}.siswa-work-panel h3[data-v-c7c4800f],.guru-review-panel h3[data-v-c7c4800f]{color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px;margin-bottom:16px;font-size:18px;font-weight:800}.form-container-box[data-v-c7c4800f]{background-color:#e0f2fe;border:2px solid #1a1a1a;padding:20px;box-shadow:4px 4px #1a1a1a}.form-container-box label[data-v-c7c4800f]{color:#1a1a1a;margin-bottom:12px;font-size:14px;font-weight:700;display:block}.form-container-box input[type=file][data-v-c7c4800f]{color:#1a1a1a;cursor:pointer;box-sizing:border-box;background-color:#fff;width:100%;font-weight:600;border:2px solid #1a1a1a!important;padding:12px!important}.form-container-box input[type=file][data-v-c7c4800f]:hover:not(:disabled){background-color:#f9fafb}.form-container-box input[type=file][data-v-c7c4800f]:disabled{cursor:not-allowed;background-color:#f3f4f6}.btn-submit-tugas[data-v-c7c4800f]{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#1a1a1a;border:2px solid #1a1a1a;margin-top:16px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .1s;box-shadow:3px 3px #fff}.btn-submit-tugas[data-v-c7c4800f]:hover{color:#1a1a1a;background-color:#fff;transform:translate(-3px,-3px);box-shadow:3px 3px #1a1a1a}.status-submission-box[data-v-c7c4800f]{background-color:#fff;border:2px solid #1a1a1a;margin-top:24px;padding:20px;box-shadow:4px 4px #1a1a1a}.status-submission-box h4[data-v-c7c4800f]{color:#1a1a1a;margin:0 0 14px;font-size:15px;font-weight:700}.info-table[data-v-c7c4800f]{border-collapse:collapse;width:100%}.info-table td[data-v-c7c4800f]{color:#1a1a1a;border:2px solid #1a1a1a;padding:10px 12px;font-size:14px}.info-table td[data-v-c7c4800f]:first-child{background-color:#f3e8ff;width:180px;font-weight:700}.note-lock[data-v-c7c4800f]{color:#dc2626;margin:12px 0 0;font-size:12px;font-weight:600}.data-table[data-v-c7c4800f]{border-collapse:collapse;border:3px solid #1a1a1a;width:100%;margin-top:16px;box-shadow:5px 5px #1a1a1a}.data-table th[data-v-c7c4800f],.data-table td[data-v-c7c4800f]{text-align:left;color:#1a1a1a;border:1px solid #1a1a1a;padding:12px 14px;font-size:14px}.data-table th[data-v-c7c4800f]{text-transform:uppercase;background-color:#f3e8ff;border-bottom:2px solid #1a1a1a;font-weight:700}.data-table tbody tr[data-v-c7c4800f]{background-color:#fff}.data-table tbody tr[data-v-c7c4800f]:hover{background-color:#fef08a}.badge-late[data-v-c7c4800f]{color:#b91c1c;background-color:#fee2e2;border:1px solid #1a1a1a;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-ontime[data-v-c7c4800f]{color:#15803d;background-color:#dcfce7;border:1px solid #1a1a1a;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.link-external[data-v-c7c4800f]{color:#1a1a1a;font-size:13px;font-weight:700;text-decoration:underline}.link-external[data-v-c7c4800f]:hover{color:#fff;background-color:#1a1a1a}.loading-text[data-v-c7c4800f]{color:#1a1a1a;text-align:center;background-color:#fef08a;border:2px solid #1a1a1a;padding:12px;font-weight:700}.alert-error[data-v-c7c4800f]{color:#b91c1c;background-color:#fee2e2;border:2px solid #1a1a1a;margin-bottom:20px;padding:14px;font-weight:600;box-shadow:3px 3px #1a1a1a}.alert-success[data-v-c7c4800f]{color:#15803d;background-color:#dcfce7;border:2px solid #1a1a1a;margin-bottom:20px;padding:14px;font-weight:600;box-shadow:3px 3px #1a1a1a}@media (width<=768px){.tugas-detail-container[data-v-c7c4800f]{border-width:2px;margin:15px 10px;padding:16px;box-shadow:4px 4px #1a1a1a}.btn-back[data-v-c7c4800f]{text-align:center;box-sizing:border-box;width:100%;padding:12px}.tugas-header-box[data-v-c7c4800f]{padding:16px}.tugas-header-box h2[data-v-c7c4800f]{font-size:20px}.info-table td[data-v-c7c4800f]{box-sizing:border-box;display:block;width:100%!important}.info-table tr td[data-v-c7c4800f]:first-child{text-transform:uppercase;background-color:#f3e8ff;border-bottom:none;padding:6px 12px;font-size:12px}.info-table tr td[data-v-c7c4800f]:last-child{border-top:none;padding-bottom:14px}.responsive-table[data-v-c7c4800f]{width:100%}.data-table[data-v-c7c4800f]{box-shadow:none;border:none}.data-table thead[data-v-c7c4800f]{display:none}.data-table tbody tr[data-v-c7c4800f]:not(.empty-row){background-color:#fff;border:2px solid #1a1a1a;margin-bottom:20px;padding:8px;display:block;box-shadow:4px 4px #1a1a1a}.data-table tbody tr.empty-row td[data-v-c7c4800f]{border:2px solid #1a1a1a;padding:20px;display:block}.data-table td[data-v-c7c4800f]{text-align:right;border:none;border-bottom:1px dashed #e4e4e7;justify-content:space-between;align-items:center;padding:10px 8px;font-size:13px;display:flex}.data-table td[data-v-c7c4800f]:last-child{border-bottom:none}.data-table td[data-v-c7c4800f]:before{content:attr(data-label);text-transform:uppercase;color:#4b5563;text-align:left;margin-right:15px;font-size:11px;font-weight:800}}.homepage-container[data-v-d4954842]{color:#1a1a1a;background-color:#fff;border:3px solid #1a1a1a;max-width:1100px;margin:30px auto;padding:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-shadow:6px 6px #1a1a1a}.quote-container[data-v-d4954842]{background-color:#f0fdf4;border:3px solid #1a1a1a;margin-bottom:28px;padding:24px;box-shadow:6px 6px #1a1a1a}.quote-header[data-v-d4954842]{margin-bottom:14px}.badge-brutal.emerald[data-v-d4954842]{color:#fff;background-color:#047857}.quote-content-box[data-v-d4954842]{background-color:#fff;border:2px dashed #1a1a1a;padding:20px}.quote-text[data-v-d4954842]{color:#111827;margin:0 0 12px;font-size:16px;font-style:italic;font-weight:700;line-height:1.6}.quote-author[data-v-d4954842]{color:#374151;text-align:right;margin:0;font-size:13px}.welcome-box[data-v-d4954842]{background-color:#f4f4f5;border:2px solid #1a1a1a;margin-bottom:28px;padding:20px;box-shadow:4px 4px #1a1a1a}.welcome-box h2[data-v-d4954842]{text-transform:uppercase;margin:0 0 6px;font-size:24px;font-weight:800}.welcome-box p[data-v-d4954842]{color:#4b5563;margin:0 0 16px;font-size:14px}.navigation-row[data-v-d4954842]{justify-content:flex-start;display:flex}.btn-dashboard[data-v-d4954842]{color:#1a1a1a;text-transform:uppercase;background-color:#a7f3d0;border:2px solid #1a1a1a;padding:10px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:transform 50ms,box-shadow 50ms;display:inline-block;box-shadow:3px 3px #1a1a1a}.btn-dashboard[data-v-d4954842]:hover{background-color:#6ee7b7;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.btn-dashboard[data-v-d4954842]:active{transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.tantangan-daily-container[data-v-d4954842]{background-color:#f8fafc;border:3px solid #1a1a1a;margin-bottom:28px;padding:24px;box-shadow:6px 6px #1a1a1a}.tantangan-header[data-v-d4954842]{margin-bottom:14px}.badge-brutal[data-v-d4954842]{color:#fff;letter-spacing:.5px;background-color:#1a1a1a;border:1px solid #1a1a1a;padding:4px 12px;font-size:12px;font-weight:900;display:inline-block}.badge-brutal.kuning[data-v-d4954842]{color:#1a1a1a;background-color:#fef08a}.isi-tantangan[data-v-d4954842]{color:#1a1a1a;margin:0;font-size:16px;font-weight:800;line-height:1.5}.action-quiz-row[data-v-d4954842]{gap:16px;margin-top:18px;display:flex}.btn-quiz[data-v-d4954842]{cursor:pointer;text-transform:uppercase;border:2px solid #1a1a1a;flex:1;padding:12px;font-size:14px;font-weight:900;transition:transform 50ms,box-shadow 50ms;box-shadow:3px 3px #1a1a1a}.btn-benar[data-v-d4954842]{background-color:#86efac}.btn-benar[data-v-d4954842]:hover:not(:disabled){background-color:#4ade80}.btn-salah[data-v-d4954842]{background-color:#fca5a5}.btn-salah[data-v-d4954842]:hover:not(:disabled){background-color:#f87171}.btn-quiz[data-v-d4954842]:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.btn-quiz[data-v-d4954842]:disabled{opacity:.6;cursor:not-allowed}.done-quiz-box[data-v-d4954842]{background-color:#fff;border:2px dashed #1a1a1a;padding:18px}.status-quiz-title[data-v-d4954842]{text-transform:uppercase;margin:0 0 8px;font-size:14px;font-weight:900}.jawaban-summary-text[data-v-d4954842]{color:#4b5563;margin:0;font-size:13px;line-height:1.4}.text-hijau[data-v-d4954842]{color:#16a34a;font-weight:900}.text-merah[data-v-d4954842]{color:#dc2626;font-weight:900}.ranking-container[data-v-d4954842]{background-color:#fff;border:3px solid #1a1a1a;margin-bottom:28px;padding:24px;box-shadow:6px 6px #1a1a1a}.ranking-header[data-v-d4954842]{margin-bottom:16px}.ranking-table-wrapper[data-v-d4954842]{overflow-x:auto}.ranking-table[data-v-d4954842]{border-collapse:collapse;border:2px solid #1a1a1a;width:100%}.ranking-table th[data-v-d4954842]{color:#1a1a1a;text-align:left;text-transform:uppercase;background-color:#e2e8f0;border-bottom:2px solid #1a1a1a;border-right:1px solid #1a1a1a;padding:10px 12px;font-size:12px;font-weight:900}.ranking-table td[data-v-d4954842]{vertical-align:middle;border-bottom:1px solid #1a1a1a;border-right:1px solid #1a1a1a;padding:10px 12px;font-size:14px}.ranking-table tr:last-child td[data-v-d4954842]{border-bottom:none}.my-rank-row[data-v-d4954842]{background-color:#fef08a!important}.rank-number[data-v-d4954842]{border:1px solid #1a1a1a;padding:2px 6px;font-size:12px;font-weight:900;display:inline-block}.rank-number.top-1[data-v-d4954842]{background-color:#fde047}.rank-number.top-2[data-v-d4954842]{background-color:#cbd5e1}.rank-number.top-3[data-v-d4954842]{color:#fff;background-color:#cd7f32}.score-badge[data-v-d4954842]{color:#fff;background-color:#1a1a1a;border-radius:0;padding:4px 8px;font-size:12px;font-weight:800}.you-badge[data-v-d4954842]{color:#fff;text-transform:uppercase;background-color:#ef4444;border:1px solid #1a1a1a;margin-left:6px;padding:1px 4px;font-size:10px;font-weight:900}.homepage-grid[data-v-d4954842]{align-items:flex-start;gap:28px;display:flex}@media (width<=768px){.homepage-grid[data-v-d4954842]{flex-direction:column}}.profile-card[data-v-d4954842],.task-summary-panel[data-v-d4954842]{flex:1;width:100%}h3[data-v-d4954842]{text-transform:uppercase;letter-spacing:.3px;margin-top:0;margin-bottom:16px;font-size:16px;font-weight:800}.profile-table[data-v-d4954842]{border-collapse:collapse;border:2px solid #1a1a1a;width:100%;box-shadow:4px 4px #1a1a1a}.profile-table td[data-v-d4954842]{vertical-align:middle;background-color:#fff;border:1px solid #1a1a1a;padding:12px;font-size:14px}.profile-table tr td[data-v-d4954842]:first-child{text-transform:uppercase;background-color:#fafafa;width:130px;font-size:12px;font-weight:700}.profile-table tr td[data-v-d4954842]:nth-child(2){text-align:center;width:15px;font-weight:700}.role-badge[data-v-d4954842]{color:#1a1a1a;background-color:#e0f2fe;border:1px solid #1a1a1a;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.mapel-badge[data-v-d4954842]{color:#1a1a1a;background-color:#f3e8ff;border:1px solid #1a1a1a;padding:4px 8px;font-size:12px;font-weight:700}.deadline-badge[data-v-d4954842]{color:#b91c1c;background-color:#fee2e2;border:1px solid #1a1a1a;padding:4px 8px;font-size:12px;font-weight:700}.password-masked[data-v-d4954842]{margin-right:10px;font-family:monospace;font-size:14px;font-weight:700}.btn-toggle-pass[data-v-d4954842]{cursor:pointer;text-transform:uppercase;background-color:#fff;border:1px solid #1a1a1a;padding:2px 8px;font-size:11px;font-weight:700}.btn-toggle-pass[data-v-d4954842]:hover{color:#fff;background-color:#1a1a1a}.latest-task-card[data-v-d4954842]{box-sizing:border-box;background-color:#fff;border:2px solid #1a1a1a;padding:20px;box-shadow:4px 4px #1a1a1a}.task-badge-row[data-v-d4954842]{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:14px;display:flex}.latest-task-card h4[data-v-d4954842]{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:800;line-height:1.4}.guru-name[data-v-d4954842]{color:#4b5563;margin:0 0 20px;font-size:13px}.btn-action-task[data-v-d4954842]{text-align:center;color:#1a1a1a;text-transform:uppercase;background-color:#fef08a;border:2px solid #1a1a1a;padding:10px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:block;box-shadow:2px 2px #1a1a1a}.btn-action-task[data-v-d4954842]:hover{background-color:#fde047;transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.btn-action-task[data-v-d4954842]:active{transform:translate(2px,2px);box-shadow:0 0 #1a1a1a}.empty-task-box[data-v-d4954842]{text-align:center;color:#71717a;background-color:#fff;border:2px dashed #a1a1aa;padding:30px 20px;font-size:14px}.loading-box[data-v-d4954842]{text-transform:uppercase;text-align:center;background-color:#fef08a;border:2px solid #1a1a1a;padding:20px;font-size:13px;font-weight:700;box-shadow:4px 4px #1a1a1a}.alert-error-mini[data-v-d4954842]{color:#b91c1c;background-color:#fee2e2;border:2px solid #1a1a1a;padding:15px;font-size:13px;font-weight:600;box-shadow:4px 4px #1a1a1a}