.info-badge,.bidang-badge{background:#f0f9ff;color:#0369a1;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #bae6fd}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center}.status-badge.bg-primary{background:#3b82f6!important;color:#fff!important}.status-badge.bg-warning{background:#f59e0b!important;color:#fff!important}.status-badge.bg-info{background:#06b6d4!important;color:#fff!important}.status-badge.bg-success{background:#10b981!important;color:#fff!important}.status-badge.bg-danger{background:#ef4444!important;color:#fff!important}.status-badge.bg-secondary{background:#64748b!important;color:#fff!important}.gender-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.gender-badge.male{background:#dbeafe;color:#1d4ed8}.gender-badge.female{background:#fce7f3;color:#be185d}.gender-badge.small{padding:2px 8px;font-size:11px}.kelas-badge{background:#e0e7ff;color:#4f46e5;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.kelas-badge-lg{background:#e0e7ff;color:#4f46e5;font-weight:600}.filter-card{border:none;border-radius:12px;box-shadow:0 4px 6px #0000000d;background:#fff}.filter-card .input-group-modern{border-radius:8px;overflow:hidden}.filter-card .input-group-text{background:#f8f9fa;border:1px solid #dee2e6;border-right:none}.filter-card .form-control,.filter-card .form-select{border-radius:8px;border:1px solid #dee2e6;padding:.625rem 1rem}.filter-card .form-control:focus,.filter-card .form-select:focus{border-color:#3d5ee1;box-shadow:0 0 0 .25rem #3d5ee140}.modern-table-card{border:none;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.modern-table-card .card-header{background:#fff;border-bottom:1px solid #eef2f7;padding:1.25rem 1.5rem}.modern-table-card .card-title{font-weight:600;color:#1a1a1a}.modern-table-card .card-subtitle{font-size:.875rem}.table-modern{width:100%;border-collapse:separate;border-spacing:0}.table-modern thead{background:#3d5ee1}.table-modern thead th{color:#fff;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px 12px;border:none;text-align:center;white-space:nowrap}.table-modern thead th:first-child{padding-left:16px}.table-modern thead th:last-child{padding-right:16px}.table-modern tbody tr{transition:all .2s ease}.table-modern tbody tr:hover{background-color:#f8fafc}.table-modern tbody tr.row-selected{background-color:#eef2ff}.table-modern tbody td{padding:14px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:14px;color:#334155}.table-modern tbody td:first-child{padding-left:16px}.table-modern tbody td:last-child{padding-right:16px}.table-modern tbody tr:last-child td{border-bottom:none}.modern-data-table{--easy-table-header-font-size: 13px;--easy-table-header-height: 55px;--easy-table-header-item-padding: 15px;--easy-table-header-background-color: #f8fafc;--easy-table-header-font-color: #64748b;--easy-table-header-border-color: #eef2f7;--easy-table-header-font-weight: 600;--easy-table-header-text-transform: uppercase;--easy-table-header-letter-spacing: .5px;--easy-table-body-row-height: 65px;--easy-table-body-item-padding: 15px;--easy-table-body-row-font-color: #334155;--easy-table-body-row-border-color: #eef2f7;--easy-table-border: 1px solid #eef2f7;--easy-table-body-row-hover-background-color: #f8fafc;--easy-table-body-row-background-color: #ffffff;--easy-table-footer-background-color: #f8fafc;--easy-table-footer-font-color: #64748b;--easy-table-footer-border-color: #eef2f7}.modern-data-table .easy-data-table__header th .header{display:inline-flex!important;align-items:center;position:static!important}.modern-data-table .easy-data-table__header{background-color:#f8fafc!important;border-bottom:2px solid #eef2f7!important}.modern-data-table .easy-data-table__header th{text-align:center!important;vertical-align:middle!important;font-weight:600!important;color:#64748b!important;background-color:#f8fafc!important;text-transform:uppercase;letter-spacing:.5px}.modern-data-table .easy-data-table__body td{text-align:center!important;vertical-align:middle!important;font-size:14px}.modern-data-table tr:hover{background-color:#f8fafc!important}.modern-data-table::-webkit-scrollbar{width:8px;height:8px}.modern-data-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modern-data-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modern-data-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-index{font-weight:600;color:#64748b}.avatar-circle{width:40px;height:40px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:14px}.student-avatar .avatar-circle,.teacher-avatar .avatar-circle{width:80px;height:80px;background:#3d5ee1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.student-info h4,.teacher-info h4{font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.student-info .badge,.teacher-info .badge{font-size:.75rem;padding:4px 10px;border-radius:20px}.phone-number{font-family:Roboto Mono,monospace;font-size:13px;color:#475569}.action-buttons{display:flex;gap:6px;justify-content:center}.btn-action{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:none;transition:all .2s ease}.btn-view{background:#e0f2fe;color:#0284c7}.btn-view:hover{background:#0284c7;color:#fff}.btn-edit{background:#fef3c7;color:#d97706}.btn-edit:hover{background:#d97706;color:#fff}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.btn{border:1px solid transparent}.empty-state .empty-icon{width:100px;height:100px;background:#f1f5f9;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.empty-state h5{color:#334155;font-weight:600}.empty-state p{color:#94a3b8}.modern-modal{border:none;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-tabs .nav-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:10px}.modal-tabs .nav-tab{flex:1;padding:12px;background:none;border:none;border-radius:8px;color:#64748b;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-tabs .nav-tab.active{background:#fff;color:#3d5ee1;box-shadow:0 2px 4px #0000001a}.modern-modal .modal-header{background:#f8fafc;border-bottom:1px solid #eef2f7;padding:1.5rem;border-radius:16px 16px 0 0}.modern-modal .modal-title{display:flex;align-items:center;gap:12px}.modern-modal .modal-icon{width:40px;height:40px;background:#3d5ee1;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.modern-modal .modal-title h5{font-weight:700;color:#1a1a1a;margin:0}.modern-modal .modal-subtitle{font-size:.875rem;margin:0}.modern-modal .btn-close{box-shadow:none;opacity:.5}.modern-modal .btn-close:hover{opacity:.8}.modern-modal .modal-footer{border-top:1px solid #eef2f7;padding:1.5rem}.modern-modal .btn-light{background:#f1f5f9;color:#64748b;border:none}.modern-modal .btn-light:hover{background:#e2e8f0}.form-group{margin-bottom:1rem}.form-label{font-weight:500;color:#334155;margin-bottom:.5rem;display:block;font-size:.875rem}.form-label.required:after{content:" *";color:#ef4444}.input-group{border-radius:8px;overflow:hidden}.input-group .input-group-text{background:#f8fafc;border:1px solid #cbd5e1;color:#64748b}.input-group .form-control,.input-group .form-select{border:1px solid #cbd5e1;border-left:none;padding:.75rem 1rem}.input-group .form-control:focus,.input-group .form-select:focus{border-color:#3d5ee1;box-shadow:0 0 0 3px #3d5ee11a}.upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:3rem 1rem;background:#f8fafc;cursor:pointer;transition:all .3s ease}.upload-zone:hover{border-color:#3d5ee1;background:#3d5ee10d}.upload-content h5{color:#334155;margin-bottom:.5rem;font-weight:600}.upload-content p{color:#94a3b8}.file-preview{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.file-info{display:flex;align-items:center}.file-info i{font-size:2rem}.file-info h6{font-weight:600;color:#334155;margin:0}.file-info p{color:#94a3b8;margin:0;font-size:.875rem}.import-guide .card{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.import-guide h6{color:#334155;font-weight:600;display:flex;align-items:center}.import-guide ul{padding-left:1rem;margin:0}.import-guide li{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.btn-primary{background:#3d5ee1;border:none}.btn-primary:hover{opacity:.9}.btn-light{background:#f1f5f9;color:#64748b;border:none}.btn-light:hover{background:#e2e8f0}.btn-outline-primary:hover{background:#3d5ee1;color:#fff;border-color:#3d5ee1}.btn-outline-secondary:hover{background:#6c757d;color:#fff;border-color:transparent}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.btn-danger:hover{opacity:.9}.btn-outline-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.btn-warning:hover{opacity:.9}.form-check-input{width:18px;height:18px;cursor:pointer;margin:0 auto}.form-check-input:checked{background-color:#3d5ee1;border-color:#3d5ee1}.form-check-input:focus{border-color:#3d5ee1;box-shadow:0 0 0 .25rem #3d5ee140}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.info-card-header{background:#f8fafc;padding:1rem;border-bottom:1px solid #e2e8f0;font-weight:600;color:#334155;display:flex;align-items:center}.info-card-body{padding:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.info-item:last-child{border-bottom:none}.info-label{color:#64748b;font-size:.875rem;font-weight:500}.info-value{color:#334155;font-weight:500;text-align:right;flex:1;margin-left:1rem}.confirmation-icon{color:#f59e0b}.modal.fade.show{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:12px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3d5ee1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.modern-data-table{--easy-table-header-font-size: 12px;--easy-table-header-height: 50px;--easy-table-body-row-height: 60px;--easy-table-header-item-padding: 10px;--easy-table-body-item-padding: 10px}.action-buttons{flex-direction:column;gap:4px}.btn-action{width:100%}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-value{text-align:left;margin-left:0;width:100%}}@media(max-width:576px){.modal-tabs .nav-tabs{flex-direction:column}.modal-tabs .nav-tab{margin-bottom:4px}.upload-zone{padding:2rem 1rem}}.modern-data-table span.header,.easy-data-table__header span.header{position:static!important;display:inline-flex!important;background-color:#f8fafc}.btn-icon-modern{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background-color:#f3f4f6;color:#6b7280;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 4px #00000005}.btn-icon-modern:hover{transform:translateY(-2px);color:#fff}.btn-icon-view:hover{background-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.btn-icon-edit:hover{background-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.btn-icon-warning:hover{background-color:#f97316;box-shadow:0 4px 12px #f973164d}.btn-icon-delete:hover{background-color:#ef4444;box-shadow:0 4px 12px #ef44444d}@media print{.filter-card,.modern-table-card .card-header .d-flex:last-child,.action-buttons,.no-print{display:none!important}.modern-table-card{box-shadow:none!important;border:1px solid #dee2e6!important}.modal{display:none!important}}.modern-table-card{border-radius:10px;box-shadow:0 2px 10px #00000014;overflow:hidden;border:none;background:#fff}.table-modern{margin:0;width:100%}.table-modern thead th{background-color:#3d5ee1!important;font-weight:600;color:#fff!important;padding:12px 15px;border-bottom:2px solid #3351c7;font-size:13px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.table-modern tbody td{padding:12px 15px;vertical-align:middle;border-bottom:1px solid #f1f3f5;text-align:left}.table-modern .text-center{text-align:center!important}.table-modern .text-start{text-align:left!important}.table-modern .text-end{text-align:right!important}.table-modern tbody tr:hover{background-color:#f8f9fa}.empty-state{padding:2rem;text-align:center}.empty-icon{opacity:.5}.sidebar{z-index:999!important}.sidebar-overlay{z-index:998!important}.modal-backdrop{z-index:1050!important}.modal{z-index:1055!important}