:root{--sidebar-w: 230px;--sidebar-collapsed: 64px;--topbar-h: 56px}._root_1c8ez_3{display:flex;min-height:100vh}._sidebar_1c8ez_6{width:var(--sidebar-w);background:var(--gray-900);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:width .22s ease;overflow:hidden}._collapsed_1c8ez_14 ._sidebar_1c8ez_6{width:var(--sidebar-collapsed)}._sidebarTop_1c8ez_16{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:60px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}._brand_1c8ez_21{display:flex;align-items:center;gap:10px;overflow:hidden}._brandIcon_1c8ez_22{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}._brandText_1c8ez_27{display:flex;flex-direction:column;overflow:hidden}._brandName_1c8ez_28{font-size:14px;font-weight:600;color:#fff;white-space:nowrap}._brandRole_1c8ez_29{font-size:11px;color:var(--gray-400);white-space:nowrap}._collapseBtn_1c8ez_30{background:none;color:var(--gray-400);font-size:18px;padding:4px;border-radius:4px;flex-shrink:0;transition:color var(--transition),background var(--transition)}._collapseBtn_1c8ez_30:hover{color:#fff;background:#ffffff14}._nav_1c8ez_38{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px}._navItem_1c8ez_39{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--gray-400);font-size:14px;font-weight:500;transition:background var(--transition),color var(--transition);text-decoration:none;white-space:nowrap;overflow:hidden}._navItem_1c8ez_39:hover{background:#ffffff12;color:#fff;text-decoration:none}._navItem_1c8ez_39._active_1c8ez_47{background:#1a56db4d;color:#fff}._navIcon_1c8ez_48{font-size:16px;flex-shrink:0;width:20px;text-align:center}._navLabel_1c8ez_49{overflow:hidden;text-overflow:ellipsis}._sidebarBottom_1c8ez_52{border-top:1px solid rgba(255,255,255,.06);padding:10px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}._userCard_1c8ez_56{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);overflow:hidden}._avatar_1c8ez_61{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}._userInfo_1c8ez_66{display:flex;flex-direction:column;overflow:hidden}._userName_1c8ez_67{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._userRole_1c8ez_68{font-size:11px;color:var(--gray-400)}._logoutBtn_1c8ez_69{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:none;color:var(--gray-400);font-size:14px;transition:background var(--transition),color var(--transition);width:100%;white-space:nowrap}._logoutBtn_1c8ez_69:hover{background:#e0242426;color:#f87171}._main_1c8ez_79{flex:1;margin-left:var(--sidebar-w);transition:margin-left .22s ease;display:flex;flex-direction:column;min-height:100vh}._collapsed_1c8ez_14 ._main_1c8ez_79{margin-left:var(--sidebar-collapsed)}._topbar_1c8ez_86{height:var(--topbar-h);background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}._hamburger_1c8ez_92{display:none;background:none;font-size:20px;color:var(--gray-600);padding:4px}._topbarRight_1c8ez_96{display:flex;align-items:center;gap:10px}._topbarUser_1c8ez_97{font-size:13px;color:var(--gray-600);font-weight:500}._topbarAvatar_1c8ez_98{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}._content_1c8ez_104{padding:24px;flex:1}._mobileOverlay_1c8ez_107{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}@media (max-width: 768px){._sidebar_1c8ez_6{transform:translate(-100%);transition:transform .22s ease;width:var(--sidebar-w)!important}._sidebar_1c8ez_6._mobileOpen_1c8ez_112{transform:translate(0)}._main_1c8ez_79{margin-left:0!important}._hamburger_1c8ez_92{display:flex}._content_1c8ez_104{padding:16px}}._btn_1y35q_1{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;border-radius:var(--radius-sm);transition:background var(--transition),opacity var(--transition),box-shadow var(--transition);white-space:nowrap;line-height:1}._btn_1y35q_1:disabled{opacity:.55;cursor:not-allowed}._sm_1y35q_15{padding:6px 12px;font-size:13px}._md_1y35q_16{padding:9px 18px;font-size:14px}._lg_1y35q_17{padding:12px 24px;font-size:15px}._primary_1y35q_20{background:var(--primary);color:#fff}._primary_1y35q_20:not(:disabled):hover{background:var(--primary-dark)}._secondary_1y35q_23{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}._secondary_1y35q_23:not(:disabled):hover{background:var(--gray-200)}._ghost_1y35q_26{background:transparent;color:var(--primary)}._ghost_1y35q_26:not(:disabled):hover{background:var(--primary-light)}._danger_1y35q_29{background:var(--error);color:#fff}._danger_1y35q_29:not(:disabled):hover{background:#c81e1e}._success_1y35q_32{background:var(--accent);color:#fff}._success_1y35q_32:not(:disabled):hover{background:#057a55}._spinner_1y35q_36{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:_spin_1y35q_36 .6s linear infinite}@keyframes _spin_1y35q_36{to{transform:rotate(360deg)}}._group_qkux0_1{display:flex;flex-direction:column;gap:5px}._label_qkux0_2{font-size:13px;font-weight:500;color:var(--gray-700)}._input_qkux0_3{padding:9px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-800);background:#fff;outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:100%}._input_qkux0_3:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}._input_qkux0_3._error_qkux0_15{border-color:var(--error)}textarea._input_qkux0_3{resize:vertical;min-height:90px;line-height:1.5}select._input_qkux0_3{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}._errorMsg_qkux0_18{font-size:12px;color:var(--error)}._page_5kofq_1{display:flex;min-height:100vh}._left_5kofq_3{flex:1;background:var(--gray-900);display:flex;align-items:center;justify-content:center;padding:48px}._leftContent_5kofq_7{max-width:380px}._heroIcon_5kofq_8{width:56px;height:56px;background:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;margin-bottom:24px}._heroTitle_5kofq_13{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}._heroSub_5kofq_14{font-size:16px;color:var(--gray-400);margin-bottom:32px;line-height:1.6}._features_5kofq_15{list-style:none;display:flex;flex-direction:column;gap:12px}._features_5kofq_15 li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gray-300)}._features_5kofq_15 li:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0}._right_5kofq_25{width:440px;display:flex;align-items:center;justify-content:center;padding:48px 40px;background:#fff}._form_5kofq_30{width:100%;display:flex;flex-direction:column;gap:18px}._formHeader_5kofq_31{margin-bottom:4px}._formTitle_5kofq_32{font-size:22px;font-weight:700;color:var(--gray-800);margin-bottom:4px}._formSub_5kofq_33{font-size:14px;color:var(--gray-500)}._roleGrid_5kofq_35{display:grid;grid-template-columns:1fr 1fr;gap:8px}._roleBtn_5kofq_36{padding:10px 12px;border-radius:var(--radius-sm);text-align:left;border:1.5px solid var(--gray-200);background:#fff;transition:border-color var(--transition),background var(--transition);cursor:pointer}._roleBtn_5kofq_36:hover{border-color:var(--primary);background:var(--primary-light)}._roleActive_5kofq_43{border-color:var(--primary)!important;background:var(--primary-light)!important}._roleName_5kofq_44{display:block;font-size:13px;font-weight:600;color:var(--gray-800)}._roleDesc_5kofq_45{display:block;font-size:11px;color:var(--gray-500);margin-top:2px}._roleActive_5kofq_43 ._roleName_5kofq_44{color:var(--primary)}._errorMsg_5kofq_48{background:var(--error-light);color:var(--error);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}._submitBtn_5kofq_52{width:100%}@media (max-width: 768px){._left_5kofq_3{display:none}._right_5kofq_25{width:100%;padding:32px 24px}}._card_10329_1{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}._clickable_10329_8{cursor:pointer;transition:box-shadow var(--transition),transform var(--transition)}._clickable_10329_8:hover{box-shadow:var(--shadow);transform:translateY(-1px)}._page_1apkf_1{display:flex;flex-direction:column;gap:24px}._pageTitle_1apkf_4{font-size:22px;font-weight:700;color:var(--gray-900)}._pageSub_1apkf_5{font-size:14px;color:var(--gray-500);margin-top:4px}._statsGrid_1apkf_7{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}._statCard_1apkf_9{position:relative;overflow:hidden;padding:20px}._statBar_1apkf_10{position:absolute;top:0;left:0;right:0;height:3px}._statValue_1apkf_11{font-size:28px;font-weight:700;color:var(--gray-900)}._statLabel_1apkf_12{font-size:13px;color:var(--gray-500);margin-top:4px;font-weight:500}._statSub_1apkf_13{font-size:12px;color:var(--gray-400);margin-top:2px}._section_1apkf_15{display:flex;flex-direction:column;gap:12px}._sectionTitle_1apkf_16{font-size:16px;font-weight:600;color:var(--gray-800)}._announcementList_1apkf_18{display:flex;flex-direction:column;gap:10px}._announcementCard_1apkf_19{padding:16px}._announcementHeader_1apkf_20{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}._announcementTitle_1apkf_21{font-size:14px;font-weight:600;color:var(--gray-800)}._announcementTarget_1apkf_22{font-size:11px;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:99px}._announcementBody_1apkf_23{font-size:13px;color:var(--gray-600);line-height:1.6;margin-bottom:8px}._announcementDate_1apkf_24{font-size:12px;color:var(--gray-400)}._jurnalList_1apkf_26{display:flex;flex-direction:column;gap:8px}._jurnalCard_1apkf_27{padding:14px 16px}._jurnalHeader_1apkf_28{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}._jurnalSiswa_1apkf_29{font-size:14px;font-weight:600;color:var(--gray-800)}._jurnalDate_1apkf_30{font-size:12px;color:var(--gray-400)}._jurnalKegiatan_1apkf_31{font-size:13px;color:var(--gray-600);line-height:1.5}._jurnalIndustri_1apkf_32{font-size:12px;color:var(--gray-400);margin-top:4px;display:block}._penempatanInfo_1apkf_34{margin-bottom:0}._penempatanRow_1apkf_35{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}._piLabel_1apkf_36{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);font-weight:600;margin-bottom:3px}._piValue_1apkf_37{font-size:14px;font-weight:500;color:var(--gray-800)}._statusBadge_1apkf_39{font-size:11px;font-weight:500;padding:2px 8px;border-radius:99px}._s_draft_1apkf_42{background:var(--gray-100);color:var(--gray-600)}._s_terkirim_1apkf_43{background:var(--primary-light);color:var(--primary)}._s_disetujui_1apkf_44{background:var(--accent-light);color:#057a55}._s_revisi_1apkf_45{background:#fff3cd;color:#9a3412}._emptyText_1apkf_47{font-size:13px;color:var(--gray-400);text-align:center;padding:12px 0}._siswaGrid_1apkf_49{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}._siswaCard_1apkf_50{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;gap:6px}._siswaAvatar_1apkf_51{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:4px}._siswaName_1apkf_56{font-size:14px;font-weight:600;color:var(--gray-800)}._siswaDetail_1apkf_57{font-size:12px;color:var(--gray-500)}._wrapper_t9wlf_1{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--gray-200)}._table_t9wlf_2{width:100%;border-collapse:collapse;font-size:14px}._th_t9wlf_3{padding:11px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;background:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap}._tr_t9wlf_9{border-bottom:1px solid var(--gray-100);transition:background var(--transition)}._tr_t9wlf_9:last-child{border-bottom:none}._tr_t9wlf_9:hover{background:var(--gray-50)}._td_t9wlf_12{padding:12px 16px;color:var(--gray-700);vertical-align:middle}._center_t9wlf_13{padding:40px 16px;text-align:center}._loading_t9wlf_14,._empty_t9wlf_15{color:var(--gray-400);font-size:13px}._badge_embqg_1{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:500;line-height:1.4}._green_embqg_10{background:var(--accent-light);color:#057a55}._blue_embqg_11{background:var(--primary-light);color:var(--primary-dark)}._yellow_embqg_12{background:var(--warning-light);color:#92400e}._orange_embqg_13{background:#fff3cd;color:#9a3412}._red_embqg_14{background:var(--error-light);color:var(--error)}._gray_embqg_15{background:var(--gray-100);color:var(--gray-600)}._purple_embqg_16{background:#ede9fe;color:#5b21b6}._overlay_venu7_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:_fadeIn_venu7_1 .15s ease}@keyframes _fadeIn_venu7_1{0%{opacity:0}to{opacity:1}}._modal_venu7_9{background:#fff;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);animation:_slideUp_venu7_1 .18s ease;max-height:90vh;overflow-y:auto}@keyframes _slideUp_venu7_1{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}._header_venu7_17{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:#fff;z-index:1}._title_venu7_22{font-size:16px;font-weight:600;color:var(--gray-800)}._close_venu7_23{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-500);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}._close_venu7_23:hover{background:var(--gray-200)}._body_venu7_30{padding:24px;display:flex;flex-direction:column;gap:16px}._page_1t8es_1{display:flex;flex-direction:column;gap:20px}._header_1t8es_2{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}._title_1t8es_3{font-size:20px;font-weight:700;color:var(--gray-900)}._sub_1t8es_4{font-size:13px;color:var(--gray-500);margin-top:3px}._tableCard_1t8es_6{padding:0;overflow:hidden}._toolbar_1t8es_7{padding:14px 16px;border-bottom:1px solid var(--gray-100);display:flex;gap:10px;align-items:center}._searchInput_1t8es_8{max-width:300px}._pagination_1t8es_10{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--gray-100);justify-content:flex-end}._pageInfo_1t8es_11{font-size:13px;color:var(--gray-500)}._formGrid_1t8es_13{display:grid;grid-template-columns:1fr 1fr;gap:14px}._fullWidth_1t8es_14{grid-column:1 / -1}._actions_1t8es_15{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}._error_1t8es_16{grid-column:1 / -1;background:var(--error-light);color:var(--error);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a56db;--primary-light: #e8f0fe;--primary-dark: #1344b0;--accent: #0e9f6e;--accent-light: #def7ec;--warning: #e3a008;--warning-light: #fdf6b2;--error: #e02424;--error-light: #fde8e8;--info: #3f83f8;--info-light: #e1effe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 30px rgba(0,0,0,.1);--transition: .18s ease}html{font-size:15px}body{font-family:Inter,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}