@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.pagination-wrap{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.pagination-info{color:#475569;margin:0;font-size:14px;font-weight:500}.pagination-info span{color:#1e293b;font-weight:700}.filter-badge{color:#6b7280;margin-left:4px;font-weight:500}.pagination-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-btn{cursor:pointer;color:#475569;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 1rem;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.page-btn.page-num{width:40px;padding:0}.page-btn:hover:not(.disabled):not(.active):not(.page-ellipsis){color:#1e293b;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.page-btn.active{color:#fff;cursor:default;background:#2563eb;border-color:#2563eb;font-weight:700;box-shadow:0 4px 10px #2563eb40}.page-btn.active:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.page-btn.disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{cursor:default;color:#94a3b8;background:0 0;border:none;width:32px;padding:0;font-weight:500}.page-chevron{stroke-width:2.5px;width:14px;height:14px}.page-btn-prev .desktop-text{margin-left:6px}.page-btn-next .desktop-text{margin-right:6px}.page-btn .desktop-text{display:inline}@media (width<=640px){.pagination-wrap{flex-direction:column;align-items:center;gap:.75rem;padding:1rem .75rem}.pagination-info{text-align:center;font-size:13px}.pagination-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:4px;width:100%;padding-bottom:2px;overflow-x:auto}.pagination-links::-webkit-scrollbar{display:none}.page-btn{flex-shrink:0;height:34px;font-size:13px}.page-btn.page-num{width:34px;min-width:34px;padding:0}.page-btn .desktop-text{display:none}.page-btn.page-btn-prev,.page-btn.page-btn-next{width:34px;min-width:34px;padding:0}}.beautiful-select-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.beautiful-select-scroll::-webkit-scrollbar{width:14px}.beautiful-select-scroll::-webkit-scrollbar-track{background:0 0;margin:6px 0}.beautiful-select-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:4px solid #fff;border-radius:99px}.beautiful-select-scroll::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;width:100%;max-width:400px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast-item{pointer-events:auto;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast-body{flex:1}.toast-icon{flex-shrink:0;align-items:center;display:flex}.alert-info{color:#fff;background-color:#0284c7}.alert-success{color:#fff;background-color:#16a34a}.alert-warning{color:#fff;background-color:#ea580c}.alert-error{color:#fff;background-color:#dc2626}.toast-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;transition:opacity .2s,transform .2s;display:flex}.toast-close:hover{opacity:1;transform:scale(1.1)}.toast-list-enter-active,.toast-list-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.toast-list-enter-from,.toast-list-leave-to{opacity:0;transform:translate(30px)scale(.9)}.toast-list-move{transition:transform .4s}.modal-icon-delete{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropzone-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;border:2px dashed #d1d5db;border-radius:14px;width:100%;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden}.dropzone-wrapper:hover:not(.dropzone--disabled){background:#f0f5ff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.dropzone--dragging{background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 0 0 5px #2563eb26!important}.dropzone--has-file{cursor:default;background:#fff;border-style:solid;border-color:#dbeafe}.dropzone--error{background:#fef2f2!important;border-color:#fca5a5!important}.dropzone--disabled{opacity:.6;cursor:not-allowed}.dropzone-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute;inset:0}.dropzone-empty{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:2rem 1.5rem;display:flex}.dropzone-icon{color:#9ca3af;transition:color .2s,transform .2s}.dropzone--dragging .dropzone-icon,.dropzone-wrapper:hover .dropzone-icon{color:#2563eb}.dropzone-icon--bounce{color:#2563eb;animation:.6s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.dropzone-text{text-align:center}.dropzone-main-text{color:#4b5563;margin:0;font-size:14px;font-weight:500}.dropzone-browse-link{color:#2563eb;text-underline-offset:2px;font-weight:700;text-decoration:underline}.dropzone-sub-text{color:#9ca3af;margin:4px 0 0;font-size:12px}.dropzone-filled{width:100%;position:relative}.dropzone-image-preview{object-fit:cover;border-radius:12px;width:100%;height:160px;display:block}.dropzone-image-overlay{opacity:0;background:linear-gradient(#0000 50%,#000000a6 100%);border-radius:12px;flex-direction:column;justify-content:flex-end;padding:10px 12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.dropzone-wrapper:hover .dropzone-image-overlay{opacity:1}.dropzone-file-info-overlay{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.dropzone-filename-overlay{color:#fff;font-size:12px;font-weight:600}.dropzone-filesize-overlay{color:#ffffffb3;font-size:10px}.dropzone-actions{gap:6px;display:flex}.dropzone-btn-change,.dropzone-btn-remove{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.dropzone-btn-change{color:#2563eb;background:#ffffffe6}.dropzone-btn-change:hover{background:#fff}.dropzone-btn-remove{color:#fff;background:#ef4444d9}.dropzone-btn-remove:hover{background:#ef4444}.dropzone-file-row{align-items:center;gap:12px;padding:14px 16px;display:flex}.dropzone-file-icon{background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dropzone-file-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dropzone-filename{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dropzone-filesize{color:#6b7280;font-size:11px}.dropzone-file-actions{flex-shrink:0;gap:6px;display:flex}.dropzone-btn-icon{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.dropzone-btn-icon--edit{color:#a16207;background:#fefce8}.dropzone-btn-icon--edit:hover{background:#fef9c3}.dropzone-btn-icon--delete{color:#dc2626;background:#fef2f2}.dropzone-btn-icon--delete:hover{background:#fee2e2}.dropzone-drag-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dropzone-drag-ring{opacity:.3;border:3px solid #2563eb;border-radius:50%;width:60px;height:60px;animation:.8s ease-out infinite ring-pulse}@keyframes ring-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.dropzone-drag-enter-active,.dropzone-drag-leave-active{transition:opacity .15s}.dropzone-drag-enter-from,.dropzone-drag-leave-to{opacity:0}.custom-v-select .vs__dropdown-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:150px;padding:6px 0 10px;transition:all .2s}.inp-err:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.err-msg{color:#ef4444;margin-top:4px;font-size:12px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.custom-v-select-filter .vs__dropdown-option{color:#4b5563;border-radius:8px;margin-bottom:2px;padding:8px 12px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.page-header{align-items:center!important}.btn-tambah{width:40px;height:40px;padding:0;border-radius:50%!important}.btn-text{display:none}.icon-plus{font-size:18px}}.badge-kategori{color:#1e40af;background:#dbeafe}.form-input-custom{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}@media (width>=640px){.sekolah-page{padding:2rem}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.btn-edit{color:#fff;cursor:pointer;box-sizing:border-box;background:#2563eb;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:0 1.5rem;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-edit:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.icon-edit-btn{font-size:13px}.btn-edit-text{display:inline}@media (width<=767px){.page-header{align-items:center}.btn-edit{width:40px;height:40px;padding:0;border-radius:50%!important}.btn-edit-text{display:none}.icon-edit-btn{font-size:18px}}.local-pagination-wrap{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:0;padding:1rem 1.5rem;display:flex}.local-pagination-info{color:#475569;margin:0;font-size:14px;font-weight:500}.local-pagination-info span{color:#1e293b;font-weight:700}.local-pagination-links{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.local-page-btn{cursor:pointer;color:#475569;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 1rem;font-size:14px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.local-page-btn.local-page-num{width:40px;padding:0}.local-page-btn:hover:not(.disabled):not(.active){color:#1e293b;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.local-page-btn.active{color:#fff;cursor:default;background:#2563eb;border-color:#2563eb;font-weight:700;box-shadow:0 4px 10px #2563eb40}.local-page-btn.disabled{opacity:.5;cursor:not-allowed}.local-page-chevron{stroke-width:2.5px;width:14px;height:14px}.local-page-btn-prev .local-desktop-text{margin-left:6px}.local-page-btn-next .local-desktop-text{margin-right:6px}@media (width<=640px){.local-pagination-wrap{flex-direction:column;align-items:center;gap:.75rem;padding:1rem .75rem}.local-pagination-info{text-align:center;font-size:13px}.local-pagination-links{flex-wrap:nowrap;justify-content:center;gap:4px}.local-page-btn{flex-shrink:0;height:34px;font-size:13px}.local-page-btn.local-page-num{width:34px;min-width:34px}.local-page-btn.local-page-btn-prev,.local-page-btn.local-page-btn-next{width:34px;min-width:34px;padding:0}.local-desktop-text{display:none}}.fade-enter-from,.fade-leave-to{opacity:0;transform:scale(.8)}.font-sans{font-family:Inter,sans-serif}.flash-success{color:#065f46;background:#d1fae5;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:14px}.btn-reset{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.5rem .85rem;font-size:13px;transition:background .15s}@media (width<=767px){.page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.btn-tambah{border-radius:50%!important;width:40px!important;height:40px!important;padding:0!important}.btn-text{display:none!important}.icon-plus{font-size:18px!important}.filter-bar{flex-flow:wrap}.filter-selects{flex-wrap:wrap;gap:.6rem;width:100%}.filter-selects .filter-select-jenjang,.filter-selects .filter-select-role,.filter-selects .btn-reset,.filter-selects .custom-v-select-filter{flex:none;width:100%!important;min-width:0!important}.filter-selects .custom-v-select-filter .vs__dropdown-toggle{width:100%!important;min-width:0!important}.search-wrap{width:100%;min-width:0}.btn-reset{text-align:center;width:100%}}.kelas-page{color:#1a1a2e;max-width:1280px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width<=767px){.page-header{align-items:center!important}.btn-tambah{width:40px;height:40px;padding:0;border-radius:50%!important}.btn-text{display:none}.icon-plus{font-size:18px}}.filter-select-tingkat{min-width:170px}.select-filter{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;min-width:150px;padding:.55rem .75rem;font-size:14px;transition:border-color .2s}.select-filter:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.btn-reset{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.55rem .85rem;font-size:13px;transition:all .2s}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;white-space:nowrap;padding:.75rem 1rem;font-size:12px;font-weight:600}.table-row:last-child td{border-bottom:none}.jenjang-sekolah{color:#9ca3af;margin-top:2px;font-size:11px}.icon-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;width:32px;height:32px;padding:0;line-height:1;transition:all .15s}.form-input:focus{border-color:#2563eb;outline:2px solid #2563eb1f}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#f9fafb}.delete-confirm-input{background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.delete-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:.75rem 1.25rem;font-size:14px;font-weight:700;transition:all .2s}.delete-btn-cancel:hover{background:#f9fafb}.delete-btn-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-size:14px;font-weight:700;transition:all .2s;display:flex}.delete-btn-confirm:hover:not(:disabled){background:#dc2626}.delete-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.custom-v-select .vs__dropdown-option{color:#4b5563;padding:10px 15px;font-weight:500}.custom-v-select .vs__dropdown-option--highlight{color:#fff;background:#5244e1}.custom-v-select .vs__search::placeholder{color:#9ca3af;font-size:14px}.custom-v-select-filter .vs__dropdown-toggle{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:150px;padding:2px 0 5px}.custom-v-select-filter .vs__selected{color:#6b7280}.custom-v-select-filter .vs__dropdown-menu{border:1px solid #e5e7eb;border-radius:8px;padding:4px;box-shadow:0 4px 12px #0000001a}.custom-v-select-filter .vs__dropdown-option{border-radius:4px;margin-bottom:2px}.custom-v-select-filter .vs__selected{font-weight:500}.overflow-visible{overflow:visible!important}.toast-container{z-index:200;width:calc(100% - 2rem);max-width:400px;position:fixed;top:2rem;right:2rem}.toast-content{background:#fff;border:1px solid #f3f4f6;border-left:4px solid #10b981;border-radius:12px;align-items:center;gap:12px;padding:1rem 1.25rem;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a}.toast-icon{color:#10b981;background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-message{color:#1f2937;flex:1;margin:0;font-size:14px;font-weight:500}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}@media (width<=768px){.kelas-page{padding:1rem}.page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.page-title{font-size:20px}.btn-tambah{border-radius:50%!important;width:40px!important;height:40px!important;padding:0!important}.btn-text{display:none!important}.icon-plus{font-size:18px!important}.filter-bar{flex-flow:wrap}.filter-selects{flex-wrap:wrap;gap:.6rem;width:100%}.filter-selects .filter-select-tingkat,.filter-selects .select-search-container,.filter-selects .btn-reset,.filter-selects .custom-v-select-filter{flex:none;width:100%!important;min-width:0!important}.filter-selects .custom-v-select-filter .vs__dropdown-toggle{width:100%!important;min-width:0!important}.search-wrap{width:100%;min-width:0}.btn-reset{text-align:center;width:100%}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.toast-container{width:auto;max-width:none;top:1rem;left:1rem;right:1rem}.toast-message{font-size:13px}}@media (width>=769px) and (width<=1024px){.kelas-page{padding:1.5rem}.search-wrap{min-width:200px}.select-search-container{min-width:220px}}.avatar{z-index:10;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:4px solid #fff;border-radius:24px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:absolute;top:-48px;left:2rem;box-shadow:0 8px 24px #3b82f64d}.badge-tingkat{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.badge-siswa-count{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.bimbingan-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;margin-top:2rem;overflow:hidden;box-shadow:0 4px 24px #0000000f}.tab-bar{background:#fafbfc;border-bottom:2px solid #f1f5f9;padding:0 1.5rem;display:flex}.tab-btn{color:#3b82f6;background:0 0;border:none;border-bottom:3px solid #3b82f6;align-items:center;gap:.5rem;margin-bottom:-2px;padding:1rem 1.5rem;font-size:.875rem;font-weight:700;display:flex}.tab-count{color:#2563eb;text-align:center;background:#eff6ff;border-radius:999px;min-width:1.4rem;margin-left:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.tab-content{padding:1.5rem}.empty-state svg{margin:0 auto 1rem}.empty-state h4{color:#94a3b8;margin:0 0 4px;font-size:16px;font-style:italic;font-weight:700}.empty-state p{color:#94a3b8;max-width:320px;margin:0 auto;font-size:.85rem;font-weight:500;line-height:1.5}.siswa-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.siswa-card{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;text-decoration:none;transition:all .25s;display:block;overflow:hidden}.siswa-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 24px #4a90e21a}.siswa-card-header{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.siswa-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:800;display:flex;overflow:hidden}.siswa-avatar img{object-fit:cover;width:100%;height:100%}.siswa-info h4{color:#1e293b;margin:0;font-size:.925rem;font-weight:700;line-height:1.3}.siswa-nisn{color:#94a3b8;margin:.15rem 0 0;font-size:.75rem;font-weight:600}.icon-arrow{color:#cbd5e1;transition:transform .2s}.siswa-card:hover .icon-arrow{color:#3b82f6;transform:translate(3px)}.siswa-card-body{flex-direction:column;gap:.5rem;padding:.85rem 1.25rem;display:flex}.siswa-detail-row{justify-content:space-between;align-items:center;display:flex}.siswa-label{color:#94a3b8;font-size:.75rem;font-weight:600}.siswa-val{color:#334155;text-align:right;font-size:.8rem;font-weight:700}@media (width<=640px){.show-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:20px}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4.5rem 1.25rem 1.5rem}.avatar{left:50%;transform:translate(-50%)}.hero-info{flex-direction:column;align-items:center;display:flex}.hero-badges{justify-content:center}.hero-school{justify-content:center;width:100%;margin-left:0}.siswa-grid{grid-template-columns:1fr}}.page-title{color:#111827;margin-bottom:.5rem;font-size:24px;font-weight:700}@media (width<=767px){.page-header{align-items:center!important}.btn-tambah{width:40px;height:40px;padding:0;border-radius:50%!important}.btn-text{display:none}.icon-plus{font-size:18px}}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:2px solid #f1f5f9;padding:.75rem 1rem;font-size:12px;font-weight:600}.nama-sarpras{color:#111827;font-weight:500}.icon-disabled{color:#d1d5db;cursor:not-allowed;background:#f3f4f6}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#11182766;transition:opacity .3s;position:fixed;inset:0}.modal-content-custom{background:#fff;border-radius:24px;width:100%;max-width:512px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-header-custom{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header-custom h3{color:#111827;letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:700}.btn-close-modal-custom{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close-modal-custom:hover{color:#111827;background:#f3f4f6}.btn-close-modal-custom svg{width:14px;height:14px}.form-group-custom{margin-bottom:1.25rem}.form-group-custom label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input-custom{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.form-input-custom:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.error-text-custom{color:#ef4444;margin-top:.375rem;font-size:.75rem;font-weight:500}.modal-actions-custom{border-top:1px solid #f3f4f6;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.25rem;display:flex}.btn-batal-custom{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-batal-custom:hover{background:#f9fafb;border-color:#d1d5db}.btn-simpan-custom{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9999px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-simpan-custom:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb33}.btn-simpan-custom:disabled{opacity:.7;cursor:not-allowed;transform:none}.show-details-container{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.detail-row{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:.25rem;padding-bottom:.75rem;display:flex}.detail-label{text-transform:uppercase;color:#6b7280;letter-spacing:.05em;font-size:.75rem;font-weight:700}.detail-value{color:#111827;font-size:.95rem}.modal-content-delete{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-title-delete{color:#111827;letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.modal-desc-delete{color:#6b7280;margin-bottom:2rem;padding:0 .5rem;font-size:.875rem;line-height:1.625}.btn-cancel-delete{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .2s}.btn-cancel-delete:hover{background:#f9fafb}.btn-confirm-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.btn-confirm-delete:hover{background:#dc2626}.btn-confirm-delete:disabled{opacity:.7;cursor:not-allowed}.delete-confirm-input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.animate-spin{animation:1s linear infinite spin}.custom-v-select .vs__search::placeholder,.custom-v-select-filter .vs__search::placeholder{color:#9ca3af}.badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-peraga{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.badge-akses{color:#6d28d9;background:#f5f3ff;border-color:#ede9fe}.table-card{border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 4px 24px #0000000f}.table-wrap{background:#fff}.table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.table th{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:1rem 1.25rem;font-size:.75rem;font-weight:700}.table td{border-bottom:1px solid #f3f4f6;padding:1.25rem;font-size:.875rem}.td-no{color:#9ca3af;width:60px;font-weight:700}.empty-state{color:#9ca3af;font-weight:500}.guru-page{color:#1e293b;font-family:Inter,system-ui,sans-serif}.page-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:11px;font-weight:500}.page-title{color:#111827;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}@media (width<=767px){.page-header{align-items:center!important}.btn-tambah{width:40px;height:40px;padding:0;border-radius:50%!important}.btn-text{display:none}.icon-plus{font-size:18px}}.category-filter{min-width:180px;position:relative}.filter-select{appearance:none;cursor:pointer;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.5rem 2.2rem .5rem 1rem;font-size:14px;font-weight:500;transition:all .2s}.select-icon{color:#6b7280;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.td-no{color:#9ca3af;text-align:center;width:40px;font-size:13px}.badge-status{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-block}.badge-plain{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:6px 12px;font-size:10px;font-weight:500;display:inline-block}.badge-biasa{color:#0369a1;background:#f0f9ff;border:1px solid #e0f2fe}.td-aksi{justify-content:center;align-items:center;gap:4px;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .15s;display:inline-flex}.icon-show{color:#2563eb;background:#eff6ff}.icon-show:hover{background:#dbeafe}.modal-content-delete{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:2rem;position:relative}.highlight-delete{color:#111827;font-weight:700}.btn-cancel-delete{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:.75rem;font-size:.875rem;font-weight:700}.btn-confirm-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;flex:1;padding:.75rem;font-size:.875rem;font-weight:700}.toast-container{z-index:200;pointer-events:none;max-width:400px;position:fixed;top:2rem;right:2rem}.toast-content{pointer-events:auto;background:#fff;border:1px solid #f3f4f6;border-left:4px solid #10b981;border-radius:12px;align-items:center;gap:12px;padding:1rem 1.25rem;display:flex;box-shadow:0 10px 15px -3px #0000001a}.toast-icon{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-message{color:#1f2937;font-size:14px;font-weight:500}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.toast-enter-from{opacity:0;transform:translateY(-20px)translate(20px)}.toast-leave-to{opacity:0;transform:translate(100%)}.custom-v-select .vs__search{font-size:14px}.custom-v-select-filter .vs__selected{color:#6b7280;font-size:14px;font-weight:400}.avatar span{color:#fff;text-shadow:0 2px 4px #00000026;font-size:2.5rem;font-weight:900}.hero-nip{color:#6b7280;margin:.25rem 0 .75rem;font-size:.875rem;font-weight:600}.badge-gpk{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-pk{color:#d97706;background:#fff7ed;border:1px solid #fde68a}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;margin-top:2rem;padding:2rem;box-shadow:0 4px 24px #0000000f}.grid-cols-custom{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.info-item-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:2px;padding:1.25rem;transition:all .2s;display:flex}.info-item-card:hover{background:#f1f5f9;border-color:#cbd5e1}.inline-badge-plain{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.file-link-new{color:#3b82f6;align-items:center;gap:.5rem;margin-top:.25rem;font-size:14px;font-weight:700;text-decoration:none;display:flex}.file-link-new:hover{color:#2563eb}.empty-state-mini{text-align:center;color:#94a3b8;padding:2rem;font-size:13px;font-style:italic}.siswa-card-mini{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:1rem}@media (width<=640px){.show-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:20px}.header-actions{gap:.5rem;width:100%;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4.5rem 1.25rem 1.5rem}.avatar{left:50%;transform:translate(-50%)}.hero-school{justify-content:center;width:100%;margin-left:0}}.btn-back{color:#6b7280;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-back:hover{color:#2563eb}.form-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.form-body{padding:2.5rem}.section-title{color:#111827;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:14px;font-weight:800}.inp-plain{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:14px;transition:all .2s}.form-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem 2.5rem;display:flex}.btn-cancel{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.75rem 1.5rem;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.btn-cancel:hover{background:#f3f4f6}.btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9999px;align-items:center;padding:.75rem 2rem;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-submit:hover{background:#1d4ed8;transform:translateY(-1px)}.custom-v-select .vs__selected{color:#111827;font-size:14px;font-weight:600}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{pointer-events:auto;background:#fff;border:1px solid #f3f4f6;border-radius:12px;align-items:flex-start;gap:.75rem;min-width:300px;max-width:400px;padding:1rem 1.25rem;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-message{color:#1f2937;flex:1;margin-top:.1rem;font-size:.875rem;font-weight:500}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.toast-close:hover{color:#4b5563}.toast-enter-active,.toast-leave-active{transition:all .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(100%)}.close-btn{background:#ffffff26;border-radius:9999px;padding:6px;transition:background .2s,transform .2s}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)rotate(90deg)}.close-btn:active{transform:scale(.9)rotate(90deg)}.sekolah-page{color:#1a1a2e;max-width:1280px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.page-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 4px;font-size:12px}.filter-selects{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.search-input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem .5rem 2.2rem;font-size:14px;transition:border-color .2s,box-shadow .2s}.select-filter{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:14px}.btn-reset{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;padding:.5rem .85rem;font-size:13px}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto hidden}.td-npsn{color:#374151;font-family:monospace;font-size:13px}.kepala-sekolah{color:#6b7280;margin-top:2px;font-size:12px}.td-aksi{justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.td-aksi .btn-burger{display:none}.td-aksi .aksi-container{align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-flex}.icon-kelas{color:#10b981;background:#ecfdf5}.icon-kelas:hover{background:#d1fae5}.btn-tambah-kelas-modal{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:.45rem 1rem;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-tambah-kelas-modal:hover{background:#1d4ed8}@media (width<=640px){.td-aksi .btn-burger{display:inline-flex}.td-aksi .aksi-container{display:none}.td-aksi .aksi-container.active{z-index:10;background:#fff;border:1px solid #f3f4f6;border-radius:8px;gap:8px;padding:8px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.sekolah-page{padding:1rem}.page-header{align-items:center!important}.btn-tambah{border-radius:50%!important;width:40px!important;height:40px!important;padding:0!important}.btn-text{display:none!important}.icon-plus{font-size:18px!important}.filter-bar{flex-wrap:wrap}.filter-selects{flex-wrap:wrap;width:100%}.filter-selects .custom-v-select-filter,.filter-selects .btn-reset{width:100%}.search-wrap{width:100%;min-width:0}.select-filter,.btn-reset{width:100%}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.toast-container{top:1rem;left:1rem;right:1rem}}.custom-v-select-filter .vs__dropdown-menu{border:1px solid #e2e8f0;border-radius:8px;min-width:140px;padding:4px;font-size:14px;box-shadow:0 8px 20px -4px #0000001a}.inp-err:focus{box-shadow:0 0 0 4px #ef44441a!important}.inp-icon{pointer-events:none;color:#9ca3af;align-items:center;padding-left:.875rem;display:flex;position:absolute;top:0;left:0}.inp{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.inp:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.inp::placeholder{color:#9ca3af}.siswa-page{color:#1a1a2e;max-width:1400px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.page-label{text-transform:uppercase;color:#6b7280;margin-bottom:4px;font-size:12px;font-weight:600}@media (width<=767px){.page-header{align-items:center!important}.btn-tambah{width:40px;height:40px;padding:0;border-radius:50%!important}.btn-text{display:none}.icon-plus{font-size:18px}}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem .55rem 2.2rem;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-icon{color:#9ca3af;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.select-filter{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;min-width:120px;padding:.55rem .75rem;font-size:14px}.select-search-container{flex:1;min-width:220px}.btn-reset{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.55rem .85rem;font-size:13px}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:10px;overflow:auto hidden}.td-siswa{min-width:200px}.td-identitas{min-width:150px}.td-sekolah-kelas{min-width:200px}.td-disabilitas{min-width:150px}.nama-siswa{color:#111827;font-weight:600}.gender-siswa{color:#9ca3af;text-transform:capitalize;font-size:11px}.nisn-val{color:#374151;font-weight:500}.nik-val{color:#9ca3af;font-size:11px}.nama-sekolah{color:#374151;font-weight:500}.nama-kelas{color:#2563eb;font-size:12px;font-weight:600}.badge-disabilitas{color:#4b5563;background:#f3f4f6;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.td-aksi{text-align:center;width:150px;min-width:130px}.aksi-container{gap:6px;display:inline-flex}.form-label{margin-bottom:6px;font-size:13px;display:block}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:14px}.form-input:focus{border-color:#2563eb}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.custom-v-select .vs__dropdown-menu{z-index:9999;border:1px solid #e5e7eb;border-radius:8px;max-height:250px;font-size:14px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.custom-v-select.vs--disabled .vs__dropdown-toggle,.custom-v-select.is-disabled-select .vs__dropdown-toggle{opacity:.8;cursor:not-allowed!important;background:#f9fafb!important}.custom-v-select.vs--disabled .vs__search,.custom-v-select.vs--disabled .vs__selected{cursor:not-allowed!important}.filter-info{color:#6b7280;margin-bottom:.75rem;font-size:12px}.filter-info span{margin-left:4px}.custom-v-select-filter .vs__dropdown-toggle{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:150px;padding:2px 0 5px;transition:all .2s}.custom-v-select-filter .vs__selected{color:#4b5563;font-weight:600}.custom-v-select-filter .vs__dropdown-menu{z-index:200;border:1px solid #f3f4f6;border-radius:12px;padding:6px;box-shadow:0 10px 15px -3px #0000001a}.custom-v-select-filter .vs__search::placeholder{color:#9ca3af}.page-title{color:#111827;font-size:24px;font-weight:700}.form-label{color:#94a3b8;text-transform:uppercase;tracking:.15em;margin-bottom:10px;font-size:11px;font-weight:500;display:block}.form-input{color:#1e293b;background:#f8fafc;border:2px solid #f1f5f9;border-radius:20px;outline:none;width:100%;padding:1rem 1.5rem;font-size:15px;font-weight:500;transition:all .3s}.radio-label{cursor:pointer;color:#475569;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.radio-label:hover{border-color:#e2e8f0}.radio-label:has(input:checked){color:#1e40af;background:#eff6ff;border-color:#4a90e2}.error-text{color:#ef4444;margin-top:8px;margin-left:4px;font-size:12px;font-weight:500}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.zoom-in{animation-name:zoom-in}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.scale-up-animation{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@media (width<=640px){.show-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:20px}.header-actions{gap:.5rem;width:100%;display:flex}}.siswa-form-page{max-width:1000px;margin:0 auto;padding:2.5rem 2rem}.page-header{margin-bottom:2.5rem}.back-link{color:#6b7280;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.page-subtitle{color:#6b7280;font-size:15px}.form-label{color:#374151;text-transform:uppercase;letter-spacing:.025em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:.85rem 1.25rem;font-size:15px;transition:all .2s}.form-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.radio-label{cursor:pointer;color:#4b5563;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.radio-label input{color:#2563eb;cursor:pointer;width:18px;height:18px}.error-text{color:#dc2626;margin-top:6px;font-size:12px;font-weight:500}.custom-v-select .vs__dropdown-toggle{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:6px 0 8px}.custom-v-select.vs--open .vs__dropdown-toggle{background:#fff;border-color:#2563eb}.sarpras-page{color:#1a1a2e;max-width:1400px;margin:0 auto;padding:1rem;font-family:Segoe UI,sans-serif}@media (width>=640px){.sarpras-page{padding:2rem}}.btn-tambah{color:#fff;cursor:pointer;box-sizing:border-box;background:#2563eb;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:0 1.5rem;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-tambah:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.icon-plus{font-size:12px}@media (width<=767px){.page-header{align-items:center!important}.btn-tambah{width:40px;height:40px;padding:0;border-radius:50%!important}.btn-text{display:none}.icon-plus{font-size:18px}}.filter-bar{flex-wrap:wrap;align-items:stretch;gap:1rem;margin-bottom:1.25rem;display:flex}.search-wrap{flex:1;min-width:0;position:relative}.search-input{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:100%;min-height:42px;padding:0 .75rem 0 2.5rem;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.select-search-container{align-items:stretch;min-width:180px;display:flex}.btn-reset{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:0 1.25rem;font-size:13px;font-weight:600;transition:all .2s}.btn-reset:hover{color:#1e293b;background:#f1f5f9}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:12px;font-weight:600}.table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:1rem}.table-row{transition:background .15s}.empty-state{text-align:center;color:#64748b;padding:5rem 2rem}.empty-icon{color:#94a3b8;justify-content:center;margin-bottom:1rem;display:flex}.empty-state p{font-size:15px;font-weight:500}.td-nama{min-width:200px}.sarpras-nama{color:#111827;font-size:14px;font-weight:500}.sarpras-jenis{color:#9ca3af;margin-top:2px;font-size:11px;font-weight:500}.td-registrasi{font-family:monospace}.reg-badge{color:#334155;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.td-status{width:130px}.status-pill{text-transform:capitalize;letter-spacing:.025em;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.status-baru{color:#1e40af;background-color:#eff6ff}.status-bekas{color:#6b21a8;background-color:#faf5ff}.kondisi-badge{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.kondisi-baik{color:#15803d;background:#dcfce7}.kondisi-rusak-ringan{color:#a16207;background:#fef9c3}.kondisi-rusak-berat{color:#b91c1c;background:#fee2e2}.td-tanggal{color:#111827;font-weight:500}.td-jumlah{color:#111827;font-weight:600}.td-pemberi{color:#111827;font-weight:500}.td-aksi{text-align:center;white-space:nowrap;min-width:150px;position:relative;overflow:visible}.aksi-desktop{align-items:center;gap:6px;display:inline-flex}.icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-detail{color:#2563eb;background:#eff6ff;text-decoration:none}.icon-detail:hover{color:#1d4ed8;background:#dbeafe}.icon-edit:hover{color:#b45309;background:#fef3c7}.icon-hapus:hover{color:#b91c1c;background:#fee2e2}.aksi-mobile{display:none;position:relative}.btn-more{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.btn-more:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.mobile-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:120px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{cursor:pointer;text-align:left;color:#475569;box-sizing:border-box;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.dropdown-item.item-detail{color:#2563eb}.dropdown-item.item-detail:hover{background:#eff6ff}.dropdown-item.item-edit{color:#d97706}.dropdown-item.item-edit:hover{background:#fffbeb}.dropdown-item.item-hapus{color:#dc2626}.dropdown-item.item-hapus:hover{background:#fef2f2}.dropdown-enter-active,.dropdown-leave-active{transition:all .15s ease-out}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:scale(.95)translateY(-4px)}.modal-overlay-custom{z-index:999;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a66;position:fixed;inset:0}.btn-cancel-custom{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.65rem 1.5rem;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel-custom:hover{color:#0f172a;background:#f8fafc}.modal-content-delete{text-align:center;z-index:1000;background:#fff;border-radius:24px;width:100%;max-width:440px;padding:2.25rem;position:relative;box-shadow:0 25px 50px -12px #00000026}.modal-icon-delete{color:#ef4444;background:#fee2e2;border:1px solid #fee2e2;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.25rem;display:flex}.modal-title-delete{color:#0f172a;margin:0 0 .5rem;font-size:1.35rem;font-weight:800}.modal-desc-delete{color:#64748b;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.highlight-delete{color:#0f172a;background:#fef2f2;border-radius:4px;padding:2px 6px;font-weight:700}.delete-confirm-wrapper{text-align:left;margin-bottom:1.5rem}.delete-confirm-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:11px;font-weight:700;display:block}.delete-confirm-input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.7rem 1rem;font-size:14px;font-weight:600;transition:all .2s}.delete-confirm-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.delete-confirm-input::placeholder{color:#94a3b8;font-weight:400}.modal-actions-delete{gap:.75rem;display:flex}.btn-confirm-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef444433}.btn-confirm-delete:hover:not(:disabled){background:#dc2626}.btn-confirm-delete:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (width<=768px){.sarpras-page{padding:1.25rem}.filter-bar{flex-direction:column;align-items:stretch}.search-wrap,.select-search-container,.btn-reset{width:100%}.aksi-desktop{display:none}.aksi-mobile{display:inline-block}}.select-search-container{min-width:180px}.custom-v-select-filter{height:100%}.custom-v-select-filter .vs__dropdown-toggle{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;height:100%;padding:0 .5rem;transition:all .2s;display:flex}.custom-v-select-filter.vs--open .vs__dropdown-toggle{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.custom-v-select-filter .vs__selected-options{flex-wrap:nowrap;align-items:center;padding:0}.custom-v-select-filter .vs__selected,.custom-v-select-filter .vs__search{margin:0;padding:0;line-height:1.5}.custom-v-select-filter .vs__actions{padding:0 4px}.custom-v-select-filter .vs__dropdown-menu{border:1px solid #e2e8f0;border-radius:12px;padding:4px;font-size:14px;box-shadow:0 10px 25px -5px #0000001a}.custom-v-select-filter .vs__dropdown-option{color:#475569;border-radius:8px;margin-bottom:2px;padding:8px 12px}.custom-v-select-filter .vs__dropdown-option--highlight{color:#2563eb;background:#eff6ff}.show-sarpras-page{flex-direction:column;gap:1.5rem;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.back-link{color:#6b7280;align-items:center;gap:4px;width:fit-content;margin-bottom:4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.hero-card-bg{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#1e40af 100%);height:120px;position:relative}.hero-card-bg:after{content:"";background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' stroke='white' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem 2rem 2rem 9.5rem;display:flex;position:relative}.avatar{z-index:10;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:4px solid #fff;border-radius:24px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:absolute;top:-48px;left:2rem;overflow:hidden;box-shadow:0 8px 24px #2563eb4d}.hero-info{flex:1;min-width:200px}.hero-name{color:#111827;letter-spacing:-.025em;margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}.hero-id-batch{color:#6b7280;margin:.25rem 0 .75rem;font-size:.875rem;font-weight:600}.monospace-reg{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.hero-badges{flex-wrap:wrap;gap:.5rem;display:flex}.table-wrap{margin-top:1rem;overflow-x:auto}.item-table{border-collapse:collapse;width:100%;font-size:14px}.item-table th{text-align:left;color:#475569;background:#f1f5f9;border-bottom:2px solid #e2e8f0;padding:12px;font-weight:700}.item-table td{border-bottom:1px solid #f1f5f9;padding:12px}.item-table tr:hover{background:#f8fafc}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .85rem;font-size:.7rem;font-weight:800;display:inline-flex}.badge-status{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.badge-status-purple{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.badge-baik{color:#1d4ed8;background:#ecfdf5;border:1px solid #a7f3d0}.badge-rusak-ringan{color:#d97706;background:#fff7ed;border:1px solid #fde68a}.badge-rusak-berat{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.badge-default{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.badge-inklusif{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.hero-school{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:.5rem;margin-left:auto;padding:.6rem 1rem;font-size:.8rem;font-weight:700;display:flex}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:2rem;box-shadow:0 4px 24px #0000000f}.section-header{color:#2563eb;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header.text-emerald{color:#2563eb}.section-header h2{color:#111827;letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:800}.detail-grid-new{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.detail-item-new{background:#f8fafc;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.detail-label-new{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.detail-value-new{color:#1e293b;font-size:15px}.monospace-val{font-family:monospace;font-weight:700}.inline-badge-plain{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-green-soft{color:#16a34a;background:#f0fdf4}.badge-purple-soft{color:#7c3aed;background:#faf5ff}.badge-orange-soft{color:#c2410c;background:#fff7ed}.badge-slate-soft{color:#475569;background:#f1f5f9}.extra-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.extra-block-new{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000005}.extra-header-new{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.extra-title-new{color:#374151;font-size:13px;font-weight:800}.badge-status-inline{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:9px;font-weight:800}.badge-status-inline.status-ada{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-status-inline.status-tidak-ada{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.extra-body-new{padding:1.25rem}.extra-label-sub{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:9px;font-weight:800;display:block}.extra-content-new{color:#1f2937;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;margin:0;padding:1rem;font-size:13px;font-weight:500;line-height:1.5}@media (width<=1024px){.detail-grid-new{grid-template-columns:repeat(2,1fr)}.extra-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4.5rem 1.25rem 1.5rem}.avatar{left:50%;transform:translate(-50%)}.hero-school{justify-content:center;width:100%;margin-left:0}.detail-grid-new{grid-template-columns:1fr}}.form-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.65rem .85rem;font-size:14px;transition:border-color .15s ease-in-out}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}textarea.form-input{resize:vertical}.custom-scrollbar::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.modal-enter-active,.modal-leave-active{transition:opacity .25s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .bg-white,.modal-leave-active .bg-white{transition:transform .25s,opacity .25s}.modal-enter-from .bg-white,.modal-leave-to .bg-white{opacity:0;transform:scale(.95)translateY(10px)}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.show-page{color:#1a1a2e;max-width:1280px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-left{flex-direction:column;gap:.25rem;display:flex}.back-link{color:#6b7280;align-items:center;gap:4px;width:fit-content;margin-bottom:4px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#2563eb}.page-title{color:#111827;margin:0;font-size:24px;font-weight:700}.header-actions{gap:.5rem;display:flex}.btn-edit-header{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:14px;font-weight:500;transition:background .2s}.btn-edit-header:hover{background:#1d4ed8}.btn-hapus-header{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:.5rem 1.2rem;font-size:14px;font-weight:500;transition:all .2s}.btn-hapus-header:hover{background:#fef2f2}.content-grid{grid-template-columns:1fr 380px;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=900px){.content-grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1rem;overflow:hidden}.card-header{color:#374151;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:.75rem 1.25rem;font-size:13px;font-weight:700}.card-body{padding:1.25rem}.p-0{padding:0!important}.badge{border-radius:999px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-block}.badge-jenjang{color:#5b21b6;background:#ede9fe}.badge-negeri{color:#065f46;background:#d1fae5}.badge-swasta{color:#92400e;background:#fef3c7}.badge-akreditasi{color:#1e40af;background:#dbeafe}.info-grid{grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;margin-bottom:1rem;display:grid}.info-item{flex-direction:column;gap:2px;display:flex}.info-item.span-2{grid-column:span 2}.info-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.info-value{color:#111827;font-size:14px;font-weight:500}.section-divider{border-top:1px solid #f3f4f6;margin-top:1rem;padding-top:1rem}.section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:12px;font-weight:700}.kepsek-row{align-items:center;gap:.75rem;display:flex}.kepsek-avatar{cursor:pointer;border:2px solid #e5e7eb;border-radius:999px;flex-shrink:0;width:48px;height:48px;transition:border-color .2s;overflow:hidden}.kepsek-avatar:hover{border-color:#2563eb}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#fff;background:#2563eb;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex}.foto-full{object-fit:cover;width:100%;max-height:220px;transition:opacity .2s;display:block}.foto-full:hover{opacity:.9}.map-container{width:100%;height:220px}.tabs-section{margin-top:.5rem}.tabs-header-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tabs-header{border-bottom:2px solid #e5e7eb;flex:1;gap:4px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:#374151}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.tab-content{min-height:200px}.btn-tambah-kelas{color:#fff;cursor:pointer;box-sizing:border-box;background:#2563eb;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:0 1.5rem;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-tambah-kelas:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.icon-plus{stroke-width:2.5px;flex-shrink:0;width:16px;height:16px}.btn-text{display:inline}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;padding:.75rem 1rem;font-size:12px;font-weight:600}.table td{vertical-align:middle;padding:.85rem 1rem}.table-row{border-bottom:1px solid #f3f4f6}.table-row:hover{background:#f0f4ff}.td-no{color:#9ca3af;width:40px;font-size:13px}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{flex-direction:column;align-items:center;display:flex}.kelas-row:hover{background:#f0f4ff}.kelas-toggle-btn{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;display:flex}.kelas-toggle-btn:hover .expand-icon{color:#2563eb}.expand-icon{color:#9ca3af;flex-shrink:0;transition:transform .2s}.expand-icon.rotated{color:#2563eb;transform:rotate(180deg)}.kelas-detail-row td{background:#f8fafc}.kelas-siswa-list{padding:.5rem 1rem 1rem 2.5rem}.kelas-siswa-empty{text-align:center;padding:1.5rem}.sub-table{font-size:13px}.sub-table thead tr{background:#eef2ff}.sub-table th{padding:.5rem .75rem;font-size:11px}.sub-table td{padding:.6rem .75rem}.td-aksi{text-align:center;width:130px}.aksi-inline{justify-content:center;align-items:center;gap:6px;display:inline-flex}.icon-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;line-height:1;transition:all .15s;display:inline-flex}.icon-btn svg{display:block}.icon-detail{color:#2563eb;background:#eff6ff}.icon-detail:hover{background:#dbeafe}.icon-edit{color:#a16207;background:#fefce8}.icon-edit:hover{background:#fef9c3}.icon-hapus{color:#dc2626;background:#fef2f2}.icon-hapus:hover{background:#fee2e2}.kelas-detail-hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.kelas-detail-hero-bg{background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);height:80px}.kelas-detail-hero-content{padding:1rem 1.5rem 1.25rem 6rem;position:relative}.kelas-detail-avatar{z-index:10;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:3px solid #fff;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute;top:-36px;left:1.5rem;box-shadow:0 6px 16px #3b82f64d}.kelas-detail-avatar span{color:#fff;text-shadow:0 1px 3px #00000026;font-size:1.75rem;font-weight:900}.kelas-detail-name{color:#111827;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.kelas-detail-id{color:#6b7280;margin:.15rem 0 0;font-size:.8rem;font-weight:600}.badge-tingkat-detail{color:#2563eb;text-transform:uppercase;letter-spacing:.03em;background:#eff6ff;border:1px solid #bfdbfe;font-size:.7rem;font-weight:700}.badge-siswa-count-detail{color:#059669;text-transform:uppercase;letter-spacing:.03em;background:#ecfdf5;border:1px solid #a7f3d0;font-size:.7rem;font-weight:700}.kelas-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.kelas-info-header{color:#3b82f6;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.kelas-info-header h3{color:#111827;margin:0;font-size:1.05rem;font-weight:800}.kelas-info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;display:grid}.kelas-info-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;transition:all .2s;display:flex}.kelas-info-item:hover{background:#f1f5f9;border-color:#cbd5e1}.kelas-info-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;font-size:.68rem;font-weight:700}.kelas-info-value{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.4}.kelas-siswa-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.kelas-siswa-section-header{color:#3b82f6;background:#fafbfc;border-bottom:2px solid #f1f5f9;align-items:center;gap:.6rem;padding:1rem 1.5rem;display:flex}.kelas-siswa-section-header h3{color:#111827;margin:0;font-size:.95rem;font-weight:700}.kelas-siswa-count-badge{color:#2563eb;text-align:center;background:#eff6ff;border-radius:999px;min-width:1.4rem;padding:.15rem .55rem;font-size:.7rem;font-weight:800}.kelas-siswa-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.85rem;padding:1.25rem;display:grid}.kelas-siswa-card{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;transition:all .25s;display:block;overflow:hidden}.kelas-siswa-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 6px 20px #4a90e21a}.kelas-siswa-card-header{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.kelas-siswa-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex;overflow:hidden}.kelas-siswa-avatar img{object-fit:cover;width:100%;height:100%}.kelas-siswa-info h4{color:#1e293b;margin:0;font-size:.875rem;font-weight:700;line-height:1.3}.kelas-siswa-nisn{color:#94a3b8;margin:.1rem 0 0;font-size:.7rem;font-weight:600}.kelas-siswa-arrow{color:#cbd5e1;flex-shrink:0;margin-left:auto;transition:transform .2s}.kelas-siswa-card:hover .kelas-siswa-arrow{color:#3b82f6;transform:translate(2px)}.kelas-siswa-card-body{flex-direction:column;gap:.4rem;padding:.75rem 1.1rem;display:flex}.kelas-siswa-detail-row{justify-content:space-between;align-items:center;display:flex}.kelas-siswa-label{color:#94a3b8;font-size:.72rem;font-weight:600}.kelas-siswa-val{color:#334155;text-align:right;font-size:.78rem;font-weight:700}.inline-badge{border-radius:6px;align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.inline-badge-purple{color:#7c3aed;background:#f5f3ff}.lightbox-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:16px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #0000004d}.lightbox-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#ffffff4d}.inp-plain:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.inp-plain::placeholder{color:#9ca3af}textarea.inp-plain{resize:vertical}.inp-file{color:#4b5563;cursor:pointer;background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;width:100%;padding:8px;font-size:12px}.inp-file:hover{background:#f3f4f6;border-color:#2563eb}.preview-thumb{object-fit:cover;cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;width:80px;height:80px;transition:transform .15s,border-color .15s}.preview-thumb:hover{border-color:#2563eb;transform:scale(1.05)}.badge-peraga{color:#4338ca;background:#e0e7ff}.badge-akses{color:#be185d;background:#fce7f3}.badge-baru{color:#1e40af;background:#dbeafe}.badge-bekas{color:#4b5563;background:#f3f4f6}.badge-kondisi{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-kondisi-baik{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-kondisi-sedang{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.badge-kondisi-kurang{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.inp-plain{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:.625rem 1rem;font-size:14px;font-weight:500;transition:all .2s}.inp-plain:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.inp-plain:disabled{opacity:.5;cursor:not-allowed}.inp-err{border-color:#ef4444}.err-msg{color:#ef4444;margin-top:4px;font-size:12px;font-weight:500}.inp-file{color:#6b7280;width:100%;font-size:14px;font-weight:600}.inp-file::file-selector-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-right:.75rem;padding:.35rem .85rem;font-weight:700;transition:all .2s}.inp-file::file-selector-button:hover{background:#dbeafe}@media (width<=640px){.show-page{padding:1rem}.page-header{gap:1rem;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.page-title{font-size:20px}.header-actions{gap:.5rem!important;width:auto!important;display:flex!important}.btn-edit-header,.btn-hapus-header{border-radius:50%!important;flex:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;display:inline-flex!important}.btn-edit-header .btn-text,.btn-hapus-header .btn-text{display:none!important}.btn-edit-header i,.btn-hapus-header i{margin:0!important;font-size:16px!important}.info-grid{grid-template-columns:1fr}.info-item.span-2{grid-column:span 1}.tabs-header-row{gap:.75rem;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.tabs-header{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:.6rem 1rem;font-size:13px}.btn-tambah-kelas{border-radius:50%!important;width:40px!important;height:40px!important;padding:0!important}.btn-text{display:none!important}.icon-plus{width:20px!important;height:20px!important}.kelas-detail-hero-content{text-align:center;padding:.75rem 1rem 1rem}.kelas-detail-avatar{width:64px;height:64px;top:-32px;left:50%;transform:translate(-50%)}.kelas-detail-avatar span{font-size:1.5rem}.kelas-detail-hero-info{flex-direction:column;align-items:center;display:flex}.kelas-detail-name{font-size:1.15rem}.kelas-info-grid,.kelas-siswa-grid{grid-template-columns:1fr}.card-body{padding:1rem}.kepsek-avatar{width:40px;height:40px}.avatar-placeholder{font-size:16px}.td-aksi{width:110px}.icon-btn{width:28px;height:28px}.icon-btn svg{width:13px;height:13px}.kelas-info-card{padding:1rem}.kelas-siswa-section-header{padding:.85rem 1rem}.kelas-siswa-grid{gap:.75rem;padding:1rem}}@media (width>=641px) and (width<=900px){.content-grid{grid-template-columns:1fr}.media-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.media-col .card{margin-bottom:0}.media-col .card .map-container{height:180px}}.custom-v-select .vs__dropdown-toggle{background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:6px 12px;transition:all .15s ease-in-out}.custom-v-select.vs--open .vs__dropdown-toggle{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.custom-v-select .vs__dropdown-menu{z-index:9999;border:1px solid #e5e7eb;border-radius:14px;max-height:200px;padding:4px;font-size:14px;box-shadow:0 10px 25px -5px #0000001a}.custom-v-select .vs__dropdown-option{color:#475569;border-radius:10px;margin-bottom:2px;padding:8px 12px;transition:all .15s}.custom-v-select .vs__dropdown-option--highlight{color:#2563eb;background:#eff6ff;font-weight:600}.custom-v-select .vs__selected{color:#374151;font-weight:500}.custom-v-select.vs--disabled .vs__dropdown-toggle{cursor:not-allowed;background:#f9fafb}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d1d5db}