.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:#fff}.login-card{background:#98bf9789;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:var(--shadow-lg);padding:40px;width:100%;max-width:450px;animation:fadeIn .5s ease-in}.login-image-top{width:250px;height:200px;background-image:url(/login.png);background-size:contain;background-position:center;background-repeat:no-repeat;margin:0 auto 5px;border-radius:0}.login-form{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:25px;margin-top:0}.login-header h1{color:#272727;font-size:1.5rem;margin-bottom:10px;margin-top:0}.login-header p{color:#2b2a2a;font-size:1rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:.95rem}.forgot-password-link{text-align:right;margin-top:8px}.forgot-password-link a{color:#000;text-decoration:none;font-size:.9rem;font-weight:400;font-style:italic}.forgot-password-link a:hover{text-decoration:underline}.remember-me-wrap{margin-top:-2px;margin-bottom:16px}.remember-me-label{display:inline-flex;align-items:center;gap:8px;color:#1f1f1f;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me-label input[type=checkbox]{width:16px;height:16px;accent-color:#2c8239}.form-group input,.form-group select{width:100%;padding:10px 15px;border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:.95rem;transition:all .3s ease;outline:none;background:#fff;color:#2c3e50}.form-group input:focus,.form-group select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #fefefe1a}.error-message{background:#fee;color:var(--danger-color);padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem;border-left:4px solid var(--danger-color)}.success-message{background:#efe;color:var(--success-color);padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem;border-left:4px solid var(--success-color)}.password-requirements{background:#f0f8ff;border:1px solid #b3d9ff;border-radius:8px;padding:12px;margin:15px 0;font-size:.85rem}.requirement-item{display:flex;align-items:center;padding:6px 0;transition:all .2s ease}.requirement-item.met{color:#27ae60}.requirement-item.unmet{color:#e74c3c}.requirement-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;font-weight:700;font-size:.9rem}.requirement-text{flex:1}.btn{width:100%;padding:12px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:#2c8239;color:var(--white)}.btn-primary:hover{background:#248230;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.login-register-wrap{margin-top:14px;text-align:center}.login-register-btn{background:transparent;border:none;color:#0f6f2c;font-weight:600;cursor:pointer;text-decoration:underline}.login-footer{text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid #ffffff}.login-footer p{color:var(--light-text);font-size:.9rem}.login-footer a{color:var(--secondary-color);text-decoration:none;font-weight:600;margin-left:5px}.login-footer a:hover{text-decoration:underline}.radio-group{display:flex;gap:15px;margin-top:8px}.radio-option{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 20px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;cursor:pointer;transition:all .3s ease;position:relative}.radio-option:hover{background:#fff3;border-color:#ffffff80}.radio-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-option input[type=radio]:checked+span{font-weight:700}.radio-option:has(input[type=radio]:checked){border-color:#2c8239;background:#2c823933}.radio-option span{color:#2c3e50;font-size:.95rem;position:relative;z-index:1}@media (max-width: 768px){.login-card{flex-direction:column}.login-image{min-height:300px}.login-form{padding:30px 25px}.login-header h1{font-size:1.5rem}}@media (max-width: 480px){.login-container{padding:15px}.login-image{min-height:200px}.login-form{padding:25px 20px}.login-header h1{font-size:1.3rem}.form-group input,.form-group select{padding:10px 12px;font-size:.95rem}.btn{padding:12px;font-size:.95rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.pendaftaran-admin-action-buttons{margin-bottom:18px;gap:12px;flex-wrap:wrap;justify-content:flex-start}.pendaftaran-admin-search-input{max-width:360px}.pendaftaran-admin-empty-state{padding:40px;text-align:center}.pendaftaran-admin-name{font-weight:600}.pendaftaran-admin-subtext{font-size:.8rem;color:#64748b}.pendaftaran-admin-action-gap{margin-right:8px}.pendaftaran-admin-table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pendaftaran-admin-table-container .data-table{min-width:760px}.pendaftaran-admin-action-cell{min-width:170px}.pendaftaran-admin-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.pendaftaran-admin-row-actions .btn-success{min-width:86px;white-space:nowrap;padding:7px 12px}.pendaftaran-admin-row-actions .btn-icon-edit,.pendaftaran-admin-row-actions .btn-icon-danger{min-width:36px;min-height:36px;padding:7px 10px}.pendaftaran-admin-modal-content{max-width:700px}.pendaftaran-modal-content{max-width:760px}.pendaftaran-modal-message-wrap{margin-top:18px}.pendaftaran-modal-success-message{background:#2ecc711f;color:#1e8449;padding:12px 15px;border-radius:8px;border-left:4px solid #2ecc71;text-align:center;font-weight:600}.pendaftaran-modal-wa-btn{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:12px;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:15px;box-shadow:0 10px 40px #0003;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:25px 30px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.5rem;color:#2c3e50;margin:0;font-weight:700;display:flex;align-items:center;gap:10px}.modal-header h2 i{color:#3498db;font-size:1.3rem}.modal-close{background:transparent;border:none;color:var(--light-text);font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:all .3s ease;border-radius:6px}.modal-close:hover{background:#0000000d;color:var(--dark-text)}.modal-body{padding:30px;overflow-y:auto;flex:1}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;color:#2c3e50;font-weight:600;margin-bottom:8px;font-size:.95rem}.modal-body .form-group label i{color:#3498db;margin-right:8px;font-size:.9rem}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#f8f9fa}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.modal-body .form-group select{cursor:pointer;-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='%233498db' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.modal-body .form-hint{display:block;color:#7f8c8d;font-size:.85rem;margin-top:6px;font-style:italic}.modal-body .form-hint i{margin-right:5px;color:#3498db}.modal-body .error-message{background:#e74c3c1a;color:#c0392b;padding:12px 15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #e74c3c;font-size:.9rem}.modal-footer{padding:20px 30px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.modal-footer .btn-primary{background:#2c8239;color:#fff;border:none;padding:12px 30px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;margin:0;display:flex;align-items:center;gap:8px}.modal-footer .btn-primary:hover{background:#248230;transform:translateY(-2px);box-shadow:0 4px 12px #d7dfe34d}.modal-footer .btn-primary:active{transform:translateY(0)}.modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-footer .btn-secondary{background:#f8f9fa;color:#7f8c8d;border:2px solid #e0e0e0;padding:12px 30px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;margin:0;display:flex;align-items:center;gap:8px}.modal-footer .btn-secondary:hover{background:#ecf0f1;border-color:#bdc3c7;color:#2c3e50;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.modal-content{max-width:95%;max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.modal-body{padding:20px}.modal-footer{padding:15px 20px;flex-direction:column-reverse}.modal-footer button{width:100%}.pendaftaran-admin-table-container{margin:0 -8px;padding:0 8px}.pendaftaran-admin-table-container .data-table{min-width:620px}.pendaftaran-admin-table-container .data-table th,.pendaftaran-admin-table-container .data-table td{padding:10px 8px;font-size:12px;vertical-align:middle}.pendaftaran-admin-action-cell{min-width:140px}.pendaftaran-admin-row-actions{gap:6px}.pendaftaran-admin-row-actions .btn-success{min-width:72px;padding:6px 9px;font-size:.78rem}.pendaftaran-admin-row-actions .btn-icon-edit,.pendaftaran-admin-row-actions .btn-icon-danger{min-width:30px;min-height:30px;padding:5px 8px;font-size:.8rem}}@media (max-width: 480px){.modal-overlay{padding:10px}.modal-header,.modal-body{padding:15px}.modal-footer{padding:12px 15px}.pendaftaran-admin-table-container{margin:0 -6px;padding:0 6px}.pendaftaran-admin-table-container .data-table{min-width:560px}.pendaftaran-admin-table-container .data-table th,.pendaftaran-admin-table-container .data-table td{padding:8px 6px;font-size:11px}.pendaftaran-admin-action-cell{min-width:128px}.pendaftaran-admin-row-actions{gap:4px}.pendaftaran-admin-row-actions .btn-success{min-width:64px;padding:5px 7px;font-size:.72rem}.pendaftaran-admin-row-actions .btn-icon-edit,.pendaftaran-admin-row-actions .btn-icon-danger{min-width:26px;min-height:26px;padding:4px 6px;font-size:.72rem}}.dashboard-container{display:flex;min-height:100vh;background:#f5f6fa;position:relative}.notif-bell-desktop{position:fixed;top:14px;right:18px;z-index:1200;display:flex;align-items:center;justify-content:flex-end;background:transparent;border-radius:0;padding:0;gap:10px;box-shadow:none;border:none}.notification-actions-desktop,.notification-actions-mobile{display:inline-flex;align-items:center;gap:10px;background:transparent;padding:0;border:none}.mobile-header-right{display:flex;align-items:center;gap:10px}.notification-center{position:relative}.notification-toggle-btn{position:relative;background:#0e5b08;border:1.5px solid rgba(255,255,255,.24);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:#ffffffd1;transition:all .2s ease}.notification-toggle-btn:hover,.notification-toggle-btn.is-open,.notification-push-toggle.is-enabled{background:#13710d;border-color:#ffffff80;color:#fff}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;padding:0 5px;background:#e74c3c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;border:2px solid #0e5b08}.notification-backdrop{display:none}.notification-dropdown{position:absolute;top:50px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:360px;max-height:420px;overflow:hidden;box-shadow:0 10px 28px #0003;z-index:1300}.notification-dropdown-header{padding:12px 14px;border-bottom:1px solid #edf0f2;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8fafc}.notification-dropdown-title{font-weight:700;font-size:.95rem;color:#1f2937}.notification-mark-all-btn{background:none;border:none;color:#1d4ed8;cursor:pointer;font-size:.78rem;text-decoration:underline;padding:0}.notification-dropdown-body{overflow-y:auto;max-height:360px}.notification-empty-state{padding:18px;text-align:center;color:#94a3b8;font-size:.88rem}.notification-item{padding:12px 14px;border-bottom:1px solid #edf0f2;cursor:pointer;background:#fff}.notification-item:hover{background:#f8fafc}.notification-item.is-unread{background:#eff6ff}.notification-item-row{display:flex;align-items:flex-start;gap:10px}.notification-item-icon{font-size:.98rem;margin-top:2px;flex-shrink:0}.notification-item-content{flex:1;min-width:0}.notification-item-title{color:#111827;font-size:.92rem;font-weight:700;margin-bottom:3px;word-break:break-word}.notification-item-message{color:#4b5563;font-size:.83rem;line-height:1.35;margin-bottom:5px;word-break:break-word}.notification-item-time{color:#9ca3af;font-size:.73rem}.notification-delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.95rem;flex-shrink:0;padding:2px}.notification-delete-btn:hover{color:#ef4444}@media (max-width: 768px){.notif-bell-desktop{display:none}.mobile-header-right{gap:6px}.mobile-header-user{display:none}.notification-actions-mobile{gap:7px}.notification-actions-mobile .notification-toggle-btn{background:#0f6a09}.notification-toggle-btn{width:34px;height:34px;font-size:.95rem}.notification-badge{min-width:18px;height:18px;font-size:.68rem;top:-5px;right:-5px}.notification-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000057;z-index:1290}.notification-dropdown{position:fixed;top:72px;left:50%;right:auto;transform:translate(-50%);width:min(calc(100vw - 20px),380px);max-height:calc(100vh - 88px);border-radius:14px;z-index:1300}.notification-dropdown-body{max-height:calc(100vh - 150px)}}.sidebar{width:280px;background:var(--white);box-shadow:var(--shadow);transition:all .3s ease;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:1000;display:flex;flex-direction:column}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-header h2{font-size:1rem;text-align:center}.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .logout-btn{width:36px;height:36px;padding:8px}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar.collapsed .menu-item{justify-content:center;padding:15px;margin:4px 8px}.sidebar.collapsed .menu-item span:not(.menu-icon){display:none}.sidebar.collapsed .user-info{flex-direction:column;padding:12px 10px;gap:5px}.sidebar.collapsed .user-avatar{font-size:2rem}.sidebar.collapsed .user-details,.sidebar.collapsed .logout-btn span{display:none}.sidebar.collapsed .logout-btn{padding:14px}.sidebar.collapsed .submenu,.sidebar.collapsed .submenu-arrow{display:none}.sidebar.collapsed .menu-item-group .menu-item{justify-content:center}.sidebar-header{padding:20px;background:var(--white);border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-size:1.4rem;margin-bottom:0;color:var(--primary-color);font-weight:700}.sidebar-toggle{background:transparent;border:none;color:var(--primary-color);font-size:1.3rem;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background:#0000000d}.sidebar.collapsed .sidebar-header h2{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.sidebar-menu{padding:10px 0;flex:1;overflow-y:auto}.menu-item{padding:14px 20px;margin:4px 12px;color:var(--dark-text);text-decoration:none;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer;border-radius:10px;font-size:.95rem}.menu-item:hover{background:#0000000d}.menu-item.active{background:#00000014;color:var(--dark-text);font-weight:500}.menu-icon{font-size:1.1rem;width:20px;text-align:center}.menu-item-group{margin:4px 0}.menu-item .submenu-arrow{margin-left:auto;font-size:.8rem;transition:transform .3s ease}.menu-item .submenu-arrow.open{transform:rotate(180deg)}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease}.submenu.open{max-height:300px}.submenu-item{padding:12px 20px 12px 52px;margin:2px 12px;color:var(--dark-text);text-decoration:none;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer;border-radius:8px;font-size:.9rem}.submenu-item:hover{background:#0000000d}.submenu-item.active{background:#00000014;color:var(--primary-color);font-weight:500}.submenu-icon{font-size:.95rem;width:18px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid #e0e0e0;background:var(--white)}.user-info{padding:16px 18px;display:flex;align-items:center;gap:14px}.user-avatar{font-size:2.5rem;color:var(--primary-color);line-height:1}.user-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.user-name{font-size:.9rem;font-weight:600;color:var(--dark-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.8rem;color:var(--light-text);text-transform:capitalize;line-height:1.3}.user-role-switch{width:100%;border:1px solid #d9e2ec;border-radius:8px;background:#f8fafc;color:var(--dark-text);padding:8px 10px;font-size:12px;line-height:1.2;outline:none}.user-role-switch:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0b3e601f}.logout-btn{padding:10px;background:var(--danger-color);color:var(--white);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.logout-btn:hover{background:#c0392b;transform:scale(1.05)}.user-management-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap}.user-management-actions .btn-icon-edit,.user-management-actions .btn-icon-danger{min-width:40px;min-height:40px}.user-management-actions .btn-icon-edit:hover,.user-management-actions .btn-icon-danger:hover{transform:translateY(-1px) scale(1.04)}.user-management-actions .btn-icon-edit{margin-right:0}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.mobile-header-bar{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#0e5b08;box-shadow:0 2px 8px #0003;z-index:998;align-items:center;padding:0 15px;gap:15px}.mobile-menu-toggle{background:transparent;border:none;width:45px;height:45px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.mobile-menu-toggle:hover{background:#ffffff26}.mobile-menu-toggle:active{background:#ffffff40;transform:scale(.95)}.mobile-menu-toggle i{font-size:1.4rem;color:#fff}.mobile-header-title{flex:1;display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700}.mobile-header-logo{width:35px;height:35px;object-fit:contain;border-radius:6px}.mobile-header-title span{color:#fff;font-weight:600}.mobile-header-user{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mobile-user-name{color:#fff;font-size:.85rem;font-weight:600;text-align:right;line-height:1.2}.mobile-user-role{color:#ffffffd9;font-size:.7rem;font-weight:500;text-align:right}.main-content{flex:1;margin-left:280px;padding:30px;transition:all .3s ease;background:#e4e4e4;min-height:100vh;overflow-x:hidden;overflow-y:auto}.main-content.expanded{margin-left:80px}.content-header{background:var(--white);padding:25px;border-radius:15px;box-shadow:var(--shadow);margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.content-header>div:first-child{flex:1;min-width:200px}.content-header h1{font-size:2rem;color:var(--primary-color);margin-bottom:5px;display:flex;align-items:center;gap:10px}.content-header h1 i{font-size:1.8rem}.content-header p{color:var(--light-text);font-size:.95rem}.content-body{background:var(--white);padding:30px;border-radius:15px;box-shadow:var(--shadow)}.top-pengajar-login-card{background:#fff;border:1px solid #e8ecef;border-radius:14px;padding:24px 28px;margin-top:0;box-shadow:0 2px 8px #0000000d}.top-pengajar-login-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.top-pengajar-login-header-icon{color:#5cc3f6;font-size:1.2rem}.top-pengajar-login-title{margin:0;font-size:1.05rem;font-weight:700;color:#2c3e50}.top-pengajar-login-badge{margin-left:auto;font-size:.75rem;color:#aaa;background:#f8f9fa;border:1px solid #e8ecef;border-radius:20px;padding:3px 10px}.top-pengajar-login-loading{text-align:center;padding:40px 0;color:#aaa}.top-pengajar-login-loading-icon{font-size:1.5rem}.top-pengajar-login-empty{text-align:center;padding:36px 0;color:#bbb}.top-pengajar-login-empty-icon{font-size:2rem;margin-bottom:10px;display:block}.top-pengajar-login-empty-text{margin:0;font-size:.9rem}.top-pengajar-login-empty-subtext{font-size:.8rem}.top-pengajar-login-body{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.top-pengajar-login-chart-col{flex:1 1 280px;min-width:0}.top-pengajar-login-chart .recharts-default-tooltip{border-radius:8px;border:1px solid #e8ecef;font-size:.82rem}.top-pengajar-login-chart .recharts-legend-wrapper{font-size:.8rem!important;padding-top:10px!important}.top-pengajar-login-ranking-col{flex:0 0 230px;display:flex;flex-direction:column;gap:10px}.top-pengajar-login-rank-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;transition:transform .15s;cursor:default}.top-pengajar-login-rank-card-top{background:linear-gradient(135deg,#a5d2e9,#5cc3f6);border:none;box-shadow:0 4px 14px #8b5cf64d}.top-pengajar-login-rank-card-normal{background:#f8f9fa;border:1px solid #e8ecef;box-shadow:none}.top-pengajar-login-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12.92px;flex-shrink:0;border:2px solid rgba(255,255,255,.35);-webkit-user-select:none;user-select:none}.top-pengajar-login-avatar-0{background:#ffffff40}.top-pengajar-login-avatar-1{background:#3b82f6}.top-pengajar-login-avatar-2{background:#10b981}.top-pengajar-login-rank-content{flex:1;min-width:0}.top-pengajar-login-rank-name{font-weight:700;font-size:.87rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-pengajar-login-rank-name.is-top{color:#fff}.top-pengajar-login-rank-meta{font-size:.75rem;color:#888;margin-top:2px}.top-pengajar-login-rank-meta.is-top{color:#ffffffbf}.top-pengajar-login-rank-number{font-weight:800;font-size:1rem;color:#ddd;flex-shrink:0}.top-pengajar-login-rank-number.is-top{color:#ffffff80}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:0}.stat-card{background:var(--white);color:var(--dark-text);padding:25px;border-radius:15px;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid #e0e0e0}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stat-card h3{font-size:.9rem;color:var(--light-text);margin-bottom:10px;font-weight:500}.stat-card .stat-value{font-size:2.5rem;font-weight:700;margin-bottom:5px;color:var(--primary-color)}.stat-card p{font-size:.85rem;color:var(--light-text)}.admin-dashboard,.pengajar-dashboard,.santri-dashboard{padding:0!important;background:transparent!important;box-shadow:none!important}.hero-section{background:transparent;padding:60px 40px;position:relative;overflow:visible}.hero-content{position:relative;z-index:1}.hero-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:15px;line-height:1.2}.hero-title .highlight{color:#0b3e60de;font-weight:400}.hero-subtitle{color:#6c757d;font-size:1.1rem;line-height:1.6;max-width:600px;margin-bottom:30px}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.info-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;border:2px solid transparent}.info-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a;background:#ffffffe6}.info-card.primary{background:#667eea1a;border-color:#667eea4d}.info-card.primary:hover{background:#667eea26;border-color:#667eea80}.info-card.primary .card-icon{color:#667eea}.info-card.success{background:#28a7451a;border-color:#28a7454d}.info-card.success:hover{background:#28a74526;border-color:#28a74580}.info-card.success .card-icon{color:#28a745}.info-card.accent{background:#f39c121a;border-color:#f39c124d}.info-card.accent:hover{background:#f39c1226;border-color:#f39c1280}.info-card.accent .card-icon{color:#f39c12}.info-card.warning{background:#ff98001a;border-color:#ff98004d}.info-card.warning:hover{background:#ff980026;border-color:#ff980080}.info-card.warning .card-icon{color:#ff9800}.card-icon{font-size:3rem;line-height:1}.card-content h3{color:#6c757d;font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.card-value{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0;transition:color .3s ease}.quote-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px;border-radius:16px;text-align:center;position:relative;overflow:hidden}.quote-section:before{content:'"';position:absolute;top:10px;left:20px;font-size:8rem;color:#0000000d;font-family:Georgia,serif;line-height:1}.quote-icon{font-size:2.5rem;margin-bottom:15px}.quote-text{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:10px;font-style:italic;line-height:1.6;position:relative}.quote-author{color:#6c757d;font-size:.95rem;font-weight:500}.table-container{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;background:var(--white)}thead{background:var(--light-bg)}th{padding:15px;text-align:left;font-weight:600;color:var(--primary-color);border-bottom:2px solid #ddd}td{padding:15px;border-bottom:1px solid #eee}tbody tr:hover{background:var(--light-bg)}.data-table th{padding:14px 15px;text-align:left;font-weight:600;color:#2c3e50;border:1px solid #dee2e6;border-bottom:2px solid #2c3e50;font-size:14px;white-space:nowrap}.data-table tbody tr{transition:background .2s ease}.data-table td{padding:13px 15px;color:#495057;font-size:14px;border:1px solid #dee2e6}.btn-secondary{background:var(--secondary-color);color:var(--white);padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-right:10px}.btn-secondary:hover{background:#2980b9;transform:translateY(-2px)}.btn-success{background:var(--success-color);color:var(--white);padding:8px 15px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-success:hover{background:#229954}.btn-danger{background:var(--danger-color);color:var(--white);padding:8px 15px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-danger:hover{background:#c0392b}.btn-icon-danger{background:#e74c3c1a;color:var(--danger-color);padding:8px 12px;border:1px solid rgba(231,76,60,.2);border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-icon-danger:hover{background:#e74c3c2e;transform:scale(1.1)}.btn-icon-edit{background:#3498db1a;color:var(--secondary-color);padding:8px 12px;border:1px solid rgba(52,152,219,.22);border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-icon-edit:hover{background:#3498db2e;transform:scale(1.1)}@media (max-width: 1024px){.sidebar:not(.collapsed){width:250px}.main-content{margin-left:250px}.main-content.expanded{margin-left:80px}}@media (max-width: 768px){.mobile-header-bar{display:flex}.sidebar{transform:translate(-100%);width:280px;top:0;left:0;height:100vh;position:fixed;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.active{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .sidebar-header h2{display:block;font-size:1.4rem}.sidebar.collapsed .menu-item{justify-content:flex-start;padding:14px 20px;margin:4px 12px}.sidebar.collapsed .menu-item span:not(.menu-icon){display:inline}.sidebar.collapsed .user-details{display:block}.sidebar.collapsed .logout-btn{width:40px;height:40px;padding:10px}.main-content,.main-content.expanded{margin-left:0;margin-top:60px;padding:20px;min-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.content-header h1{font-size:1.5rem}.content-header{margin-bottom:20px;padding:20px}.stats-grid{grid-template-columns:1fr}.stat-card .stat-value{font-size:2rem}table{font-size:.9rem}th,td{padding:10px 8px;font-size:.9rem}.hero-section{padding:30px 20px;margin-top:0}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.info-cards{grid-template-columns:1fr}.quote-section{padding:30px 20px}.quote-text{font-size:1.1rem}.top-pengajar-login-card{padding:14px;border-radius:12px}.top-pengajar-login-header{margin-bottom:12px}.top-pengajar-login-title{font-size:.98rem;line-height:1.25}.top-pengajar-login-badge{font-size:.7rem;padding:3px 8px}.top-pengajar-login-body{flex-direction:column;gap:12px}.top-pengajar-login-chart-col,.top-pengajar-login-ranking-col{flex:1 1 auto;width:100%}.top-pengajar-login-ranking-col{gap:8px}.top-pengajar-login-rank-card{padding:10px 12px;gap:10px}.top-pengajar-login-rank-name{font-size:.82rem}.top-pengajar-login-rank-meta{font-size:.72rem}.top-pengajar-login-rank-number{font-size:.92rem}}@media (max-width: 480px){.mobile-header-title span{font-size:.95rem}.mobile-header-logo{width:32px;height:32px}.mobile-user-name{font-size:.75rem}.mobile-user-role{font-size:.65rem}.content-header,.content-body{padding:20px 15px}.content-header h1{font-size:1.3rem}.stat-card{padding:20px}.btn-secondary{padding:8px 15px;font-size:.9rem}.top-pengajar-login-card{padding:12px}.top-pengajar-login-title{font-size:.9rem}.top-pengajar-login-badge{font-size:.66rem;padding:2px 7px}}@media print{.sidebar,aside.sidebar,.sidebar.active,.sidebar.collapsed,.sidebar-overlay,.sidebar-overlay.active,.mobile-header,.mobile-header-bar,.mobile-menu-toggle,.mobile-header-title,.mobile-header-user,.dashboard-header,.hamburger-btn,.toggle-btn,button,.btn,.btn-primary,.btn-secondary,.no-print,.sidebar-header,.sidebar-menu,.sidebar-footer{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;overflow:hidden!important}aside,nav,[class*=sidebar],[class*=menu],[class*=nav]{display:none!important;visibility:hidden!important}html,body{overflow:visible!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important}.main-content{margin-left:0!important;margin-top:0!important;width:100%!important;max-width:100%!important;padding:0!important}.dashboard-container{display:block!important;width:100%!important;background:#fff!important}.content-header button,.actions-container,.filter-controls{display:none!important}}.biodata-form{max-width:800px;margin:0 auto}.biodata-view-container{max-width:1200px;margin:0 auto;padding:10px}.section-title{display:flex;align-items:center;gap:12px;margin:32px 0 20px;padding-bottom:12px;border-bottom:3px solid #3498db}.section-title:first-child{margin-top:0}.section-title i{font-size:1.5rem;color:#3498db}.section-title h2{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0;letter-spacing:-.3px}.biodata-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:20px}.biodata-cards-grid.parent-grid{grid-template-columns:repeat(2,1fr)}.info-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #3498db26;border-color:#3498db}.info-card.full-width{grid-column:1 / -1}.info-card-icon{width:48px;height:48px;min-width:48px;border-radius:10px;background:linear-gradient(135deg,#3498db,#2980b9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3498db40}.info-card-icon i{color:#fff;font-size:1.3rem}.info-card-content{flex:1;display:flex;flex-direction:column;gap:6px}.info-card-content label{color:#95a5a6;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0}.info-card-content p{color:#2c3e50;font-size:1.05rem;font-weight:400;margin:0;line-height:1.5}@media (max-width: 768px){.biodata-cards-grid{grid-template-columns:1fr}.info-card.full-width{grid-column:1}}.form-section{background:#f8f9fa;padding:24px;border-radius:12px;margin-bottom:24px;border:1px solid #e9ecef}.form-section h3{color:#2c3e50;font-size:1.25rem;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #3498db;letter-spacing:-.3px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-row.single{grid-template-columns:1fr}.biodata-card{background:transparent;padding:0;margin-bottom:20px}.biodata-header{margin-bottom:32px}.biodata-header h2{color:#2c3e50;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;padding-bottom:12px;border-bottom:3px solid #3498db}.section-header{background:linear-gradient(135deg,#e74c3c,#c0392b);padding:16px 24px;border-radius:12px;margin:32px 0 20px;box-shadow:0 4px 12px #e74c3c33;grid-column:1 / -1}.section-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0;letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.section-header h3 i{font-size:1.2rem}.biodata-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.info-group{background:#fff;padding:24px;border-radius:12px;border-left:4px solid #3498db;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.info-group:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,rgba(52,152,219,.1) 0%,transparent 100%);border-radius:0 0 0 100%}.info-group:hover{border-left-color:#2980b9;transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.info-group.parent-info{border-left-color:#e74c3c;background:linear-gradient(135deg,#e74c3c05,#fff)}.info-group.parent-info:before{background:linear-gradient(135deg,rgba(231,76,60,.1) 0%,transparent 100%)}.info-group.parent-info:hover{border-left-color:#c0392b}.info-label{font-weight:700;color:#7f8c8d;font-size:.75rem;margin-bottom:10px;display:flex;align-items:center;text-transform:uppercase;letter-spacing:1px}.info-label:before{content:"";width:4px;height:4px;background:#3498db;border-radius:50%;margin-right:8px}.info-group.parent-info .info-label:before{background:#e74c3c}.info-value{color:#2c3e50;font-size:1.1rem;font-weight:600;line-height:1.6;position:relative;z-index:1}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.biodata-self-edit-actions{display:flex;gap:10px;margin:12px 0 18px;flex-wrap:wrap}.biodata-self-edit-form{background:#f8f9fa;border:1px solid #e4e7eb;border-radius:12px;padding:18px;margin-bottom:20px}.biodata-self-edit-form .form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-size:.9rem;font-weight:600}.biodata-self-edit-form .form-group input,.biodata-self-edit-form .form-group select,.biodata-self-edit-form .form-group textarea{width:100%;padding:10px 12px;border:1px solid #cfd8dc;border-radius:8px;font-size:.95rem;color:#2c3e50;background:#fff}.biodata-self-edit-form .form-group input:disabled{background:#f1f3f5;color:#7f8c8d}.biodata-self-edit-form .form-group textarea{resize:vertical;min-height:80px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-content{background:var(--white);padding:0;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out;box-shadow:0 10px 40px #00000026}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.modal-header h2{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.modal-body{padding:30px;max-height:calc(90vh - 180px);overflow-y:auto}.modal-footer{padding:20px 30px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--light-text);transition:color .3s ease}.close-btn:hover{color:var(--danger-color)}.radio-group{display:flex;gap:24px;margin-top:12px}.radio-option{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-option:hover{border-color:#3498db;background:#f0f8ff}.radio-option input[type=radio]:checked+label{color:#3498db;font-weight:600}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#3498db}.radio-option label{cursor:pointer;margin:0;font-size:.95rem;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.biodata-form{padding:0}.form-row,.biodata-info{grid-template-columns:1fr;gap:16px}.biodata-card{padding:24px}.biodata-header{flex-direction:column;gap:15px;align-items:flex-start}.biodata-header h2{font-size:1.4rem}.action-buttons{width:100%}.action-buttons button{flex:1}.modal-content{border-radius:12px}.modal-header,.modal-body{padding:20px}.modal-footer{padding:16px 20px}.form-section{padding:20px}}@media (max-width: 480px){.biodata-card{padding:20px 16px;border-radius:12px}.biodata-header h2{font-size:1.3rem}.modal-overlay{padding:10px}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-direction:column}.modal-footer button{width:100%}.form-section{padding:16px}.form-section h3{font-size:1.1rem}.info-group{padding:14px}.radio-group{flex-direction:column;gap:12px}.radio-option{width:100%}}.santri-manager-search-container{display:flex;align-items:center;gap:10px}.santri-manager-search-wrapper{position:relative;flex:1}.santri-manager-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.santri-manager-search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:5px;font-size:14px}.santri-manager-table-empty{text-align:center}.santri-manager-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.santri-manager-form-hint{color:#7f8c8d;font-size:.85rem}@media (max-width: 768px){.santri-manager-search-container{flex-direction:column;gap:12px}.santri-manager-search-wrapper{width:100%}.santri-manager-search-input{font-size:13px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.santri-manager-search-container{flex-direction:column;gap:10px;align-items:stretch}.santri-manager-search-wrapper{width:100%}.santri-manager-search-input{padding:11px 10px 11px 36px;font-size:12px;width:100%}.santri-manager-search-icon{left:12px;font-size:.9rem}.santri-manager-form-hint{font-size:.8rem}.btn-success{width:100%;padding:11px 12px;font-size:12px;justify-content:center}table{font-size:.9rem}th,td{padding:10px 8px;font-size:.9rem}}.search-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:5px;font-size:14px}.action-buttons-flex{display:flex;align-items:center;gap:10px}.action-buttons-flex-mb{display:flex;align-items:center;gap:10px;margin-bottom:20px}@media (max-width: 768px){.action-buttons-flex,.action-buttons-flex-mb{flex-wrap:wrap;gap:8px}.search-wrapper{flex:1 1 100%}.search-input{font-size:13px;padding:9px 9px 9px 38px}.search-icon{left:12px}.btn-success{padding:10px 18px;font-size:14px;white-space:nowrap}}@media (max-width: 480px){.action-buttons-flex,.action-buttons-flex-mb{flex-direction:column;gap:10px}.search-wrapper{flex:1 1 100%;width:100%}.search-input{font-size:12px;padding:11px 10px 11px 36px;width:100%}.search-icon{font-size:.9rem;left:12px}.btn-success{width:100%;padding:11px 12px;font-size:12px;justify-content:center}}.pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:20px 0}.pagination-btn{padding:8px 12px;border:1px solid #ddd;border-radius:5px;background:#fff;cursor:pointer}.pagination-btn:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.pagination-btn-active{padding:8px 12px;border:1px solid #ddd;border-radius:5px;background:#e74c3c;color:#fff;cursor:pointer;font-weight:700}.pagination-ellipsis{color:#999}@media (max-width: 768px){.pagination-container{flex-wrap:wrap;gap:8px;padding:15px 0}.pagination-btn,.pagination-btn-active{padding:6px 10px;font-size:13px}}@media (max-width: 480px){.pagination-container{gap:6px;padding:12px 0}.pagination-btn,.pagination-btn-active{padding:5px 8px;font-size:12px}.pagination-ellipsis{font-size:12px}}.table-center-cell{text-align:center}.btn-margin-right{margin-right:5px}.form-field-hint{color:#7f8c8d;font-size:.85rem}.user-role-badge{padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:500;display:inline-block}@media (max-width: 768px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:.9rem}th,td{padding:10px 8px;font-size:.9rem}.table-center-cell{white-space:nowrap}}@media (max-width: 480px){table{font-size:.9rem}th,td{padding:8px 6px;font-size:.9rem}.btn-margin-right{margin-right:3px;margin-bottom:3px}.form-field-hint{font-size:.8rem}.user-role-badge{padding:4px 10px;font-size:.75rem}}.user-management-search-container{display:flex;align-items:center;gap:10px;margin-bottom:20px}.user-management-search-wrapper{position:relative;flex:1}.user-management-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.user-management-search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:5px;font-size:14px}.user-management-table-empty{text-align:center;color:#6c757d;padding:22px 15px}.user-management-role-badge{padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:500;display:inline-block}.user-management-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:20px 0}.user-management-pagination-btn{padding:8px 12px;border:1px solid #ddd;border-radius:5px;background:#fff;cursor:pointer}.user-management-pagination-btn:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.user-management-pagination-btn-active{padding:8px 12px;border:1px solid #ddd;border-radius:5px;background:#27ae60;color:#fff;cursor:pointer;font-weight:700}.user-management-pagination-ellipsis{color:#999}.user-role-admin{background:#e74c3c26;color:#e74c3c}.user-role-pengajar{background:#3498db26;color:#3498db}.user-role-santri{background:#27ae6026;color:#27ae60}@media (max-width: 768px){.user-management-search-container{flex-direction:column;gap:15px}.user-management-search-wrapper{width:100%}.user-management-search-input{font-size:13px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:.9rem}th,td{padding:10px 8px;font-size:.9rem}.user-management-pagination{flex-wrap:wrap;gap:8px}.user-management-pagination-btn,.user-management-pagination-btn-active{padding:6px 10px;font-size:13px}}@media (max-width: 480px){.user-management-search-container{flex-direction:column;gap:10px;align-items:stretch}.user-management-search-wrapper{width:100%}.user-management-search-input{padding:11px 10px 11px 36px;font-size:12px;width:100%}.user-management-search-icon{left:12px;font-size:.9rem}.btn-success{width:100%;padding:11px 12px;font-size:12px;justify-content:center}.user-management-role-badge{padding:4px 10px;font-size:.75rem}.user-management-pagination{font-size:13px}.user-management-pagination-btn,.user-management-pagination-btn-active{padding:5px 8px;font-size:12px}}.daftar-santri-page-container{background:#fff;padding:30px}.daftar-santri-header{margin:0 0 20px;display:flex;align-items:center;gap:10px}.daftar-santri-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.daftar-santri-kelas-select{padding:10px 12px;border-radius:8px;border:1px solid #ddd;font-size:.9rem;min-width:200px;outline:none;cursor:pointer;background-color:#fff;transition:all .3s ease}.daftar-santri-kelas-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.daftar-santri-search-wrapper{position:relative}.daftar-santri-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7f8c8d}.daftar-santri-search-input{padding:10px 12px 10px 38px;border-radius:8px;border:1px solid #ddd;font-size:.9rem;min-width:250px;outline:none;transition:all .3s ease}.daftar-santri-search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.daftar-santri-sort-btn,.daftar-santri-excel-btn{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.daftar-santri-sort-btn{background:#3498db;color:#fff}.daftar-santri-sort-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.daftar-santri-excel-btn{background:#27ae60;color:#fff}.daftar-santri-excel-btn:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.daftar-santri-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.daftar-santri-kelas-select{grid-column:1 / -1;width:100%;min-width:100%;padding:12px;font-size:.95rem}.daftar-santri-search-wrapper{grid-column:1 / -1}.daftar-santri-search-input{width:100%;min-width:100%;padding:12px 12px 12px 40px;font-size:.95rem}.daftar-santri-sort-btn,.daftar-santri-excel-btn{width:100%;padding:12px 14px;font-size:.95rem;justify-content:center;align-items:center}}@media (max-width: 480px){.daftar-santri-page-container{padding:15px}.daftar-santri-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.daftar-santri-kelas-select{grid-column:1 / -1;width:100%;min-width:100%;padding:11px 10px;font-size:.9rem}.daftar-santri-search-wrapper{grid-column:1 / -1}.daftar-santri-search-input{width:100%;min-width:100%;padding:11px 10px 11px 36px;font-size:.9rem}.daftar-santri-search-icon{left:10px;font-size:.85rem}.daftar-santri-sort-btn,.daftar-santri-excel-btn{width:100%;padding:11px 12px;font-size:.85rem;justify-content:center}}.daftar-santri-header-container{background:#fff;padding:20px;margin-bottom:32px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.daftar-santri-title{font-size:2rem;color:#2c3e50;margin:0;display:flex;align-items:center;gap:10px}.daftar-santri-empty-cell{text-align:center;padding:40px;color:#7f8c8d}.daftar-santri-empty-icon{font-size:3rem;margin-bottom:10px;display:block}.daftar-santri-pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.daftar-santri-pagination-btn{padding:8px 12px;border:none;border-radius:6px;font-weight:600;transition:all .3s ease;cursor:pointer}.daftar-santri-pagination-btn-prev,.daftar-santri-pagination-btn-next{background:#3498db;color:#fff}.daftar-santri-pagination-btn-prev:hover:not(:disabled),.daftar-santri-pagination-btn-next:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.daftar-santri-pagination-btn-prev:disabled,.daftar-santri-pagination-btn-next:disabled{background:#ecf0f1;color:#95a5a6;cursor:not-allowed}.daftar-santri-pagination-btn-number{padding:8px 14px;border:none;border-radius:6px;font-weight:600;transition:all .3s ease;cursor:pointer}.daftar-santri-pagination-btn-number.active{background:#3498db;color:#fff}.daftar-santri-pagination-btn-number.inactive{background:#ecf0f1;color:#2c3e50}.daftar-santri-pagination-btn-number:hover{background:#2980b9;color:#fff}.jadwal-container{background:#fff;margin:-30px;padding:0;min-height:100vh}.jadwal-header{background:linear-gradient(135deg,#484c4a40,#878a8840);padding:40px 40px 100px;position:relative;overflow:hidden}.jadwal-header-deco-1{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%;filter:blur(40px)}.jadwal-header-deco-2{position:absolute;bottom:-30px;left:-30px;width:150px;height:150px;background:#ffffff1a;border-radius:50%;filter:blur(40px)}.jadwal-header-content{position:relative;z-index:1}.jadwal-header-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:10px}.jadwal-header-icon{color:gray;font-size:2rem}.jadwal-header-title{margin:0;color:gray;font-size:2rem;font-weight:700}.jadwal-header-subtitle{margin:0;color:#8e8d8de6;font-size:1rem}.jadwal-content-card{background:#fff;margin:-60px 40px 0;border-radius:16px;padding:40px;box-shadow:0 10px 40px #00000014;position:relative;z-index:2}.jadwal-profile-section{display:flex;align-items:center;gap:20px;padding-bottom:30px;border-bottom:2px solid #f0f0f0;margin-bottom:30px}.jadwal-profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#27ae601a,#2ecc7133);display:flex;align-items:center;justify-content:center;border:3px solid rgba(39,174,96,.2)}.jadwal-profile-avatar i{font-size:32px;color:#27ae60}.jadwal-profile-name{margin:0 0 8px;font-size:1.75rem;font-weight:500;color:#2c3e50}.jadwal-profile-nomor{display:flex;align-items:center;gap:8px;color:#7f8c8d}.jadwal-profile-nomor i{font-size:.9rem}.jadwal-profile-nomor span{font-size:1rem;font-weight:500}.jadwal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.jadwal-info-grid.three-columns{grid-template-columns:repeat(3,1fr)}@media (max-width: 1200px){.jadwal-info-grid.three-columns{grid-template-columns:repeat(2,1fr)}}.jadwal-info-card{padding:24px;border-radius:12px;transition:all .3s ease;cursor:default}.jadwal-info-card.kelas{background:#3498db0a;border:1px solid rgba(52,152,219,.1)}.jadwal-info-card.lokasi{background:#e74c3c0a;border:1px solid rgba(231,76,60,.1)}.jadwal-info-card.jam{background:#9b59b60a;border:1px solid rgba(155,89,182,.1)}.jadwal-info-card-full-width{grid-column:1 / -1}.jadwal-info-card.pengajar{background:#27ae600a;border:1px solid rgba(39,174,96,.1)}.jadwal-info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.jadwal-info-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.jadwal-info-icon-wrapper.kelas{background:#3498db1a}.jadwal-info-icon-wrapper.lokasi{background:#e74c3c1a}.jadwal-info-icon-wrapper.jam{background:#9b59b61a}.jadwal-info-icon-wrapper.pengajar{background:#27ae601a}.jadwal-info-icon-wrapper i{font-size:24px}.jadwal-info-icon-wrapper.kelas i{color:#3498db}.jadwal-info-icon-wrapper.lokasi i{color:#e74c3c}.jadwal-info-icon-wrapper.jam i{color:#9b59b6}.jadwal-info-icon-wrapper.pengajar i{color:#27ae60}.jadwal-info-label{font-size:.75rem;color:#95a5a6;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin:0}.jadwal-info-value{font-size:1.1rem;font-weight:400;color:#2c3e50}.jadwal-info-value.kelas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.jadwal-jilid-badge{padding:6px 14px;background:#27ae601a;color:#27ae60;border-radius:20px;font-size:.875rem;font-weight:400;border:1px solid rgba(39,174,96,.2)}.jadwal-section-divider{margin-top:40px;margin-bottom:30px;padding-top:30px;border-top:2px solid #f0f0f0;display:flex;align-items:center;gap:12px}.jadwal-section-divider-icon{font-size:1.5rem;color:#7f8c8d}.jadwal-section-divider-title{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.jadwal-info-footer{margin-top:40px;padding:20px;background:#3498db08;border-radius:12px;border-left:4px solid #3498db}.jadwal-info-footer-content{display:flex;align-items:flex-start;gap:12px;color:#7f8c8d}.jadwal-info-footer-content i{font-size:1.1rem;margin-top:2px;color:#3498db}.jadwal-info-footer-content span{font-size:.95rem;line-height:1.6}.jadwal-bottom-spacing{height:40px}.jadwal-loading{text-align:center;padding:40px}.jadwal-loading-icon{font-size:2rem;color:#27ae60}.jadwal-loading-text{margin-top:10px;color:#7f8c8d}.jadwal-error{text-align:center;padding:40px}.jadwal-error-icon{font-size:3rem;color:#e74c3c;margin-bottom:10px}.jadwal-error-title{color:#e74c3c;margin-bottom:10px}.jadwal-error-message{color:#7f8c8d}.jadwal-not-found{text-align:center;padding:40px}.jadwal-not-found-icon{font-size:3rem;color:#95a5a6;margin-bottom:10px}.jadwal-not-found-title{color:#7f8c8d}.jadwal-not-found-message{color:#95a5a6;margin-top:10px}.kelas-container{background:#fff;margin:-30px;padding:40px;min-height:calc(100vh - 100px)}.kelas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.kelas-header h1{margin:0}.btn-excel-export{padding:12px 24px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #27ae604d}.btn-excel-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.kelas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.kelas-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;overflow:hidden;overflow-x:auto}.kelas-table{width:100%;border-collapse:collapse;font-size:.92rem}.kelas-table thead tr{background:#f0f0f0;color:#444}.kelas-table thead th{padding:13px 14px;text-align:left;font-weight:600;white-space:nowrap;border:1px solid #d5d5d5}.kelas-table tbody tr{transition:background .15s}.kelas-table tbody tr:hover{background:#f6fdf8}.kelas-table tbody td{padding:11px 14px;vertical-align:middle;color:#333;border:1px solid #e5e5e5}.kelas-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(39,174,96,.1);box-shadow:0 2px 8px #0000000d}.kelas-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #27ae6026;border-color:#27ae604d}.kelas-card-header{background:#52585cc4;padding:15px;text-align:center}.kelas-card-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.kelas-card-body{padding:20px;background:#fff}.kelas-info-item{margin-bottom:12px}.kelas-info-label{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#7f8c8d;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.kelas-info-content{display:flex;justify-content:space-between;align-items:center}.kelas-info-name{font-weight:600;color:#2c3e50;font-size:.85rem}.btn-remove-pengajar{padding:4px 8px;background:transparent;border:1px solid #e74c3c;color:#e74c3c;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.btn-remove-pengajar:hover{background:#e74c3c;color:#fff}.kelas-info-empty{font-style:italic;color:#95a5a6;font-size:.85rem}.kelas-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.btn-lihat-santri{flex:1;min-width:100px;padding:10px 12px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.8rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-lihat-santri:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.btn-tugaskan{flex:1;min-width:100px;padding:10px 12px;background:linear-gradient(135deg,#607d8b,#78909c);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.8rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-tugaskan:hover{transform:translateY(-2px);box-shadow:0 4px 12px #607d8b4d}.kelas-actions-icons{display:flex;gap:6px;justify-content:flex-start;flex-wrap:nowrap}.kelas-action-icon{flex:0 0 auto!important;min-width:34px!important;width:34px;height:34px;padding:0!important;border-radius:8px}.kelas-action-icon i{margin:0;font-size:.9rem}.modal-loading{text-align:center;padding:40px;color:#7f8c8d}.modal-loading-icon{font-size:2rem;margin-bottom:10px}.modal-content-wide{max-width:900px}.rolling-header{margin-bottom:30px}.rolling-subtitle{margin-top:8px;color:#7f8c8d}.rolling-filters{margin-bottom:24px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.rolling-search-wrapper{flex:1;min-width:250px;position:relative}.rolling-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d}.rolling-search-input{width:100%;padding:12px 12px 12px 45px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.rolling-search-input:focus{border-color:#27ae60;outline:none;box-shadow:0 0 0 3px #27ae601a}.rolling-filter-select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:180px;cursor:pointer;transition:all .3s ease}.rolling-filter-select:focus{border-color:#27ae60;outline:none;box-shadow:0 0 0 3px #27ae601a}.rolling-btn-mass{padding:12px 24px;background:linear-gradient(135deg,#3498db,#5dade2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.rolling-btn-mass:disabled{background:#bdc3c7;cursor:not-allowed}.rolling-btn-mass:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.rolling-table-checkbox-header{width:50px}.rolling-empty-state{text-align:center;padding:40px;color:#7f8c8d}.rolling-pagination{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:8px}.rolling-page-btn{padding:8px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.rolling-page-btn:hover{background:#f8f9fa;border-color:#27ae60}.rolling-page-btn-active{padding:8px 14px;border:1px solid #27ae60;background:#27ae60;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.rolling-page-ellipsis{padding:0 4px}.rolling-info{margin-left:12px;color:#7f8c8d}@media (max-width: 1024px){.kelas-grid{grid-template-columns:repeat(3,1fr);gap:20px}.kelas-container{padding:30px}}@media (max-width: 768px){.kelas-container{margin:-20px;padding:20px}.kelas-header{flex-direction:column;gap:15px;align-items:flex-start}.kelas-header h1{font-size:1.5rem}.btn-excel-export{width:100%;justify-content:center}.kelas-grid{grid-template-columns:repeat(2,1fr);gap:16px}.kelas-card-title{font-size:1.1rem}.kelas-buttons{flex-direction:column}.btn-lihat-santri,.btn-tugaskan{width:100%}.rolling-filters{flex-direction:column;align-items:stretch}.rolling-search-wrapper,.rolling-filter-select,.rolling-btn-mass{width:100%}}@media (max-width: 480px){.kelas-container{margin:-15px;padding:15px}.kelas-header h1{font-size:1.3rem}.kelas-grid{grid-template-columns:1fr;gap:12px}.kelas-card-body{padding:15px}.kelas-info-label{font-size:.75rem}.kelas-info-name{font-size:.8rem}.btn-excel-export{padding:10px 16px;font-size:13px}.rolling-search-input,.rolling-filter-select{font-size:13px;padding:10px 12px}.rolling-search-input{padding-left:40px}.rolling-btn-mass{padding:10px 16px;font-size:13px}}.manajemen-kelas-search-bar{margin-bottom:16px;display:flex;align-items:center;gap:10px}.manajemen-kelas-search-input-wrap{position:relative;flex:1;max-width:400px}.manajemen-kelas-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;font-size:.9rem}.manajemen-kelas-search-input{width:100%;padding:9px 12px 9px 36px;border:1.5px solid #ddd;border-radius:8px;font-size:.9rem;outline:none;box-sizing:border-box}.manajemen-kelas-search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#aaa;font-size:1rem}.manajemen-kelas-search-count{color:#666;font-size:.85rem}.manajemen-kelas-empty-cell{text-align:center;color:#aaa;padding:24px 0}.manajemen-kelas-td-center{text-align:center}.manajemen-kelas-td-bold{font-weight:600}.manajemen-kelas-no-pengajar{color:#aaa;font-style:italic}.manajemen-kelas-santri-badge{background:#3498db33;color:#2980b9;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;border:2px solid rgba(52,152,219,.4);white-space:nowrap;text-align:center}.manajemen-kelas-modal-empty-icon{font-size:3rem;margin-bottom:10px;opacity:.3}.manajemen-kelas-santri-table-wrapper{max-height:500px;overflow-y:auto}.manajemen-kelas-santri-table{width:100%;border-collapse:collapse}.manajemen-kelas-santri-thead{position:sticky;top:0;background:#fff;z-index:1}.manajemen-kelas-santri-thead-row{border-bottom:2px solid #e0e0e0}.manajemen-kelas-santri-th{padding:12px;text-align:left;font-weight:700;color:#2c3e50}.manajemen-kelas-santri-row{border-bottom:1px solid #f0f0f0}.manajemen-kelas-santri-td{padding:12px;color:#34495e}.manajemen-kelas-santri-td-bold{padding:12px;color:#34495e;font-weight:600}.manajemen-kelas-santri-td-name{padding:12px;color:#2c3e50;font-weight:600}.manajemen-kelas-santri-jilid-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border-radius:20px;font-weight:600;font-size:.85rem;box-shadow:0 2px 6px #27ae6033}.manajemen-kelas-santri-td-gender{padding:12px;color:#7f8c8d}.btn-edit{flex:1;min-width:80px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-edit:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-save{flex:1;min-width:80px;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-save:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.btn-cancel{flex:1;min-width:80px;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-cancel:hover{background:linear-gradient(135deg,#7f8c8d,#626567);transform:translateY(-2px);box-shadow:0 4px 12px #7f8c8d4d}.kelas-info-value{color:#2c3e50;font-weight:500;padding:8px 0}@media (max-width: 768px){.manajemen-kelas-santri-table-wrapper{max-height:400px}.manajemen-kelas-santri-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.manajemen-kelas-santri-th,.manajemen-kelas-santri-td,.manajemen-kelas-santri-td-bold,.manajemen-kelas-santri-td-name,.manajemen-kelas-santri-td-gender{padding:10px 8px;font-size:.9rem}.manajemen-kelas-santri-badge{padding:4px 10px;font-size:.7rem}.manajemen-kelas-santri-jilid-badge{padding:5px 12px;font-size:.8rem}.btn-edit,.btn-save,.btn-cancel{padding:8px 10px;font-size:.75rem;min-width:70px}}@media (max-width: 480px){.manajemen-kelas-santri-table-wrapper{max-height:350px}.manajemen-kelas-modal-empty-icon{font-size:2.5rem}.manajemen-kelas-santri-th,.manajemen-kelas-santri-td,.manajemen-kelas-santri-td-bold,.manajemen-kelas-santri-td-name,.manajemen-kelas-santri-td-gender{padding:10px 7px;font-size:.9rem}.manajemen-kelas-santri-badge{padding:3px 8px;font-size:.65rem}.manajemen-kelas-santri-jilid-badge{padding:4px 10px;font-size:.75rem}.btn-edit,.btn-save,.btn-cancel{padding:6px 8px;font-size:.7rem;min-width:60px}}.kelas-actions-icons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.kelas-action-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .3s ease;background:#f0f0f0;color:#2c3e50}.kelas-action-icon:hover{transform:scale(1.1);background:#e8e8e8}.kelas-action-icon.btn-edit{background:#3498db26;color:#3498db}.kelas-action-icon.btn-edit:hover{background:#3498db4d}.kelas-action-icon.btn-lihat-santri{background:#2ecc7126;color:#27ae60}.kelas-action-icon.btn-lihat-santri:hover{background:#2ecc714d}.kelas-action-icon.btn-tugaskan{background:#f1c40f26;color:#f39c12}.kelas-action-icon.btn-tugaskan:hover{background:#f1c40f4d}@media (max-width: 768px){.kelas-actions-icons{gap:6px}.kelas-action-icon{width:34px;height:34px;font-size:.9rem}}@media (max-width: 480px){.kelas-actions-icons{gap:4px;justify-content:flex-start}.kelas-action-icon{width:32px;height:32px;font-size:.8rem}}.rolling-kelas-header{margin-bottom:30px}.rolling-kelas-subtitle{margin-top:8px;color:#7f8c8d}.rolling-kelas-filters{margin-bottom:24px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.rolling-kelas-search-wrapper{flex:1;min-width:250px;position:relative}.rolling-kelas-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d}.rolling-kelas-search-input{width:100%;padding:12px 12px 12px 45px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.rolling-kelas-search-input:focus{border-color:#27ae60;outline:none;box-shadow:0 0 0 3px #27ae601a}.rolling-kelas-filter-select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:180px;cursor:pointer;transition:all .3s ease}.rolling-kelas-filter-select:focus{border-color:#27ae60;outline:none;box-shadow:0 0 0 3px #27ae601a}.rolling-kelas-btn-mass{padding:12px 24px;background:linear-gradient(135deg,#3498db,#5dade2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.rolling-kelas-btn-mass:disabled{background:#bdc3c7;cursor:not-allowed}.rolling-kelas-btn-mass:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.rolling-kelas-table-checkbox{width:50px}.rolling-kelas-table-empty{text-align:center;padding:40px;color:#7f8c8d}.rolling-kelas-pagination{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:8px}.rolling-kelas-page-btn{padding:8px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.rolling-kelas-page-btn:hover{background:#f8f9fa;border-color:#27ae60}.rolling-kelas-page-btn-active{padding:8px 14px;border:1px solid #27ae60;background:#27ae60;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.rolling-kelas-page-ellipsis{padding:0 4px}.rolling-kelas-info{margin-left:12px;color:#7f8c8d}@media (max-width: 768px){.rolling-kelas-filters{flex-direction:column;gap:12px}.rolling-kelas-search-wrapper,.rolling-kelas-filter-select{width:100%;min-width:auto}.rolling-kelas-btn-mass{width:100%}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.rolling-kelas-pagination{flex-wrap:wrap}.rolling-kelas-page-btn,.rolling-kelas-page-btn-active{padding:6px 10px;font-size:13px}}@media (max-width: 480px){.rolling-kelas-header h2{font-size:1.4rem}.rolling-kelas-subtitle{font-size:.9rem}.rolling-kelas-search-input{padding:10px 10px 10px 40px;font-size:13px}.rolling-kelas-search-icon{left:12px}.rolling-kelas-filter-select{padding:10px 12px;font-size:13px}.rolling-kelas-btn-mass{padding:10px 16px;font-size:13px}table{font-size:.9rem}th,td{padding:10px 8px;font-size:.9rem}.rolling-kelas-table-checkbox{width:45px}.rolling-kelas-page-btn,.rolling-kelas-page-btn-active{padding:5px 8px;font-size:12px}.rolling-kelas-info{margin-left:0;margin-top:10px;text-align:center;font-size:.85rem}}.input-raport-page-bg{background-color:#f5f7fa;width:100%;min-height:100vh;padding:30px;margin:0;position:relative;box-sizing:border-box;overflow-x:hidden}.input-raport-card-wrapper{max-width:1400px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;overflow:hidden;transition:box-shadow .3s ease}.input-raport-card-wrapper:hover{box-shadow:0 12px 32px #00000026,0 4px 12px #0000001a}.input-raport-container{padding:40px}@media (max-width: 768px){.input-raport-card-wrapper{border-radius:0;box-shadow:none;max-width:100%;margin:0}.input-raport-card-wrapper:hover{box-shadow:none}.input-raport-container{padding:20px}.raport-profile-section{border-bottom:none;padding-bottom:0}.form-section{padding:15px 20px}.form-section h3{font-size:15px;margin-bottom:12px}}@media (max-width: 480px){.input-raport-card-wrapper{border-radius:0;box-shadow:none}.input-raport-container{padding:15px}.form-section{padding:12px 15px}.form-section h3{font-size:14px;margin-bottom:10px}.jadwal-info-grid,.form-grid{gap:12px}}.cetak-raport-container{padding:40px;max-width:1400px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:inset 0 2px 8px #0000000f,0 4px 20px #00000014}.input-raport-container.view-mode{background:#fff;margin:-30px;padding:0 0 80px;min-height:100vh;border-radius:0;box-shadow:none;max-width:none}.raport-header-section{background:linear-gradient(135deg,#484c4a40,#878a8840);padding:40px 40px 100px;position:relative;overflow:hidden;margin:0}.raport-header-content{position:relative;z-index:1}.raport-header-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:10px}.raport-header-icon{color:gray;font-size:2rem}.raport-header-title{margin:0;color:gray;font-size:2rem;font-weight:700}.raport-header-subtitle{margin:0;color:#8e8d8de6;font-size:1rem}.raport-content-card{background:#fff;margin:-60px 40px 30px;border-radius:16px;padding:40px;box-shadow:0 10px 40px #00000014;position:relative;z-index:2}.raport-profile-section{display:flex;align-items:center;gap:20px;padding-bottom:30px;border-bottom:2px solid #f0f0f0}.raport-profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#27ae601a,#2ecc7133);display:flex;align-items:center;justify-content:center;border:3px solid rgba(39,174,96,.2)}.raport-profile-avatar i{font-size:32px;color:#27ae60}.raport-profile-name{margin:0 0 8px;font-size:1.75rem;font-weight:500;color:#2c3e50}.raport-profile-info{display:flex;align-items:center;gap:8px;color:#7f8c8d}.raport-profile-info i{font-size:.9rem}.raport-profile-info span{font-size:1rem;font-weight:500}.raport-header{margin-bottom:30px;text-align:center}.raport-header h2{color:#2c3e50;margin-bottom:8px;font-size:28px}.raport-subtitle{color:#7f8c8d;font-size:14px}.raport-header-inline{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:none}.raport-header-inline h2{color:#2c3e50;margin-bottom:8px;font-size:28px;font-weight:700}.raport-header-inline .raport-subtitle{color:#7f8c8d;font-size:14px;margin:0}.raport-form{background:#fff;overflow:hidden}.form-section{padding:20px 30px;border-bottom:none;background:transparent;margin:0;border-radius:0;box-shadow:none}.form-section:last-child{border-bottom:none}.form-section h3{color:#2c3e50;margin:0 0 15px;font-size:16px;font-weight:500;padding-bottom:0;border-bottom:none}.form-section h3:first-of-type{border-bottom:none;padding-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#495057;margin-bottom:8px}.form-group .required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group input:disabled,.form-group select:disabled{background-color:#e9ecef;cursor:not-allowed}.form-group textarea{resize:vertical;font-family:inherit}.santri-info-box{background:#e8f4f8;padding:12px 16px;border-radius:6px;margin-top:15px;font-size:14px;color:#2c3e50}.santri-info-horizontal{display:flex;gap:30px;margin-top:10px}.santri-info-horizontal .info-item{flex:1;display:flex;flex-direction:column;gap:8px}.santri-info-horizontal .info-item label{font-size:13px;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.santri-info-horizontal .info-item span{font-size:18px;font-weight:600;color:#2c3e50}@media (max-width: 768px){.santri-info-horizontal{flex-direction:column;gap:15px}}.kelas-info-display{background:#e3f2fd;padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:16px;color:#1565c0;border-left:4px solid #2196f3}.kategori-section{margin-bottom:25px}.kategori-section:last-child{margin-bottom:0}.kategori-title{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #3498db}.nilai-table-input{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#fff}.nilai-table-input thead{background-color:#f5f5f5;color:#333}.nilai-table-input th{padding:12px;text-align:center;font-size:16px;font-weight:600;border:1px solid #ddd;color:#333;text-transform:uppercase}.nilai-table-input tbody tr{border-bottom:1px solid #e9ecef}.nilai-table-input tbody tr:hover{background-color:#f8f9fa}.kategori-header-row td{background-color:#f5f5f5;padding:12px;font-weight:600;color:#333;border:1px solid #ddd;text-align:center;font-size:15px;text-transform:uppercase}.nilai-table-input td{padding:10px 12px;border:1px solid #ddd;vertical-align:middle;font-size:16px}.nilai-table-input .text-center{text-align:center;font-weight:500;color:#495057}.input-nama-surat{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:150px}.input-nama-surat:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.input-nilai{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;text-align:center;min-width:100px}.input-nilai:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.input-nilai::-webkit-outer-spin-button,.input-nilai::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-nilai[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-juz{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.input-juz:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.input-juz::-webkit-outer-spin-button,.input-juz::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-juz[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.hafalan-parent-row td{background-color:#f8f9fa;padding:12px}.hafalan-sub-row td{padding:8px 12px;background-color:#fff}.sub-hafalan-group{display:flex;align-items:center;gap:10px}.sub-hafalan-input-actions{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.sub-label{font-weight:500;min-width:20px;color:#495057}.btn-remove-hafalan{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-remove-hafalan:hover{background-color:#c0392b}.add-hafalan-row td{padding:8px 12px;background-color:#f8f9fa}.btn-add-hafalan{background-color:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-add-hafalan:hover{background-color:#2980b9}.nilai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.nilai-item{display:flex;flex-direction:column}.nilai-item label{font-size:13px;color:#495057;margin-bottom:6px}.nilai-item input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.nilai-item input:focus{outline:none;border-color:#3498db}.hafalan-input-group{display:flex;gap:10px}.hafalan-name-input{flex:2;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.hafalan-name-input:focus{outline:none;border-color:#3498db}.hafalan-input-group input[type=number]{flex:1;min-width:80px}.calculation-box{display:flex;gap:30px;background:#f8f9fa;padding:20px;border-radius:8px}.calc-item{display:flex;flex-direction:column;gap:5px}.calc-item span{font-size:14px;color:#6c757d}.calc-item strong{font-size:24px;color:#2c3e50}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px;background:#f8f9fa}.btn-primary,.btn-secondary{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#2c8239;color:#fff}.btn-primary:hover{background:#248230}.btn-primary:disabled{background:#95a5a6;cursor:not-allowed}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.filter-section,.raport-list{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.raport-list h3{margin-bottom:20px;color:#2c3e50}.raport-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.raport-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s}.raport-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.raport-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.raport-card .card-header h4{margin:0;font-size:16px;color:#2c3e50}.raport-card .badge{background:#3498db;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px}.raport-card .card-body p{margin:6px 0;font-size:13px;color:#495057}.print-actions{display:flex;justify-content:space-between;margin-bottom:20px}.raport-print-view{background:#fff;padding:40px;max-width:800px;margin:0 auto;box-shadow:0 0 20px #0000001a}.raport-header-print{text-align:center;margin-bottom:30px;border-bottom:3px solid #2c3e50;padding-bottom:20px}.raport-header-print h1{font-size:32px;margin:0;color:#2c3e50}.raport-header-print h2{font-size:24px;margin:10px 0;color:#3498db}.raport-header-print p{margin:10px 0 0;color:#7f8c8d;font-size:14px}.raport-identity{margin-bottom:30px}.identity-table{width:100%;font-size:14px}.identity-table td{padding:5px 0;color:#2c3e50}.raport-nilai-section{margin-bottom:30px}.kategori-print{margin-bottom:25px}.kategori-title-print{background:#3498db;color:#fff;padding:8px 15px;margin:0 0 10px;font-size:16px;border-radius:4px}.nilai-table{width:100%;border-collapse:collapse;margin-bottom:15px;border:1px solid #555!important;outline:none;box-shadow:none}.nilai-table thead{background:#ecf0f1}.nilai-table th,.nilai-table td{border:1px solid #666!important;padding:10px;font-size:13px}.nilai-table th{font-weight:600;color:#2c3e50;text-align:left;background:#ecf0f1;border:1px solid #666!important}.nilai-table tbody tr,.nilai-table tbody td{border:1px solid #666!important}.nilai-table .text-center{text-align:center}.nilai-table .kategori-header-row td{background:#f8f9fa;font-weight:400;font-size:13px;border:1px solid #666!important}.nilai-table .sub-row td{border:1px solid #666!important}.nilai-table .sub-label{padding-left:30px}.raport-summary{margin-bottom:25px;padding:15px;background:#ecf0f1;border-radius:6px}.summary-table{width:100%;font-size:14px}.summary-table td{padding:5px 0;color:#2c3e50}.raport-keterangan{margin-bottom:30px;padding:15px;background:#fff9e6;border-left:4px solid #f39c12;border-radius:4px}.raport-keterangan h4{margin:0 0 10px;color:#2c3e50;font-size:14px}.raport-keterangan p{margin:0;color:#495057;font-size:13px;line-height:1.6}.raport-signature{display:flex;justify-content:space-between;margin-top:50px}.signature-box{text-align:center;width:200px}.signature-box p{margin:5px 0;font-size:13px;color:#2c3e50}.signature-line{height:60px;margin:10px 0}.akhlak-table{width:100%;border-collapse:collapse;margin-top:20px;border:1px solid #666!important}.akhlak-table th{padding:12px;text-align:center;font-size:16px;font-weight:600;border:1px solid #666!important;background-color:#f5f5f5;color:#333}.akhlak-table td{padding:10px 12px;border:1px solid #666!important;font-size:16px;vertical-align:middle}.akhlak-table tbody tr,.akhlak-table tbody td{border:1px solid #666!important}.akhlak-table tbody tr:hover{background-color:#f8f9fa}.akhlak-table input[type=radio]{width:18px;height:18px;cursor:pointer}.komentar-guru-cell{display:flex;flex-direction:column;gap:10px}.komentar-guru-label{display:block;color:#2c3e50}.komentar-guru-textarea{width:100%;display:block;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;box-sizing:border-box;resize:vertical}.akhlak-table-input-mode{table-layout:fixed}.akhlak-table-input-mode th:first-child,.akhlak-table-input-mode td:first-child{width:55%}.akhlak-table-input-mode th:last-child,.akhlak-table-input-mode td:last-child{width:45%}.akhlak-option-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.akhlak-option-btn{border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#2c3e50;font-size:.84rem;font-weight:600;padding:8px 10px;cursor:pointer;transition:all .2s ease}.akhlak-option-btn:hover{border-color:#2f8f46}.akhlak-option-btn.selected{background:#2f8f46;border-color:#2f8f46;color:#fff}.raport-container{padding:20px;max-width:1200px;margin:0 auto}.raport-header-section{display:flex;align-items:center;gap:20px;margin-bottom:15px}.raport-header-section h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.btn-back{background:#95a5a6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-back:hover{background:#7f8c8d;transform:translateY(-2px)}.santri-info-card,.raport-selection-card,.raport-display-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px;margin-bottom:10px}.santri-info-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.santri-info-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:700;flex:1}.santri-info-card h3,.raport-selection-card h3,.raport-display-card h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;border-bottom:2px solid #3498db;padding-bottom:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#7f8c8d;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#2c3e50;font-size:18px;font-weight:600}.selection-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.btn-cetak-raport{background:#3498db;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:8px;box-shadow:0 3px 10px #3498db4d}.btn-cetak-raport:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 5px 14px #3498db66}.btn-cetak-raport:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.nilai-section{margin-top:20px}.nilai-section h4{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:15px;margin-top:25px}.nilai-table.view-mode{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:20px;border:1px solid #555!important;border-radius:8px;overflow:hidden}.nilai-table.view-mode thead{background:#f8f9fa}.nilai-table.view-mode th{padding:14px 18px;text-align:center;font-weight:700;font-size:17px;color:#495057;border:1px solid #666!important;background:#ecf0f1;text-transform:uppercase;letter-spacing:.5px}.nilai-table.view-mode th:first-child,.nilai-table.view-mode td:first-child{width:8%}.nilai-table.view-mode th:nth-child(2),.nilai-table.view-mode td:nth-child(2){width:52%}.nilai-table.view-mode th:nth-child(3),.nilai-table.view-mode td:nth-child(3),.nilai-table.view-mode th:nth-child(4),.nilai-table.view-mode td:nth-child(4){width:20%}.nilai-table.view-mode td{padding:14px 18px;font-size:16px;color:#2c3e50;border:1px solid #666!important}.nilai-table.view-mode tbody tr,.nilai-table.view-mode tbody td{border:1px solid #666!important}.nilai-table.view-mode tbody tr:last-child td{border:1px solid #666!important}.nilai-table.view-mode tbody tr:hover{background-color:#f8f9fa}.nilai-table.view-mode .kategori-header-row td{background:#f8f9fa;font-weight:600;font-size:15px;border:1px solid #666!important}.nilai-table.view-mode .sub-row td{border:1px solid #666!important}.nilai-table.view-mode .sub-label{padding-left:30px}.raport-summary{display:flex;gap:30px;margin-top:25px;padding:20px 25px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.raport-summary .summary-item{flex:1;display:flex;flex-direction:column;gap:8px}.raport-summary .summary-item label{font-size:12px;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.raport-summary .summary-item span{font-size:24px;font-weight:700;color:#2c3e50}@media (max-width: 768px){.raport-summary{flex-direction:column;gap:15px}}.sub-section{margin-top:20px;padding-top:15px;border-top:2px dashed #e9ecef}.sub-section h4{color:#3498db;font-size:18px;font-weight:600;margin-bottom:15px}.akhlak-section{margin-top:20px;padding-top:15px;border-top:3px solid #e9ecef}.akhlak-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.akhlak-table.view-mode{width:100%;border-collapse:collapse;border:1px solid #555!important;outline:none;box-shadow:none;border-radius:8px;overflow:hidden}.akhlak-table.view-mode thead{background:#f8f9fa}.akhlak-table.view-mode th{padding:14px 18px;text-align:left;font-weight:600;font-size:15px;color:#495057;border:1px solid #666!important;background-color:#f5f5f5}.akhlak-table.view-mode td{padding:14px 18px;font-size:16px;color:#2c3e50;border:1px solid #666!important}.akhlak-table.view-mode tbody tr,.akhlak-table.view-mode tbody td{border:1px solid #666!important}.akhlak-table.view-mode tbody tr:last-child td{border:1px solid #666!important}.komentar-section{margin-top:20px;padding-top:15px;border-top:2px dashed #e9ecef}.komentar-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.komentar-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;font-size:16px;line-height:1.8;color:#2c3e50;font-style:italic}.summary-section{margin-top:20px;padding:20px;background:linear-gradient(to right,#f8f9fa,#e9ecef);border-radius:8px;border:2px solid #3498db}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-item{display:flex;flex-direction:column;gap:8px;text-align:center}.summary-item label{color:#7f8c8d;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-item span{color:#2c3e50;font-size:28px;font-weight:700}.keterangan-section{margin-top:20px;padding:15px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px}.keterangan-section label{color:#856404;font-weight:600;margin-bottom:8px;display:block}.keterangan-section p{color:#856404;margin:0;line-height:1.6}.error-message{background:#f8d7da;color:#721c24;padding:20px;border-radius:8px;text-align:center;font-size:16px}.empty-state{text-align:center;padding:60px 20px;background:transparent;border-radius:0;box-shadow:none;margin-top:30px}@media (max-width: 768px){.selection-grid,.summary-grid{grid-template-columns:1fr}.raport-header-section{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}}.download-pdf-container{text-align:center;margin-top:20px;padding:20px 0}.btn-download-pdf{background:linear-gradient(135deg,#761e14);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #e74c3c66;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.btn-download-pdf:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c99}.btn-download-pdf:active{transform:translateY(0)}@media screen and (max-width: 768px){.table-scroll-x{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px}.table-scroll-x .nilai-table.view-mode{min-width:700px;margin-bottom:0}.input-raport-container.view-mode{margin:-20px;width:calc(100% + 40px);max-width:100%;box-sizing:border-box;overflow-x:hidden;padding:0 0 28px;background:#fff}.input-raport-container.view-mode .form-section{padding:10px;box-sizing:border-box}.input-raport-container.view-mode .nilai-table.view-mode{width:100%;min-width:0;table-layout:fixed;margin-bottom:0;box-sizing:border-box}.input-raport-container.view-mode .nilai-table.view-mode th,.input-raport-container.view-mode .nilai-table.view-mode td{font-size:12px;padding:8px 6px;word-break:break-word;white-space:normal}.input-raport-container.view-mode .prestasi-santri-view-table th:nth-child(1),.input-raport-container.view-mode .prestasi-santri-view-table td:nth-child(1){width:8%}.input-raport-container.view-mode .prestasi-santri-view-table th:nth-child(2),.input-raport-container.view-mode .prestasi-santri-view-table td:nth-child(2){width:56%}.input-raport-container.view-mode .prestasi-santri-view-table th:nth-child(3),.input-raport-container.view-mode .prestasi-santri-view-table td:nth-child(3),.input-raport-container.view-mode .prestasi-santri-view-table th:nth-child(4),.input-raport-container.view-mode .prestasi-santri-view-table td:nth-child(4){width:18%}.input-raport-container.view-mode .akhlak-santri-view-table th:nth-child(1),.input-raport-container.view-mode .akhlak-santri-view-table td:nth-child(1){width:8%;text-align:center}.input-raport-container.view-mode .akhlak-santri-view-table th:nth-child(3),.input-raport-container.view-mode .akhlak-santri-view-table td:nth-child(3){width:30%}}.print-only-info,.print-watermark,.print-cover-page,.print-guidance-page,.print-page-header{display:none}@media print{.no-print,.sidebar,aside.sidebar,.sidebar.active,.sidebar.collapsed,.sidebar-overlay,.sidebar-overlay.active,.dashboard-header,.mobile-header,.mobile-header-bar,.mobile-menu-toggle,.mobile-header-title,.mobile-header-user,.raport-header button,.download-pdf-container,.raport-subtitle,.form-section:has(.download-pdf-container),button,.btn,.btn-primary,.btn-secondary,.hamburger-btn,.toggle-btn,.sidebar-header,.sidebar-menu,.sidebar-footer{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important}aside,nav,[class*=sidebar],[class*=mobile-],[class*=menu]{display:none!important;visibility:hidden!important}html,body{overflow:visible!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.main-content,.dashboard-container{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}.print-cover-page{display:flex!important;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;page-break-after:always;padding:40px;position:relative}.print-cover-header{text-align:center;margin-top:60px;z-index:1}.print-cover-header h1{font-size:28px;font-weight:700;margin:8px 0;color:#2c3e50;letter-spacing:2px}.print-cover-info{z-index:1;width:100%;max-width:600px}.print-info-box{background:#fff;border:2px solid #000;border-radius:8px;padding:20px 30px}.print-info-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px dotted #999}.print-info-row:last-child{border-bottom:none}.print-info-label{font-weight:700;font-size:14px;min-width:120px}.print-info-separator{margin:0 15px;font-weight:700}.print-info-value{flex:1;font-size:14px}.print-cover-footer{text-align:center;z-index:1;margin-bottom:40px}.print-cover-footer p{margin:5px 0;font-size:12px;font-weight:600;color:#2c3e50;letter-spacing:.5px}.print-guidance-page{display:flex!important;flex-direction:column;justify-content:flex-start;min-height:100vh;page-break-after:always;page-break-before:always;padding:40px 60px;position:relative}.print-guidance-header{text-align:center;margin-bottom:30px;z-index:1}.print-guidance-header h1{font-size:18px;font-weight:700;margin:6px 0;color:#2c3e50;letter-spacing:1.5px;line-height:1.4}.print-guidance-content{z-index:1;text-align:justify}.guidance-paragraph{font-size:12px;line-height:1.8;margin-bottom:15px;text-indent:50px;color:#2c3e50}.guidance-qualification{margin:20px 0 20px 80px}.guidance-table{width:auto;border-collapse:collapse}.guidance-table tbody tr{vertical-align:top}.guidance-table td{padding:4px 0;border:none;font-size:12px;line-height:1.6;color:#2c3e50}.guidance-table td.code-label{font-weight:400;padding-right:20px;white-space:nowrap;min-width:150px}.guidance-table td.code-value{font-weight:400}.print-page-header{display:block!important;margin-bottom:12px;padding:8px 0;font-size:10px;text-align:center;border-bottom:1px solid #ddd}.print-page-header p{margin:2px 0;font-size:10px;line-height:1.3}.print-watermark{display:flex!important;align-items:center;justify-content:center;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:0!important;pointer-events:none!important}.print-info-table{width:100%;border-collapse:collapse;font-size:12px;border:2px solid #000;margin-bottom:10px}.print-info-table td{padding:6px 8px;border:1px solid #000;line-height:1.4;font-size:12px}.print-info-table td:nth-child(odd){width:15%;background:#f0f0f0;font-weight:400;font-size:12px}.print-info-table td:nth-child(2n){width:35%;font-size:12px}html,body{margin:0;padding:0;background:#fff!important;font-size:11px;line-height:1.4}body{font-family:Arial,sans-serif!important}*{position:relative;z-index:1}.print-watermark{z-index:0!important}.input-raport-container{padding:0;max-width:100%;position:relative;z-index:1}.raport-form{box-shadow:none;border-radius:0;margin:0;padding:0}.form-section{page-break-inside:avoid;padding:8px 12px;border-bottom:none;position:relative;z-index:1}.raport-header-inline{padding-bottom:6px;margin-bottom:10px}.raport-header-inline h2{font-size:20px;margin-bottom:0;font-weight:700}.raport-header-inline .raport-subtitle{display:none!important}.form-section h3{font-size:13px;margin:0 0 10px!important;padding:0!important;border:none!important;font-weight:700}.form-section{page-break-inside:avoid;padding:0!important;margin-bottom:15px!important;border:none!important;position:relative;z-index:1;background:#fff!important}.raport-table-header-center{font-size:16px!important;font-weight:700!important;margin:15px 0 12px!important;padding:0!important;line-height:1.4!important;letter-spacing:0px!important;text-align:center!important;border:none!important}.print-only-info{display:block!important}.print-info-table{display:table!important}.nilai-table{font-size:13px;page-break-inside:avoid;margin-bottom:12px;margin-top:10px;border-collapse:collapse;table-layout:fixed;border:1px solid #555!important;width:100%}.nilai-table tr{page-break-inside:avoid;page-break-after:auto;height:auto}.nilai-table thead{display:table-header-group;background:#f5f5f5!important}.nilai-table th,.nilai-table td{padding:7px 8px;font-size:13px;border:1px solid #666!important;line-height:1.25;vertical-align:middle;font-weight:400}.nilai-table th:first-child,.nilai-table td:first-child{width:8%;font-size:14px;font-weight:600;text-align:center;padding:7px 6px}.nilai-table th:nth-child(2),.nilai-table td:nth-child(2){width:52%}.nilai-table th:nth-child(3),.nilai-table td:nth-child(3),.nilai-table th:nth-child(4),.nilai-table td:nth-child(4){width:20%}.nilai-table td:nth-child(3),.nilai-table td:nth-child(4){font-size:13px;font-weight:600;text-align:center}.nilai-table th{font-size:14px;background:#e8e8e8!important;font-weight:700;text-align:center;padding:7px 8px;height:auto}.nilai-table thead th{background:#d9d9d9!important;font-weight:500;border:1px solid #666!important}.kategori-header-row td{font-size:13px;padding:6px 8px;background:#f0f0f0!important;font-weight:600;border:1px solid #666!important;line-height:1.25}.kategori-header-row td:first-child{font-size:14px;font-weight:600}.kategori-header-row td:first-child,.kategori-header-row td:nth-child(2){text-align:center}.sub-row td{padding:6px 8px!important;border:1px solid #666!important;font-size:12px;line-height:1.2;font-weight:400}.sub-row td:nth-child(3),.sub-row td:nth-child(4){font-size:12px;font-weight:500}.sub-label{padding-left:30px!important;font-weight:400}.total-row td{border:1px solid #666!important;font-weight:500;background:#f8f8f8!important;padding:7px 9px}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.nilai-table tbody tr:hover,.akhlak-table tbody tr:hover{background-color:transparent!important}.raport-summary{page-break-inside:avoid;margin-top:12px;margin-bottom:10px;padding:12px 15px;gap:12px;border:1px solid #000}.raport-summary .summary-item label{font-size:11px;font-weight:400}.raport-summary .summary-item span{font-size:16px;font-weight:600}.raport-summary-section{page-break-inside:avoid;margin-top:12px;margin-bottom:0}.raport-komentar-section{page-break-inside:avoid;margin-top:12px;margin-bottom:15px}.raport-summary-section+.raport-komentar-section{page-break-before:avoid}.raport-summary-section .jadwal-info-grid{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:10px}.raport-summary-section .jadwal-info-card{flex:1;border:2px solid #000;border-radius:6px;padding:10px 12px;background:#fff}.raport-summary-section .jadwal-info-card-header{margin-bottom:6px}.raport-summary-section .jadwal-info-value{font-size:18px;font-weight:600;text-align:center}.raport-komentar-section h3{font-size:12px;margin:0 0 8px;padding:0;border:none;font-weight:500}.komentar-display{border:1px solid #000;padding:10px;min-height:50px;font-size:11px;line-height:1.5}@page{margin:1cm .8cm;size:A4}.akhlak-table{font-size:12px;page-break-inside:avoid;margin-top:12px;margin-bottom:12px;border-collapse:collapse;border:1px solid #555!important;width:100%}.akhlak-table tr{page-break-inside:avoid;page-break-after:auto;height:auto}.akhlak-table thead{display:table-header-group}.akhlak-table th{padding:8px 9px;text-align:center;font-size:12px;font-weight:500;border:1px solid #666!important;background:#d9d9d9!important;line-height:1.3}.akhlak-table th:first-child{font-size:13px;font-weight:500}.akhlak-table td{padding:8px 9px;border:1px solid #666!important;font-size:12px;vertical-align:middle;line-height:1.3;font-weight:400}.akhlak-table td:first-child{font-size:13px;font-weight:500}.akhlak-table tbody tr,.akhlak-table tbody td{border:1px solid #666!important}.akhlak-table td:first-child{text-align:center;width:50px}.akhlak-table td:last-child{text-align:center;width:140px}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}.raport-card-container{margin-bottom:30px}@media (max-width: 768px){.input-raport-page-bg{padding:16px 10px}.input-raport-card-wrapper,.input-raport-container,.raport-form,.form-section{max-width:100%;box-sizing:border-box;overflow-x:hidden}.input-raport-container{padding:14px 10px}.form-section{padding:10px 8px}.nilai-table-input{width:100%;min-width:0;table-layout:fixed}.nilai-table-input th,.nilai-table-input td{font-size:12px;padding:8px 6px;word-break:break-word;white-space:normal}.nilai-table-input th:nth-child(1),.nilai-table-input td:nth-child(1){width:34px}.nilai-table-input th:nth-child(3),.nilai-table-input td:nth-child(3),.nilai-table-input th:nth-child(4),.nilai-table-input td:nth-child(4){width:86px}.input-nilai,.input-nama-surat,.input-juz{min-width:0;width:100%;font-size:12px;padding:7px 8px}.sub-hafalan-group{flex-wrap:wrap;gap:6px}.sub-hafalan-input-actions{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.btn-remove-hafalan{width:30px;height:30px;font-size:16px;padding:0}.akhlak-table-input-mode th,.akhlak-table-input-mode td{font-size:12px;padding:8px 6px}.akhlak-table-input-mode{table-layout:fixed;width:100%;min-width:0}.akhlak-table-input-mode th:first-child,.akhlak-table-input-mode td:first-child{width:62%;text-align:left;word-break:break-word;white-space:normal}.akhlak-table-input-mode th:last-child,.akhlak-table-input-mode td:last-child{width:38%;vertical-align:top}.akhlak-option-btn{font-size:.78rem;padding:7px 8px}}@media screen and (max-width: 480px){.input-raport-page-bg{padding:8px 4px}.input-raport-container{padding:10px 8px}.input-raport-container.view-mode{margin:-20px;width:calc(100% + 40px);max-width:none;padding:0 0 20px}.form-section{padding:8px 6px}.akhlak-option-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.akhlak-option-btn{font-size:.74rem;padding:6px}.komentar-guru-cell{gap:8px}.komentar-guru-label{font-size:12px}.komentar-guru-textarea{font-size:12px;padding:8px}}.raport-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:0;border-bottom:none}@media screen and (min-width: 769px){.input-raport-container.view-mode .nilai-table.view-mode{border:1px solid #6b7280!important;outline:1px solid #6b7280;outline-offset:-1px}.input-raport-container.view-mode .nilai-table.view-mode th,.input-raport-container.view-mode .nilai-table.view-mode td{border-color:#7a7a7a!important}}.raport-section-icon{font-size:1.3rem;color:#e74c3c}.raport-section-title{margin:0;font-size:1.2rem;font-weight:600;color:#2c3e50}.raport-select-wrapper select,.raport-select-wrapper input[type=text]{width:100%;padding:12px;font-size:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#2c3e50;transition:all .3s ease;margin-top:8px}.raport-select-wrapper select{cursor:pointer}.raport-select-wrapper input[type=text]{cursor:text}.raport-select-wrapper select:hover,.raport-select-wrapper input[type=text]:hover{border-color:#bdc3c7}.raport-select-wrapper select:focus,.raport-select-wrapper input[type=text]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.raport-select-wrapper select:disabled,.raport-select-wrapper input[type=text]:disabled{background-color:#f5f5f5;color:#95a5a6;cursor:not-allowed;border-color:#e0e0e0}.raport-download-btn{width:100%;padding:12px;font-size:1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#84271d,#7b2b22);color:#fff;cursor:pointer;transition:all .3s ease;margin-top:8px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.raport-download-btn:hover{background:linear-gradient(135deg,#78241b,#76261f);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.raport-download-btn:active{transform:translateY(0)}.raport-table-header-center{text-align:center}.raport-summary-section{margin-top:30px}.raport-komentar-section{margin-top:20px;margin-bottom:50px}.raport-header-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.raport-back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#7f8c8d,#95a5a6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #7f8c8d33}.raport-back-btn:hover{background:linear-gradient(135deg,#95a5a6,#7f8c8d);transform:translateY(-2px);box-shadow:0 4px 12px #7f8c8d4d}.raport-back-btn:active{transform:translateY(0)}.raport-page-title{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.raport-info-section{margin-bottom:30px}.raport-info-section-inner{margin-bottom:20px}.raport-info-icon-primary{font-size:1.3rem;color:#3498db}.raport-info-icon-secondary{font-size:1.3rem;color:#e74c3c}.raport-section-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px;margin-top:0;padding-top:0;border-top:none}.daftar-raport-container{padding:20px;max-width:100%;margin:0 auto}.daftar-raport-container.split-view{padding:20px;height:auto;overflow:visible}.split-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:20px;height:auto}.left-panel{overflow-y:auto;height:100%}.right-panel{overflow:visible;height:auto;background:transparent;border-radius:0;padding:0}.empty-raport-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#95a5a6}.empty-raport-state i{font-size:80px;margin-bottom:20px;color:#bdc3c7}.empty-raport-state h3{margin:0 0 10px;font-size:24px;color:#7f8c8d}.empty-raport-state p{margin:0;font-size:16px}.selected-row{background-color:#3498db1a!important}.selected-row td{font-weight:600}.btn-lihat-raport.active{background:linear-gradient(135deg,#27ae60,#2ecc71)}.btn-lihat-raport.active:hover{background:linear-gradient(135deg,#229954,#27ae60)}.loading-state{text-align:center;padding:60px 20px;color:#7f8c8d;font-size:16px}.santri-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:3px solid #3498db}.card-header h2{color:#2c3e50;margin:0 0 8px;font-size:28px;font-weight:700}.card-header .subtitle{color:#7f8c8d;font-size:15px;margin:0}.badge-count{background:#3498db;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600}.search-section{padding:20px 30px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.search-box{position:relative;max-width:100%}.search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7f8c8d;font-size:14px}.search-box input{width:100%;padding:12px 14px 12px 40px;border:1px solid #ced4da;border-radius:8px;font-size:15px;transition:all .2s}.search-box input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.santri-table{width:100%;border-collapse:collapse}.santri-table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x}.santri-table thead{background-color:#e9ecef}.approval-tab-container{background:#fff;border-radius:12px;border:2px solid #cbd5e1;padding:24px;height:100%;display:flex;flex-direction:column;min-height:0}.approval-tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.approval-tab-title{margin:0;font-size:1.35rem;font-weight:600;color:#475569;letter-spacing:.2px}.approval-tab-title i{margin-right:10px;color:#f59e0b;font-size:1.2rem}.approval-refresh-btn{padding:8px 18px;border-radius:8px;border:1.5px solid #cbd5e1;background:#f8fafc;cursor:pointer;font-size:1rem;color:#64748b;font-weight:600}.approval-refresh-btn i{margin-right:7px;font-size:1.1rem}.approval-loading{text-align:center;padding:40px;color:#aaa}.approval-empty-state{text-align:center;padding:40px;color:#94a3b8}.approval-empty-state i{font-size:2.5rem;margin-bottom:10px;display:block;color:#10b981}.approval-table-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;border-radius:10px}.approval-table{width:100%;border-collapse:collapse;font-size:.85rem;border:2px solid #cbd5e1;box-shadow:0 2px 8px #e2e8f0}.approval-table thead{background:#f8fafc;border-bottom:2.5px solid #cbd5e1}.approval-table th{padding:10px 8px;text-align:center;color:#334155;font-weight:700;font-size:.85rem;border-right:1.5px solid #cbd5e1}.approval-table th:last-child{border-right:none}.approval-table td{padding:9px 10px;border-bottom:1.5px solid #cbd5e1;border-right:1px solid #cbd5e1;color:#64748b;font-size:.85rem}.approval-table td:last-child{border-right:none}.approval-table tbody tr:hover{background:#f8fafc}.approval-table-no{text-align:center;font-weight:600;width:50px}.approval-table-nama{font-weight:700;color:#1e293b}.approval-table-status{text-align:center}.approval-status-badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.approval-status-pending{background:#fef3c7;color:#f59e0b}.approval-status-approved{background:#d1fae5;color:#10b981}.approval-status-rejected{background:#fee2e2;color:#ef4444}.approval-rejection-note{font-size:.75rem;color:#ef4444;margin-top:2px}.approval-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.approval-action-btns{display:flex;flex-direction:column;gap:4px;align-items:center}.btn-approval-preview{padding:5px 10px;border-radius:6px;border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-approval-preview:hover{background:#dbeafe}.btn-approval-approve{padding:5px 12px;border-radius:6px;border:1.5px solid #10b981;background:transparent;color:#047857;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-approval-approve:hover{background:#d1fae5}.btn-approval-reject{padding:5px 12px;border-radius:6px;border:1.5px solid #ef4444;background:transparent;color:#dc2626;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-approval-reject:hover{background:#fee2e2}.approval-action-text{font-size:.8rem;color:#94a3b8}.approval-pagination{display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9998;padding:16px}.modal-preview-container{background:#fff;border-radius:14px;padding:22px;width:min(960px,96vw);max-height:88vh;overflow-y:auto;box-shadow:0 10px 34px #0f172a33}.modal-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-preview-title{margin:0;color:#1e293b}.modal-preview-title i{margin-right:8px;color:#2563eb}.btn-modal-close{border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;padding:6px 12px;cursor:pointer;color:#334155;font-weight:600}.btn-modal-close:hover{background:#e2e8f0}.modal-preview-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:14px}.modal-preview-meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.modal-preview-meta-label{font-size:.76rem;color:#64748b;margin-bottom:4px}.modal-preview-meta-value{font-weight:700;color:#1e293b}.modal-rejection-note{margin-bottom:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;padding:10px 12px}.modal-section-header{margin-bottom:14px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #bfdbfe}.modal-section-title{color:#1e40af;font-size:.92rem;font-weight:700}.modal-data-table{border:1px solid #dbeafe;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0f;margin-bottom:16px}.modal-data-table table{width:100%;border-collapse:separate;border-spacing:0}.modal-data-table thead{background:#eff6ff}.modal-data-table th{padding:11px 12px;border-bottom:1px solid #dbeafe;text-align:left;color:#1e293b}.modal-data-table tbody tr:nth-child(2n){background:#f8fafc}.modal-data-table tbody tr:nth-child(odd){background:#fff}.modal-data-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;color:#334155}.modal-data-table td:nth-child(2),.modal-data-table td:nth-child(3){text-align:center}.modal-akhlak-table{border:1px solid #dcfce7;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0f;margin-bottom:16px}.modal-akhlak-table table{width:100%;border-collapse:separate;border-spacing:0}.modal-akhlak-table thead{background:#f0fdf4}.modal-akhlak-table th{padding:10px 12px;border-bottom:1px solid #dcfce7;text-align:left;color:#1e293b}.modal-akhlak-table tbody tr:nth-child(2n){background:#f8fafc}.modal-akhlak-table tbody tr:nth-child(odd){background:#fff}.modal-akhlak-table td{padding:9px 12px;border-bottom:1px solid #e2e8f0;color:#334155}.modal-akhlak-value{display:inline-block;padding:4px 10px;border-radius:999px;background:#ecfeff;border:1px solid #bae6fd;color:#0f766e;font-size:.82rem;font-weight:700}.modal-komentar{margin-top:12px;color:#475569;font-size:.9rem;line-height:1.6}.modal-komentar strong{color:#1e293b}.modal-reject-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-reject-container{background:#fff;border-radius:14px;padding:28px;min-width:360px;max-width:460px}.modal-reject-title{margin:0 0 6px;color:#1e293b}.modal-reject-description{margin:0 0 16px;color:#64748b;font-size:.88rem}.modal-reject-description strong{color:#1e293b}.modal-reject-textarea{width:100%;border-radius:8px;border:1px solid #e2e8f0;padding:10px;font-size:.88rem;resize:vertical;box-sizing:border-box;font-family:inherit}.modal-reject-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modal-reject-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.btn-modal-cancel{padding:8px 18px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;font-weight:600;color:#334155}.btn-modal-cancel:hover{background:#e2e8f0}.btn-modal-reject-confirm{padding:8px 18px;border-radius:7px;border:none;background:#ef4444;color:#fff;cursor:pointer;font-weight:600}.btn-modal-reject-confirm:hover{background:#dc2626}.approval-table-thead-row{background:#f8fafc;border-bottom:2.5px solid #cbd5e1}.approval-table-th{padding:10px 8px;text-align:center;color:#334155;font-weight:700;font-size:.85rem;border-right:1.5px solid #cbd5e1}.approval-table-th-no{width:50px}.approval-table-th-nama,.approval-table-th-kelas{text-align:left}.approval-table-th-last{border-right:none}.approval-table-tbody-row{border-bottom:1.5px solid #cbd5e1}.approval-table-td{padding:9px 10px;border-right:1px solid #cbd5e1;color:#64748b;font-size:.85rem}.approval-table-td-last{border-right:none}.approval-table-td-no{padding:9px 8px;text-align:center;color:#64748b;font-weight:600}.approval-table-td-nama{font-weight:700;color:#1e293b}.approval-table-td-center{text-align:center;color:#475569}.approval-table-td-status,.approval-table-td-actions{text-align:center}.approval-status-span{background:var(--badge-bg, #fef3c7);color:var(--badge-color, #f59e0b);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.approval-rejection-note-div{font-size:.75rem;color:#ef4444;margin-top:2px}.approval-actions-div{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.approval-actions-div-column{display:flex;flex-direction:column;gap:4px;align-items:center}.btn-table-preview{padding:5px 10px;border-radius:6px;border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:.8rem;cursor:pointer}.btn-table-preview:hover{background:#dbeafe}.btn-table-approve{padding:5px 12px;border-radius:6px;border:1.5px solid #10b981;background:transparent;color:#047857;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-table-approve:hover{background:#d1fae5}.btn-table-reject{padding:5px 12px;border-radius:6px;border:1.5px solid #ef4444;background:transparent;color:#dc2626;font-weight:600;font-size:.8rem;cursor:"pointer";white-space:nowrap}.btn-table-reject:hover{background:#fee2e2}.approval-status-text{font-size:.8rem;color:#94a3b8}.pagination-btn-custom{min-width:34px;height:34px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem}.pagination-btn-inactive{border:1px solid #cbd5e1;background:#fff;color:#475569}.pagination-btn-active{border:1px solid #1d4ed8;background:#1d4ed8;color:#fff}.modal-data-table-td-center{text-align:center}.modal-data-table-td-value{text-align:center;font-weight:600}.modal-akhlak-th-penilaian{text-align:center;width:180px}.santri-table th{padding:16px 12px;text-align:left;font-size:13px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.santri-table th:nth-child(1),.santri-table th:nth-child(3),.santri-table th:nth-child(4){text-align:center}.santri-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.santri-table tbody tr:hover{background-color:#f8f9fa}.santri-table td{padding:16px 12px;font-size:16px;color:#2c3e50}.santri-table td:nth-child(1),.santri-table td:nth-child(3),.santri-table td:nth-child(4){text-align:center}.santri-table .text-center{text-align:center}.btn-lihat-raport{padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-lihat-raport:hover{background-color:#229954;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-lihat-raport i{font-size:14px}.empty-state{text-align:center;padding:80px 20px}.empty-state i{font-size:64px;color:#bdc3c7;margin-bottom:20px}.empty-state p{color:#7f8c8d;font-size:16px;margin:0}.santri-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;color:#7f8c8d;background:#f8f9fa;border-bottom:2px solid #e9ecef}@media (max-width: 768px){.card-header{flex-direction:column;align-items:flex-start;gap:15px}.santri-table{font-size:14px}.santri-table th,.santri-table td{padding:12px 10px}}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014}.empty-state p{color:#7f8c8d;font-size:16px}.message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:14px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.filter-grid{grid-template-columns:1fr}.raport-table{font-size:12px}.raport-table th,.raport-table td{padding:8px 6px}.btn-cetak,.btn-delete{padding:4px 8px;font-size:11px}.split-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.right-panel{margin-top:20px;padding:0}.card-header{padding:20px}.search-section{padding:14px 16px}.santri-table{min-width:100%;table-layout:fixed}.santri-table th,.santri-table td{word-break:break-word;white-space:normal}.santri-table th:nth-child(1),.santri-table td:nth-child(1){width:34px}.santri-table th:nth-child(3),.santri-table td:nth-child(3){width:62px}.santri-table th:nth-child(4),.santri-table td:nth-child(4){width:88px}.btn-lihat-raport{padding:6px 8px;font-size:11px;gap:4px}.right-panel .jadwal-content-card{padding:20px 14px;border-radius:12px}.santri-table-scroll,.right-panel .raport-table-scroll{overflow-x:hidden;touch-action:pan-y}.right-panel .nilai-table.view-mode,.right-panel .akhlak-table.view-mode{width:100%;min-width:0;table-layout:fixed;outline:none;box-shadow:none}.right-panel .nilai-table.view-mode th,.right-panel .nilai-table.view-mode td,.right-panel .akhlak-table.view-mode th,.right-panel .akhlak-table.view-mode td{padding:8px 6px;font-size:12px;word-break:break-word;white-space:normal}.right-panel .nilai-table.view-mode th:nth-child(1),.right-panel .nilai-table.view-mode td:nth-child(1){width:34px}.right-panel .nilai-table.view-mode th:nth-child(3),.right-panel .nilai-table.view-mode td:nth-child(3),.right-panel .nilai-table.view-mode th:nth-child(4),.right-panel .nilai-table.view-mode td:nth-child(4){width:74px}.right-panel .akhlak-table.view-mode th:nth-child(1),.right-panel .akhlak-table.view-mode td:nth-child(1){width:32px}.right-panel .akhlak-table.view-mode th:nth-child(3),.right-panel .akhlak-table.view-mode td:nth-child(3){width:56px}}@media (max-width: 480px){.daftar-raport-container,.daftar-raport-container.split-view{padding:12px}.card-header h2{font-size:22px}.badge-count{font-size:12px;padding:6px 14px}.btn-lihat-raport{padding:8px 12px;font-size:12px;gap:6px}}.right-panel .raport-container{width:100%;max-width:none;padding:0;margin:0}.right-panel .jadwal-content-card{width:100%;margin:0}.right-panel .nilai-section,.right-panel .akhlak-section{overflow-x:visible}.right-panel .raport-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x}.right-panel .nilai-table.view-mode,.right-panel .akhlak-table.view-mode{width:100%;max-width:100%;box-sizing:border-box}.right-panel .raport-header-wrapper{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px}.right-panel .raport-page-title{font-size:1.3rem;color:#2c3e50;margin:0}@media screen and (min-width: 769px){.right-panel .nilai-table.view-mode,.right-panel .akhlak-table.view-mode{border:1px solid #6b7280!important;outline:1px solid #6b7280;outline-offset:-1px}.right-panel .nilai-table.view-mode th,.right-panel .nilai-table.view-mode td,.right-panel .akhlak-table.view-mode th,.right-panel .akhlak-table.view-mode td{border-color:#7a7a7a!important}}.jadwal-info-grid.three-columns{grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.right-panel .raport-table-scroll{overflow-x:hidden!important;touch-action:pan-y!important}}@media (max-width: 768px){.jadwal-info-grid.three-columns{grid-template-columns:1fr}}@media print{.sidebar,aside.sidebar,.sidebar.active,.sidebar.collapsed,.sidebar-overlay,.sidebar-overlay.active,.sidebar-header,.sidebar-menu,.sidebar-footer,.mobile-header,.mobile-header-bar,.mobile-menu-toggle,.mobile-header-title,.mobile-header-user,.mobile-header-logo,.mobile-user-name,.mobile-user-role,.dashboard-header,.hamburger-btn,.toggle-btn,.no-print{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;position:absolute!important;left:-99999px!important;top:-99999px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;z-index:-9999!important}aside,nav{display:none!important;visibility:hidden!important;position:absolute!important;left:-99999px!important;z-index:-9999!important}[class*=sidebar],[class*=mobile-],[class*=menu],[class*=nav],[class*=overlay]{display:none!important;visibility:hidden!important;position:absolute!important;left:-99999px!important;z-index:-9999!important}button:not(.print-allowed),.btn:not(.print-allowed),.btn-primary:not(.print-allowed),.btn-secondary:not(.print-allowed){display:none!important;visibility:hidden!important}*{box-sizing:border-box!important}html,body{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;position:relative!important;left:0!important;right:0!important}.dashboard-container{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#fff!important}.content-header button,.actions-container,.filter-controls,.download-pdf-container,.raport-subtitle{display:none!important;visibility:hidden!important}@page{margin:1cm;size:A4}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}body>.dashboard-container>aside,body>.dashboard-container>.sidebar,body>.dashboard-container>nav,#root>.dashboard-container>aside,#root>.dashboard-container>.sidebar,#root>.dashboard-container>nav{display:none!important;position:absolute!important;left:-99999px!important;z-index:-9999!important}body>.dashboard-container>main,body>.dashboard-container>.main-content,#root>.dashboard-container>main,#root>.dashboard-container>.main-content{margin:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}body,#root{margin:0!important;padding:0!important}.input-raport-container{margin:0!important;padding:.4cm!important}.input-raport-container.view-mode{background:#fff!important;margin:0!important;padding:0!important;min-height:auto!important}.form-section{padding:.2cm .4cm!important}.table-scroll-x{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}.table-scroll-x>table,.table-scroll-x .nilai-table,.table-scroll-x .nilai-table.view-mode,.table-scroll-x .akhlak-table,.table-scroll-x .akhlak-table.view-mode,.table-scroll-x .prestasi-santri-view-table,.table-scroll-x .akhlak-santri-view-table{display:table!important;visibility:visible!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important}.print-cover-page,.print-guidance-page{page-break-after:always;margin:0!important;padding:.8cm!important}}.tracking-container{max-width:1400px;margin:0 auto}.tracking-header{margin-bottom:30px}.tracking-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:8px}.tracking-header p{color:#7f8c8d;font-size:14px}.tracking-content{display:grid;grid-template-columns:350px 1fr;gap:25px}.santri-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.santri-panel h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #3498db}.santri-list{display:flex;flex-direction:column;gap:10px}.santri-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:8px;border:2px solid #ecf0f1;cursor:pointer;transition:all .2s ease}.santri-item:hover{border-color:#3498db;background:#f8f9fa}.santri-item.active{border-color:#3498db;background:#e3f2fd}.santri-info{flex:1}.santri-name{font-weight:600;color:#2c3e50;margin-bottom:4px}.santri-detail{font-size:13px;color:#7f8c8d}.santri-jilid-badge{background:#3498db;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.form-panel{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a}.selected-santri-info h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:15px}.santri-detail-card{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:25px}.detail-row{display:flex;padding:8px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:600;color:#7f8c8d;width:150px}.detail-row span{color:#2c3e50;flex:1}.jilid-current{color:#3498db!important;font-weight:600!important}.jilid-form{margin-bottom:30px}.jilid-form .form-group{margin-bottom:20px}.jilid-form label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px}.jilid-form .form-control{width:100%;padding:10px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s ease}.jilid-form .form-control:focus{outline:none;border-color:#3498db}.jilid-form textarea.form-control{resize:vertical;font-family:inherit}.btn-submit{width:100%;padding:12px;font-size:16px;font-weight:600;border-radius:8px}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.tracking-history{border-top:2px solid #ecf0f1;padding-top:25px}.tracking-history h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.history-date{font-weight:600;color:#3498db;min-width:120px;font-size:14px}.history-detail{flex:1}.history-change{font-weight:600;color:#2c3e50;margin-bottom:5px}.history-note{color:#7f8c8d;font-size:13px;margin-bottom:5px;font-style:italic}.history-by{color:#95a5a6;font-size:12px}.empty-state,.empty-selection{text-align:center;padding:40px 20px;color:#95a5a6}.empty-selection i{font-size:48px;color:#bdc3c7;margin-bottom:15px}.empty-selection p{color:#7f8c8d;font-size:14px}@media (max-width: 1024px){.tracking-content{grid-template-columns:1fr}.santri-panel{max-height:400px}}@media (max-width: 768px){.tracking-header h2{font-size:24px}.santri-item{flex-direction:column;align-items:flex-start;gap:10px}.detail-row{flex-direction:column}.detail-row label{width:100%;margin-bottom:4px}}.summary-cards{margin-bottom:30px}.summary-cards h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:15px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #3498db}.card-title{font-weight:600;color:#2c3e50;margin-bottom:15px;font-size:15px}.card-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#3498db}.stat-label{font-size:12px;color:#7f8c8d;margin-top:4px}.filters-section{background:transparent;border-radius:0;padding:0;box-shadow:none;margin-bottom:25px;position:relative;overflow:visible}.filters-section:before{display:none}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e9ecef;position:relative}.filters-header h3{color:#2c3e50;font-size:22px;font-weight:700;display:flex;align-items:center;gap:12px}.filters-header h3 i{color:#3498db;font-size:24px}.filter-actions{display:flex;gap:12px}.btn-reset,.btn-export{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.btn-reset{background:#95a5a6;color:#fff}.btn-reset:hover{background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-export{background:#27ae60;color:#fff}.btn-export:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;position:relative;margin-bottom:30px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:14px;display:flex;align-items:center;gap:8px}.filter-group label i{color:#3498db;font-size:16px}.filter-group .form-control{padding:12px 15px;border:2px solid #e9ecef;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff;color:#2c3e50;font-weight:500}.filter-group .form-control:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 4px #3498db1a}.filter-group .form-control:hover{border-color:#bdc3c7}.data-section{background:transparent;border-radius:0;padding:0;box-shadow:none}.data-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa}.data-table th{padding:12px 15px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6;font-size:14px}.data-table tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s ease}.data-table tbody tr:hover{background:#f8f9fa}.data-table td{padding:12px 15px;color:#495057;font-size:14px}.jilid-change{background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:6px;font-weight:600;font-size:13px;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding-top:20px;border-top:2px solid #e9ecef}.pagination-btn{padding:10px 20px;border:2px solid #e9ecef;background:#fff;color:#2c3e50;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.pagination-btn:hover:not(:disabled){background:#3498db;color:#fff;border-color:#3498db;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:5px}.pagination-number{width:40px;height:40px;border:2px solid #e9ecef;background:#fff;color:#2c3e50;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background:#3498db;color:#fff;border-color:#3498db;transform:translateY(-1px)}.pagination-number.active{background:#3498db;color:#fff;border-color:#3498db;box-shadow:0 4px 8px #3498db4d}@media (max-width: 1024px){.tracking-content{grid-template-columns:300px 1fr;gap:20px}.santri-panel{max-height:calc(100vh - 220px)}}@media (max-width: 768px){.tracking-container{padding:0 10px}.tracking-header h2{font-size:22px}.tracking-header p{font-size:13px}.tracking-content{grid-template-columns:1fr;gap:20px}.santri-panel{max-height:400px;padding:15px}.santri-panel h3{font-size:16px}.santri-item{padding:10px 12px}.santri-name{font-size:.9rem}.santri-detail{font-size:12px}.santri-jilid-badge{padding:3px 10px;font-size:11px}.form-panel{padding:20px}.selected-santri-info h3{font-size:18px}.detail-row{flex-direction:column;gap:4px}.detail-row label{width:100%;font-size:.85rem}.filters-header{flex-direction:column;gap:15px;align-items:stretch}.filter-actions{width:100%}.btn-reset,.btn-export{flex:1;justify-content:center}.filters-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.pagination-numbers{order:-1;width:100%;justify-content:center;margin-bottom:10px}.pagination-btn{flex:1}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.tracking-header h2{font-size:18px}.tracking-header p{font-size:12px}.santri-panel{padding:12px;max-height:350px}.santri-panel h3{font-size:15px}.santri-item{padding:8px 10px;flex-direction:column;align-items:flex-start;gap:8px}.santri-jilid-badge{align-self:flex-start}.form-panel{padding:15px}.selected-santri-info h3{font-size:16px}.santri-detail-card{padding:12px}.detail-row label{font-size:.8rem}.detail-row span{font-size:.85rem}.btn-reset,.btn-export{padding:8px 12px;font-size:13px}.pagination-btn,.pagination-number{width:35px;height:35px;font-size:13px}table{font-size:.9rem}th,td{padding:10px 8px;font-size:.9rem}}.laporan-admin-header-icon{font-size:1.8rem;color:#0a5f0f;margin-right:12px}.laporan-admin-filter-bar{padding:0 32px 20px;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.laporan-admin-search-wrap{flex:1 1 200px;min-width:200px}.laporan-admin-search-label{display:block;margin-bottom:6px;font-size:.9rem;color:#555}.laporan-admin-search-input{width:100%;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;box-sizing:border-box}.laporan-admin-loading{padding:40px 32px;text-align:center;color:#999}.laporan-admin-loading-icon{font-size:1.5rem}.laporan-admin-summary-info{padding:0 32px 16px;font-size:.9rem;color:#666}.laporan-admin-table{font-size:.9rem;width:100%}.laporan-admin-th,.laporan-admin-td{padding:10px 8px}.laporan-admin-left{text-align:left}.laporan-admin-center{text-align:center}.laporan-admin-row{border-bottom:1px solid #f0f0f0}.laporan-admin-count-hadir{color:#1e8449}.laporan-admin-count-izin{color:#d68910}.laporan-admin-count-sakit{color:#2471a3}.laporan-admin-count-alpha{color:#c0392b}.laporan-admin-pct{font-weight:700}.laporan-admin-pct-good{color:#1e8449}.laporan-admin-pct-mid{color:#d68910}.laporan-admin-pct-low{color:#c0392b}.laporan-admin-empty{padding:40px 32px;text-align:center;color:#999}.laporan-admin-empty-icon{font-size:2rem;margin-bottom:12px;display:block}.kehadiran-container{padding:0;background:transparent}.kehadiran-main-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000017;overflow:hidden}.kehadiran-header{background:#fff;padding:28px 32px 24px;border-bottom:2px solid #f0f0f0;margin-bottom:0;box-shadow:none;border-radius:0;position:relative;overflow:hidden}.kehadiran-header-content{position:relative;z-index:2}.kehadiran-header-title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:10px}.kehadiran-header-icon{font-size:2rem;color:#0a5f0f}.kehadiran-header-title{font-size:1.8rem;color:#2c3e50;margin:0;font-weight:700}.kehadiran-header-subtitle{color:#7f8c8d;font-size:1rem;margin:6px 0 0}.kehadiran-view-toggle{display:flex;gap:8px;margin-bottom:0;background:#f8f9fa;padding:14px 32px;border-radius:0;box-shadow:none;border-bottom:1px solid #e9ecef}.view-toggle-btn{flex:0 0 auto;padding:11px 28px;background:#1a73e812;border:2px solid rgba(26,115,232,.2);border-radius:10px;font-size:1rem;font-weight:600;color:#1a73e8;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.view-toggle-btn i{font-size:1.2rem}.view-toggle-btn:hover{background:#1a73e824;transform:translateY(-2px)}.view-toggle-btn.active{background:#1a73e8;color:#fff;border-color:#1a73e8}.kehadiran-kelas-info{display:flex;gap:20px;flex-wrap:wrap;background:transparent;padding:16px 32px;border-radius:0;margin-bottom:0;box-shadow:none;border-bottom:1px solid #f0f0f0}.kelas-info-item{display:flex;align-items:center;gap:10px;color:#2c3e50;font-size:1rem;font-weight:500}.kelas-info-item i{color:#0a5f0f;font-size:1.2rem}.kehadiran-alert{padding:14px 20px;border-radius:8px;margin:0 32px 16px;display:flex;align-items:center;gap:12px;font-weight:500}.kehadiran-alert i{font-size:1.3rem}.kehadiran-alert.error{background:#fee;color:#c33;border-left:4px solid #e74c3c}.kehadiran-alert.success{background:#efe;color:#163;border-left:4px solid #27ae60}.kehadiran-date-selector{display:flex;align-items:center;gap:15px;background:transparent;padding:18px 32px;border-radius:0;margin-bottom:0;box-shadow:none;border-bottom:1px solid #f0f0f0}.kehadiran-date-selector label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c3e50;font-size:1rem}.kehadiran-date-selector label i{color:#0a5f0f;font-size:1.2rem}.kehadiran-date-selector input[type=date]{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#2c3e50;transition:all .3s ease;min-width:200px}.kehadiran-date-selector input[type=date]:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.kehadiran-date-selector select{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#2c3e50;background:#fff;cursor:pointer;transition:all .3s ease}.kehadiran-date-selector select:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.kehadiran-period-selector{display:flex;gap:20px;flex-wrap:wrap;background:transparent;padding:18px 32px;border-radius:0;margin-bottom:0;box-shadow:none;border-bottom:1px solid #f0f0f0}.period-input-group{display:flex;align-items:center;gap:10px;flex:0 0 auto}.period-input-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c3e50;font-size:1rem;white-space:nowrap}.period-input-group label i{color:#0a5f0f;font-size:1.2rem}.period-input-group select{width:150px;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#2c3e50;background:#fff;cursor:pointer;transition:all .3s ease}.kehadiran-chart-card{background:#fff;border:1px solid #e8ecef;border-radius:14px;padding:24px 28px;margin-top:24px;box-shadow:0 2px 8px #0000000d}.kehadiran-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.kehadiran-chart-title-wrap{display:flex;align-items:center;gap:10px}.kehadiran-chart-title-icon{color:#1a73e8;font-size:1.2rem}.kehadiran-chart-title{margin:0;font-size:1.05rem;font-weight:700;color:#2c3e50}.kehadiran-chart-year-select{border:1px solid #dee2e6;border-radius:8px;padding:5px 12px;font-size:.9rem;color:#444;background:#f8f9fa;cursor:pointer}.kehadiran-chart-loading{text-align:center;padding:40px 0;color:#aaa}.kehadiran-chart-loading-icon{font-size:1.5rem}.kehadiran-chart-card .recharts-default-tooltip{border-radius:8px;border:1px solid #e8ecef;font-size:.85rem}.period-input-group select:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.kehadiran-content{background:transparent;padding:24px 32px;border-radius:0;box-shadow:none}.kehadiran-table-wrapper{overflow-x:auto;margin-bottom:20px}.kehadiran-table{width:100%;border-collapse:collapse;font-size:.95rem}.kehadiran-table thead{background:#f8f9fa}.kehadiran-table th{padding:15px 12px;text-align:left;font-weight:600;color:#2c3e50;border:1px solid #dee2e6;white-space:nowrap}.kehadiran-table td{padding:15px 12px;border:1px solid #dee2e6;vertical-align:middle}.kehadiran-table th:nth-child(5),.kehadiran-table td:nth-child(5){min-width:120px}.kehadiran-table tbody tr{transition:background .2s ease}.kehadiran-table tbody tr:hover{background:#f8f9fa}.kehadiran-table .santri-name{font-weight:600;color:#2c3e50}.kehadiran-table th:nth-child(7),.kehadiran-table td:nth-child(7),.kehadiran-table th:nth-child(8),.kehadiran-table td:nth-child(8){min-width:220px}.jilid-badge{display:inline-block;padding:5px 12px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:.85rem;font-weight:600}.status-select{width:100%;min-width:108px;padding:8px 35px 8px 12px;border:2px solid #e0e0e0;border-radius:6px;background-color:#fff;font-size:.9rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;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='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.status-select:hover{border-color:#0a5f0f;background-color:#f8f9fa}.status-select:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.status-select option{padding:10px;font-weight:600}.status-select option[value=hadir]{color:#27ae60}.status-select option[value=izin]{color:#f39c12}.status-select option[value=sakit]{color:#3498db}.status-select option[value=alpha]{color:#e74c3c}.nilai-harian-select{width:100%;padding:8px 35px 8px 12px;border:2px solid #e0e0e0;border-radius:6px;background-color:#fff;font-size:.9rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;-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='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.nilai-harian-select:hover{border-color:#0a5f0f;background-color:#f8f9fa}.nilai-harian-select:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.nilai-harian-select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.nilai-harian-select option{padding:10px;font-weight:600}.keterangan-input{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:.88rem;color:#2c3e50;background:#fff;transition:border-color .2s;min-width:140px}.keterangan-input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.keterangan-input::placeholder{color:#bbb}.nilai-harian-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;transition:all .3s ease;text-align:center}.nilai-harian-input:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.nilai-harian-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.keterangan-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.keterangan-input:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:500;text-align:center;min-width:40px}.status-badge.hadir{background:#27ae601f;color:#1e8449;border:1px solid rgba(39,174,96,.3)}.status-badge.izin{background:#f39c121f;color:#d68910;border:1px solid rgba(243,156,18,.3)}.status-badge.sakit{background:#3498db1f;color:#2471a3;border:1px solid rgba(52,152,219,.3)}.status-badge.alpha{background:#e74c3c1f;color:#c0392b;border:1px solid rgba(231,76,60,.3)}.persentase-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.88rem;font-weight:500}.grade-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.85rem;font-weight:700;color:#fff;margin:2px;text-align:center;min-width:35px}.nilai-harian-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.laporan-summary{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.laporan-summary h3{color:#2c3e50;font-size:1.3rem;margin:0}.kehadiran-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:2px solid #f0f0f0}.btn-save-kehadiran{padding:15px 40px;background:#0a5f0f;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #0a5f0f4d}.btn-save-kehadiran:hover:not(:disabled){background:#0d7713;transform:translateY(-2px);box-shadow:0 6px 20px #0a5f0f66}.btn-save-kehadiran:active:not(:disabled){transform:translateY(0)}.btn-save-kehadiran:disabled{opacity:.6;cursor:not-allowed}.btn-save-kehadiran i{font-size:1.2rem}.kehadiran-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.kehadiran-empty i{font-size:4rem;color:#bdc3c7;margin-bottom:20px}.kehadiran-empty p{font-size:1.1rem;color:#7f8c8d;margin:0}.kehadiran-loading{text-align:center;padding:60px 20px}.kehadiran-loading i{font-size:3rem;color:#0a5f0f;margin-bottom:15px}.kehadiran-loading p{font-size:1.1rem;color:#7f8c8d;margin:0}.kehadiran-block-card{border:1px solid #e4ebf2;border-radius:12px;padding:16px;background:#fbfdff}.kehadiran-block-card h3{margin-top:0;margin-bottom:12px;color:#2c3e50;display:flex;align-items:center;gap:8px}.kehadiran-btn{border:none;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}.kehadiran-btn.primary{background:#0a5f0f;color:#fff}.kehadiran-btn.secondary{background:#1a73e8;color:#fff}.kehadiran-btn.danger{background:#d93025;color:#fff}.kehadiran-btn.save{background:#4d0904;color:#fff;padding:12px 18px}.kehadiran-btn:disabled{opacity:.65;cursor:not-allowed}.kehadiran-btn-translucent-green{background:#27ae6029!important;border:1px solid rgba(39,174,96,.35);color:#126b2f!important}.kehadiran-btn-translucent-green:hover:not(:disabled){background:#27ae603d!important}.kehadiran-btn-translucent-blue{background:#1a73e824!important;border:1px solid rgba(26,115,232,.33);color:#185fbd!important}.kehadiran-btn-translucent-blue:hover:not(:disabled){background:#1a73e838!important}.kehadiran-btn-translucent-red{background:#d9302529!important;border:1px solid rgba(217,48,37,.35);color:#b42318!important}.kehadiran-btn-translucent-red:hover:not(:disabled){background:#d930253d!important}.kamera-preview-wrap{margin:12px 0;border-radius:10px;overflow:hidden;background:#101820;min-height:280px;display:flex;align-items:center;justify-content:center;position:relative}.kamera-preview{width:100%;max-height:420px;min-height:280px;object-fit:cover}.kamera-off-note,.kamera-photo-ready-note{margin-top:12px;font-size:.9rem;font-weight:600}.kamera-off-note{color:#64748b}.kamera-photo-ready-note{color:#0a5f0f}.capture-result{margin-top:12px;width:100%;border-radius:10px;border:1px solid #e0e0e0}.kamera-placeholder{color:#b7c2d0;font-weight:600;font-size:.95rem}.kamera-capture-overlay{position:absolute;bottom:12px;left:50%;transform:translate(-50%);border:none;border-radius:24px;padding:10px 16px;background:#0a5f0feb;color:#fff;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.kamera-capture-overlay:hover{background:#084e0cf2}.lokasi-box{margin-top:12px;background:#f5f9ff;border:1px solid #d8e6ff;border-radius:10px;padding:12px}.lokasi-box p{margin:0 0 6px}.lokasi-box p:last-child{margin-bottom:0}.lokasi-form-field{margin-top:12px}.lokasi-form-label{display:block;margin-bottom:6px;font-weight:600}.riwayat-absensi-title{margin-top:0;margin-bottom:14px}.riwayat-absensi-table-wrap{margin-top:8px}.rekap-ringkasan-title{margin-top:0;margin-bottom:12px}.rekap-search-wrap{padding:12px 32px 0}.rekap-search-row{margin-bottom:8px}.rekap-search-input{width:100%;max-width:380px;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;color:#2c3e50;background:#fff;transition:all .2s ease}.rekap-search-input:focus{outline:none;border-color:#0a5f0f;box-shadow:0 0 0 3px #0a5f0f1a}.rekap-ringkasan-table-wrap{margin-top:10px}.rekap-total-card{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:4px 10px;border-radius:999px;background:#27ae602e;border:1px solid rgba(39,174,96,.32);color:#126b2f;font-weight:700;line-height:1.1}.rekap-table-empty-cell{text-align:center}.rekap-detail-btn{padding:8px 12px;font-size:.85rem}.rekap-detail-content{padding-top:0}.rekap-detail-pengajar-info{padding-left:0;padding-right:0;border-bottom:none}@media (max-width: 1024px){.kehadiran-header{padding:30px 25px}.kehadiran-header-title{font-size:1.7rem}.kehadiran-header-icon{font-size:2rem}}@media (max-width: 768px){.kehadiran-header{padding:25px 20px}.kehadiran-header-title{font-size:1.5rem}.kehadiran-header-subtitle{font-size:1rem;margin-top:6px}.kehadiran-view-toggle{flex-direction:column;gap:10px}.view-toggle-btn{padding:12px 20px}.kehadiran-kelas-info,.kehadiran-date-selector,.kehadiran-period-selector{flex-direction:column;gap:12px}.kehadiran-date-selector input[type=date],.period-input-group{width:100%;min-width:unset}.rekap-search-wrap{padding:12px 20px 0}.rekap-search-input{max-width:100%}.kehadiran-table{font-size:.85rem}.kehadiran-table th,.kehadiran-table td{padding:10px 8px}.status-select,.nilai-harian-select{font-size:.9rem}.grade-badge{font-size:.8rem;padding:2px 6px}.btn-save-kehadiran{width:100%;justify-content:center}.laporan-summary h3{font-size:1.1rem}}@media (max-width: 480px){.kehadiran-header-title{font-size:1.3rem}.kehadiran-header-icon{font-size:1.7rem}.kehadiran-header-subtitle{font-size:.9rem;margin-top:6px}.kehadiran-content{padding:15px}.kehadiran-table-wrapper{width:100%;margin:0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.kehadiran-table-wrapper-santri-full{overflow-x:visible}.rekap-search-wrap{padding:12px 15px 0}.kehadiran-table{width:100%;min-width:100%;table-layout:fixed;font-size:.98rem}.kehadiran-table-santri-full{width:100%;min-width:0;table-layout:fixed}.kehadiran-table-santri-full th,.kehadiran-table-santri-full td{white-space:normal;word-break:break-word}.kehadiran-table-santri-full th:nth-child(1),.kehadiran-table-santri-full td:nth-child(1){width:12%}.kehadiran-table-santri-full th:nth-child(2),.kehadiran-table-santri-full td:nth-child(2){width:38%}.kehadiran-table-santri-full th:nth-child(3),.kehadiran-table-santri-full td:nth-child(3){width:28%}.kehadiran-table-santri-full th:nth-child(4),.kehadiran-table-santri-full td:nth-child(4){width:22%}.kehadiran-table th,.kehadiran-table td{padding:12px 10px;font-size:.98rem}.status-select{font-size:.85rem;padding:6px 30px 6px 8px}.kehadiran-table th:nth-child(5),.kehadiran-table td:nth-child(5){min-width:96px}.nilai-harian-select{font-size:.85rem;padding:6px 30px 6px 8px}.grade-badge{font-size:.75rem;padding:2px 5px;min-width:30px}.btn-save-kehadiran{padding:12px 25px;font-size:1rem}.jilid-badge{font-size:.75rem;padding:4px 8px}.status-badge{font-size:.75rem;padding:3px 8px}.persentase-badge{font-size:.8rem;padding:5px 10px}}.penilaian-harian-header-icon{font-size:1.8rem;color:#0a5f0f;margin-right:12px}.penilaian-harian-alert{margin:0 32px 16px}.penilaian-harian-loading{padding:40px 32px;text-align:center;color:#999}.penilaian-harian-loading-icon{font-size:1.5rem}.penilaian-harian-summary{margin-bottom:0}.penilaian-harian-detail-stack{display:flex;flex-direction:column;gap:4px}.penilaian-harian-detail-row{display:inline-flex;align-items:center;gap:5px}.penilaian-harian-detail-date{border-radius:5px;padding:2px 7px;font-size:.78rem;white-space:nowrap}.penilaian-harian-detail-tag-hadir{background:#27ae601a;color:#1e8449;border:1px solid rgba(39,174,96,.3)}.penilaian-harian-detail-tag-izin{background:#f39c121a;color:#d68910;border:1px solid rgba(243,156,18,.3)}.penilaian-harian-detail-tag-sakit{background:#3498db1a;color:#2471a3;border:1px solid rgba(52,152,219,.3)}.penilaian-harian-detail-tag-alpha{background:#e74c3c1a;color:#c0392b;border:1px solid rgba(231,76,60,.3)}.penilaian-harian-detail-nilai{background:#64646414;color:#555;border:1px solid rgba(100,100,100,.2);border-radius:4px;padding:2px 7px;font-size:.78rem;font-weight:600}.penilaian-harian-detail-empty{color:#ccc;font-size:.75rem}.penilaian-harian-detail-jilid{background:#1a73e814;color:#1a73e8;border:1px solid rgba(26,115,232,.25);border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600;white-space:nowrap}.penilaian-harian-plain-cell{font-size:.85rem;color:#555}.penilaian-harian-empty{padding:40px 32px}.spp-container{margin:-30px auto;padding:20px;min-height:100vh;background:transparent}.spp-header{display:none}.spp-header h2{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:8px}.spp-header p{color:#7f8c8d;font-size:15px}.card-title{color:#2c3e50;font-size:26px;font-weight:700;margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.view-tabs{display:flex;gap:8px;margin-bottom:24px;margin-left:-36px;margin-right:-36px;padding:14px 36px;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0}.tab-button{padding:10px 26px;border:2px solid transparent;background:transparent;color:#7f8c8d;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border-radius:8px;letter-spacing:.3px}.tab-button:hover{background:#e3f2fd;color:#3498db}.tab-button.active{background:#3498db;color:#fff;border-color:#3498db;box-shadow:0 3px 10px #3498db4d}.period-selector{display:flex;gap:20px;background:transparent;padding:0 0 18px;border-radius:0;box-shadow:none;border-bottom:1px solid #e9ecef;margin-bottom:18px}.period-selector .form-group{display:flex;flex-direction:column;gap:8px;flex:1;max-width:200px}.period-selector label{font-weight:600;color:#2c3e50;font-size:15px}.select-input{padding:10px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;color:#2c3e50;background:#fff;cursor:pointer;transition:all .2s ease}.select-input:hover{border-color:#3498db}.select-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.spp-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000017;padding:32px 36px;margin-bottom:0}.pengajar-info{display:flex;gap:30px;background:#f8f9fa;border:1px solid #e9ecef;padding:14px 18px;border-radius:10px;margin-bottom:18px;color:#2c3e50}.info-item{display:flex;flex-direction:column;gap:3px}.info-label{font-size:11px;color:#7f8c8d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;font-weight:700;color:#2c3e50}.message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.info-box{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;margin-bottom:20px;color:#004085;font-size:14px}.info-box i{font-size:18px;color:#06c}.action-buttons{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.btn-save-all{padding:12px 24px;background:#5dade2;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save-all:hover{background:#3498db;transform:translateY(-2px);box-shadow:0 6px 20px #3498db59}.btn-save-all:disabled{opacity:.6;cursor:not-allowed;transform:none}.spp-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.spp-table{width:100%;border-collapse:collapse;min-width:1100px}.spp-table thead{background:#f8f9fa}.spp-table th{padding:16px 14px;text-align:left;font-weight:600;color:#2c3e50;border:1px solid #dee2e6;font-size:15px;white-space:nowrap}.spp-table tbody tr{transition:background .2s ease}.spp-table tbody tr:hover{background:#f8f9fa}.spp-table td{padding:15px 14px;color:#495057;font-size:16px;vertical-align:middle;border:1px solid #dee2e6}.spp-table .nama-santri{font-weight:600;color:#2c3e50;min-width:200px}.spp-table .total-cell{font-weight:700;color:#27ae60;font-size:15px}.input-date,.input-number,.input-text{padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:15px;transition:all .2s ease;width:100%}.input-date{min-width:140px}.input-number{min-width:110px;text-align:right;font-family:Courier New,monospace;font-weight:600}.input-text{min-width:150px}.input-date:focus,.input-number:focus,.input-text:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.input-number::-webkit-outer-spin-button,.input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.btn-save{padding:8px 16px;background:#27ae60;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:13px;white-space:nowrap}.btn-save:hover{background:#229954;transform:translateY(-1px);box-shadow:0 4px 8px #27ae604d}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-update{padding:8px 16px;background:#f39c12;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:13px;white-space:nowrap}.btn-update:hover{background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 8px #f39c124d}.btn-update:disabled{opacity:.6;cursor:not-allowed;transform:none}.badge-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge-filled{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge-empty{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.spp-table tbody tr.row-filled{background:#f8fff9}.spp-table tbody tr.row-filled:hover{background:#e8f8ea}.spp-laporan-section{background:transparent;border-radius:0;padding:0;box-shadow:none}.laporan-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-export{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-export:hover{background:#229954;transform:translateY(-2px);box-shadow:0 6px 20px #27ae604d}.laporan-table-container{overflow-x:auto}.laporan-table{width:100%;border-collapse:collapse;min-width:900px}.laporan-table thead{background:#f8f9fa}.laporan-table th{padding:16px 14px;text-align:left;font-weight:600;color:#2c3e50;border:1px solid #dee2e6;font-size:15px;white-space:nowrap}.laporan-table tbody tr{transition:background .2s ease}.laporan-table tbody tr:hover{background:#f8f9fa}.laporan-table td{padding:15px 14px;color:#495057;font-size:16px;border:1px solid #dee2e6}.laporan-table .amount{text-align:right;font-weight:500;font-family:Courier New,monospace}.laporan-table .amount.total{font-weight:700;color:#27ae60;font-size:15px}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:16px;border-top:1px solid #e9ecef}.page-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){background:#e3f2fd;border-color:#3498db;color:#3498db}.page-btn.active{background:#3498db;border-color:#3498db;color:#fff;font-weight:700;box-shadow:0 2px 8px #3498db4d}.page-btn:disabled{opacity:.4;cursor:not-allowed}.spp-search-wrap{margin:0 0 16px;position:relative}.spp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;font-size:.9rem}.spp-search-input{width:100%;padding:10px 14px 10px 36px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9rem;outline:none;box-sizing:border-box;background:#fafafa}.spp-search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#aaa;font-size:1rem}.spp-tabs-row{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e8ecef}.spp-tab-btn{padding:10px 24px;border:none;cursor:pointer;font-weight:700;font-size:.9rem;background:none;border-bottom:3px solid transparent;color:#888;margin-bottom:-2px}.spp-tab-btn.active.spp-tab-btn-sudah{border-bottom-color:#0d9488;color:#0d9488}.spp-tab-btn.active.spp-tab-btn-belum{border-bottom-color:#ef4444;color:#ef4444}.spp-tab-icon{margin-right:7px}.spp-tab-count{margin-left:8px;background:#e8ecef;color:#888;border-radius:20px;padding:1px 8px;font-size:.78rem}.spp-tab-count.active{background:#0d9488;color:#fff}.spp-tab-count.active.red{background:#ef4444}.spp-laporan-actions-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.spp-laporan-summary-text{font-size:.85rem;color:#888}.spp-empty-cell{text-align:center;padding:28px;color:#aaa}.spp-empty-success-icon{font-size:2rem;color:#10b981;display:block;margin-bottom:10px}.spp-empty-success-text{color:#10b981;font-weight:600}.spp-belum-bayar-summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.spp-belum-bayar-summary-text{font-size:.85rem;color:#ef4444;font-weight:600}.spp-belum-bayar-summary-icon{margin-right:6px}.spp-name-bold{font-weight:600}.spp-badge-unpaid{background:#fee2e2;color:#ef4444;border-radius:8px;padding:3px 10px;font-size:.78rem;font-weight:700}@media (max-width: 1024px){.spp-container{padding:15px}.period-selector{flex-direction:column}.period-selector .form-group{max-width:100%}.pengajar-info{flex-direction:column;gap:15px}.spp-table-container,.laporan-table-container{box-shadow:none;border-radius:0}}@media (max-width: 768px){.spp-container{padding:20px 15px}.spp-header h2{font-size:24px}.view-tabs{gap:5px}.tab-button{padding:10px 16px;font-size:14px}.action-buttons{justify-content:stretch}.btn-save-all,.btn-export{width:100%;justify-content:center}.spp-table th,.spp-table td,.laporan-table th,.laporan-table td{padding:8px;font-size:12px}.input-date,.input-number,.input-text{padding:6px 8px;font-size:12px}.btn-save{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.spp-container{padding:15px 10px}.spp-header h2{font-size:20px}.spp-header p{font-size:13px}.period-selector,.pengajar-info{padding:15px}.info-value,.empty-state p{font-size:14px}.spp-table-container,.laporan-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:0 -10px;padding:0 10px}.spp-table,.laporan-table{min-width:400px}.spp-table th,.spp-table td,.laporan-table th,.laporan-table td{padding:6px 4px;font-size:11px;white-space:nowrap}.tab-button{padding:8px 12px;font-size:12px}}.kartu-spp-container{width:100%}.kartu-spp-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:900px;box-sizing:border-box;margin:0 auto}.message.error{margin:0 0 20px}.tahun-cetak-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #ecf0f1}.tahun-selector-inline{display:flex;align-items:center;gap:10px}.tahun-selector-inline label{font-weight:600;color:#2c3e50;font-size:14px}.btn-print{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-print:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 6px 20px #3498db4d}.kartu-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #2c3e50}.kartu-header-logo{width:80px;height:75px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.kartu-header-logo img{width:100%;height:100%;object-fit:contain}.kartu-header-text{flex:1;text-align:center}.kartu-header-text h1{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 6px;letter-spacing:2px}.kartu-header-text h2{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 6px}.kartu-header-text .address{font-size:13px;color:#555;margin:3px 0;font-weight:500}.santri-info-simple{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #ecf0f1}.santri-info-simple .info-item{display:flex!important;flex-direction:row!important;align-items:baseline!important;margin-bottom:6px;list-style:none!important}.santri-info-simple .info-item:before,.santri-info-simple .info-item::marker{content:none!important;display:none!important}.santri-info-simple .info-item .info-label{display:inline!important;font-size:12px;color:#7f8c8d;text-transform:uppercase;font-weight:600;letter-spacing:.5px;width:70px;min-width:70px;flex-shrink:0}.santri-info-simple .info-item .info-sep{display:inline!important;font-size:12px;font-weight:600;color:#7f8c8d;margin-right:10px;flex-shrink:0}.santri-info-simple .info-item .info-value{display:inline!important;font-size:15px;color:#2c3e50;font-weight:600}.spp-table-card{overflow-x:auto;margin-bottom:20px}.kartu-spp-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.kartu-spp-table thead{background:#b0bec566;color:#000}.kartu-spp-table th{padding:12px 8px;text-align:center;font-weight:600;border:1px solid #7f8c8d;font-size:12px;box-sizing:border-box}.kartu-spp-table th:nth-child(1){width:14%}.kartu-spp-table th:nth-child(2){width:18%}.kartu-spp-table th:nth-child(3){width:17%}.kartu-spp-table th:nth-child(4){width:17%}.kartu-spp-table th:nth-child(5){width:17%}.kartu-spp-table th:nth-child(6){width:17%}.kartu-spp-table tbody tr{border:none}.kartu-spp-table tbody tr.paid{background:#c8e6c966}.kartu-spp-table td{padding:10px 8px;border:1px solid #bdc3c7;text-align:center;color:#2c3e50;box-sizing:border-box}.kartu-spp-table .bulan-col{text-align:left;padding-left:12px;font-weight:600;width:14%;box-sizing:border-box}.kartu-spp-table .tanggal-col{width:18%;font-size:12px;box-sizing:border-box}.kartu-spp-table .amount-col{text-align:right;padding-right:12px;font-family:Courier New,monospace;font-weight:500;width:17%;box-sizing:border-box}.kartu-spp-table td:nth-child(1){width:14%;text-align:left;padding-left:12px;font-weight:600}.kartu-spp-table td:nth-child(2){width:18%}.kartu-spp-table td:nth-child(3){width:17%;text-align:right;padding-right:12px}.kartu-spp-table td:nth-child(4){width:17%;text-align:right;padding-right:12px}.kartu-spp-table td:nth-child(5){width:17%;text-align:right;padding-right:12px}.kartu-spp-table td:nth-child(6){width:17%;text-align:right;padding-right:12px}.catatan{background:#fff3cd;border:1px solid #ffc107;padding:12px 15px;border-radius:6px;font-size:13px;color:#856404;margin-top:20px}.catatan strong{font-weight:700}.loading{text-align:center;padding:40px;color:#7f8c8d;font-size:16px}.empty-state{text-align:center;padding:60px 20px;color:#95a5a6}.empty-state p{font-size:16px;margin:0}@media print{body{background:#fff!important}.no-print{display:none!important}.dashboard-container{display:block!important}.main-content{margin-left:0!important;padding:0!important;overflow:visible!important;width:100%!important;max-width:none!important}.kartu-spp-container{padding:0;max-width:100%;background:#fff;margin:0}.kartu-spp-content{box-shadow:none;padding:10px 0;background:#fff;max-width:none!important;width:100%!important}.kartu-header{border-bottom:3px solid #000;margin-bottom:15px;padding-bottom:10px}.kartu-header-logo{width:60px;height:60px}.kartu-header-text h1{font-size:20px;color:#000;margin:0 0 4px}.kartu-header-text h2{font-size:17px;color:#000;margin:0 0 4px}.kartu-header-text .address{font-size:11px;margin:2px 0}.santri-info-simple{border-bottom:2px solid #000;padding-bottom:10px;margin-bottom:15px;gap:25px;padding-left:10px;padding-right:10px}.info-item .info-label{font-size:11px}.info-item .info-value{font-size:13px}.spp-table-card{margin-bottom:15px;width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;overflow:visible!important;box-sizing:border-box}.kartu-spp-table{page-break-inside:avoid;font-size:11px;width:100%!important;border-collapse:collapse;border:none!important;table-layout:fixed;margin:0}.kartu-spp-table th{background:#fff!important;color:#000!important;border:1px solid #000!important;padding:8px 6px!important;font-size:11px!important;font-weight:700!important;text-align:center;box-sizing:border-box!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.kartu-spp-table th:nth-child(1){width:14%!important}.kartu-spp-table th:nth-child(2){width:18%!important}.kartu-spp-table th:nth-child(3){width:17%!important}.kartu-spp-table th:nth-child(4){width:17%!important}.kartu-spp-table th:nth-child(5){width:17%!important}.kartu-spp-table th:nth-child(6){width:17%!important}.kartu-spp-table td{border:1px solid #000!important;padding:7px 6px!important;font-size:11px!important;color:#000!important;box-sizing:border-box!important}.kartu-spp-table tbody tr{background:#fff!important}.kartu-spp-table tbody tr.paid{background:#c8e6c959!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.kartu-spp-table .bulan-col{text-align:left;padding-left:8px!important;font-weight:600;width:14%!important;box-sizing:border-box}.kartu-spp-table .tanggal-col{width:18%!important;font-size:10px!important;text-align:center;box-sizing:border-box}.kartu-spp-table .amount-col{text-align:right;padding-right:8px!important;font-size:10px!important;width:17%!important;font-family:Courier New,monospace;box-sizing:border-box}.kartu-spp-table td:nth-child(1){width:14%!important;text-align:left!important;padding-left:8px!important;font-weight:600!important}.kartu-spp-table td:nth-child(2){width:18%!important;text-align:center!important}.kartu-spp-table td:nth-child(3){width:17%!important;text-align:right!important;padding-right:8px!important}.kartu-spp-table td:nth-child(4){width:17%!important;text-align:right!important;padding-right:8px!important}.kartu-spp-table td:nth-child(5){width:17%!important;text-align:right!important;padding-right:8px!important}.kartu-spp-table td:nth-child(6){width:17%!important;text-align:right!important;padding-right:8px!important}.catatan{background:#fff3cd!important;border:2px solid #ffc107!important;padding:10px 12px;font-size:11px;margin-top:10px;margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important;color:#856404;-webkit-print-color-adjust:exact;print-color-adjust:exact}.catatan strong{font-weight:700}@page{size:A4 portrait;margin:8mm}html,body{width:100%!important;margin:0!important;padding:0!important}}@media (max-width: 768px){.kartu-spp-container{max-width:100%}.kartu-spp-content{padding:20px;max-width:100%}.kartu-header h1{font-size:22px}.kartu-header h2{font-size:18px}.kartu-header .address{font-size:11px}.santri-info-simple{gap:20px}.info-item .info-label{font-size:11px}.info-item .info-value{font-size:13px}.kartu-spp-table{font-size:11px}.kartu-spp-table th{padding:8px 5px;font-size:10px}.kartu-spp-table td{padding:8px 5px}.kartu-spp-table .bulan-col{width:80px}.kartu-spp-table .tanggal-col{width:70px;font-size:10px}.kartu-spp-table .amount-col{width:60px;font-size:10px}.kartu-spp-table .paraf-col{width:50px}.catatan{font-size:11px}}@media (max-width: 480px){.tahun-cetak-control{flex-direction:column;gap:15px;align-items:stretch}.btn-print{width:100%;justify-content:center}.spp-table-card{overflow-x:scroll}.kartu-spp-table{min-width:600px}}.schedule-widget-card{background:#fff;border:1px solid #e8ecef;border-radius:14px;padding:22px 24px;margin-top:0;box-shadow:0 2px 8px #0000000d}.schedule-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.schedule-widget-title-wrap{display:flex;align-items:center;gap:10px}.schedule-widget-icon{color:#0d9488;font-size:1.1rem}.schedule-widget-title{margin:0;font-size:1rem;font-weight:700;color:#2c3e50}.schedule-widget-badge{font-size:.75rem;color:#aaa;background:#f8f9fa;border:1px solid #e8ecef;border-radius:20px;padding:2px 10px}.schedule-widget-loading{text-align:center;padding:32px 0;color:#aaa}.schedule-widget-loading-icon{font-size:1.4rem}.schedule-widget-empty{text-align:center;padding:30px 0;color:#bbb}.schedule-widget-empty-icon{font-size:2rem;margin-bottom:10px;display:block}.schedule-widget-empty-text{margin:0;font-size:.88rem}.schedule-widget-cards{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.schedule-widget-upcoming-list{margin-top:18px;display:flex;flex-direction:column;gap:10px}.schedule-widget-upcoming-item{display:flex;flex-direction:column;gap:10px;padding:11px 14px;border-radius:10px;background:#fafbfc;border:1px solid #f0f0f0}.schedule-widget-author-row{display:flex;align-items:center;gap:8px}.schedule-widget-avatar{width:26px;height:26px;border-radius:50%;background:#9ca3af;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.6rem;flex-shrink:0}.schedule-widget-author{font-size:.78rem;font-weight:600;color:#444}.schedule-widget-author-tag{font-size:.7rem;color:#bbb;margin-left:auto}.schedule-widget-event-row{display:flex;align-items:flex-start;gap:12px}.schedule-widget-event-main{flex:1;min-width:0}.schedule-widget-event-title{font-weight:700;font-size:.88rem;color:#2c3e50}.schedule-widget-event-desc{font-size:.78rem;color:#888;margin-top:2px}.schedule-widget-meta{font-size:.75rem;color:#aaa;margin-top:4px;display:flex;flex-wrap:wrap;gap:8px}.schedule-widget-place i{margin-right:4px}.schedule-widget-category{font-size:.72rem;font-weight:700;flex-shrink:0;border-radius:8px;padding:2px 8px;white-space:nowrap}.schedule-widget-card-item{border-radius:16px;padding:16px 14px;min-width:108px;max-width:128px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.schedule-widget-card-year{font-size:.68rem;font-weight:600;opacity:.8;letter-spacing:.5px}.schedule-widget-card-month{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.85}.schedule-widget-card-date{font-size:2.6rem;font-weight:900;line-height:1;margin:4px 0}.schedule-widget-card-chip{font-size:.7rem;font-weight:700;border-radius:8px;padding:2px 10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.schedule-category-umum{background:#0d948818;color:#0d9488}.schedule-category-ujian{background:#8b5cf618;color:#8b5cf6}.schedule-category-libur{background:#f59e0b18;color:#f59e0b}.schedule-category-rapat{background:#3b82f618;color:#3b82f6}.schedule-category-kegiatan{background:#10b98118;color:#10b981}.schedule-category-lainnya{background:#6b728018;color:#6b7280}.schedule-category-umum-card{background:#0d9488;color:#fff;box-shadow:0 4px 14px #00000021}.schedule-category-ujian-card{background:#8b5cf6;color:#fff;box-shadow:0 4px 14px #00000021}.schedule-category-libur-card{background:#f59e0b;color:#fff;box-shadow:0 4px 14px #00000021}.schedule-category-rapat-card{background:#3b82f6;color:#fff;box-shadow:0 4px 14px #00000021}.schedule-category-kegiatan-card{background:#10b981;color:#fff;box-shadow:0 4px 14px #00000021}.schedule-category-lainnya-card{background:#6b7280;color:#fff;box-shadow:0 4px 14px #00000021}.schedule-card-past{background:#f0f0f0;color:#aaa;box-shadow:none;opacity:.75}.schedule-card-chip-past{background:#00000014;color:inherit}.schedule-card-chip-future{background:#ffffff38;color:inherit}.manajemen-schedule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;flex-wrap:wrap;gap:12px}.manajemen-schedule-title{color:#2c3e50;font-size:30px;font-weight:700;margin:0 0 4px}.manajemen-schedule-subtitle{margin:6px 0 0;font-size:.9rem;color:#888}.manajemen-schedule-add-btn{background:#0f8224;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem}.manajemen-schedule-table-shell{background:#fff;border-radius:12px;border:2px solid #d1d5db;overflow:hidden;box-shadow:0 4px 16px #00000014}.manajemen-schedule-table-scroll{overflow-x:auto}.manajemen-schedule-table{width:100%;border-collapse:collapse;font-size:.9rem}.manajemen-schedule-thead-row{background:#e8f5f3;border-bottom:2px solid #0d9488}.manajemen-schedule-th{padding:14px 16px;text-align:left;font-weight:700;color:#2c3e50;white-space:nowrap;border-right:1px solid #cce8e5}.manajemen-schedule-th-no{text-align:center;color:#0d9488;width:48px}.manajemen-schedule-th-actions{text-align:center;border-right:none}.manajemen-schedule-row{border-bottom:1px solid #d1d5db}.manajemen-schedule-row-past{background:#f9f9f9}.manajemen-schedule-row-future-even{background:#fff}.manajemen-schedule-row-future-odd{background:#f7fdfc}.manajemen-schedule-td{padding:12px 16px;color:#555;border-right:1px solid #e2e8f0}.manajemen-schedule-td-no{text-align:center;color:#888;font-weight:700;font-size:.9rem}.manajemen-schedule-td-title{color:#2c3e50;font-weight:600}.manajemen-schedule-td-title-past{color:#aaa}.manajemen-schedule-td-date{color:#555;white-space:nowrap}.manajemen-schedule-td-date-past{color:#bbb}.manajemen-schedule-date-badge{margin-left:6px;font-size:.7rem;background:#e8ecef;border-radius:6px;padding:1px 6px;color:#999}.manajemen-schedule-td-place{color:#777}.manajemen-schedule-td-category{border-right:1px solid #e2e8f0}.manajemen-schedule-chip{border-radius:8px;padding:3px 10px;font-size:.8rem;font-weight:700}.manajemen-schedule-td-desc{color:#888;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #e2e8f0}.manajemen-schedule-td-actions{padding:12px 16px;text-align:center;white-space:nowrap;border-right:none}.manajemen-schedule-action-edit,.manajemen-schedule-action-delete{color:#fff;border:none;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:.82rem}.manajemen-schedule-action-edit{background:#3b82f6;margin-right:6px}.manajemen-schedule-action-delete{background:#ef4444}.manajemen-schedule-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.manajemen-schedule-modal-card{background:#fff;border-radius:16px;padding:28px;width:100%;box-shadow:0 20px 60px #0003}.manajemen-schedule-modal-small{max-width:480px}.manajemen-schedule-modal-wide{max-width:340px;text-align:center}.manajemen-schedule-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.manajemen-schedule-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#2c3e50}.manajemen-schedule-modal-title i{color:#0d9488;margin-right:8px}.manajemen-schedule-modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#aaa;line-height:1}.manajemen-schedule-modal-body{display:flex;flex-direction:column;gap:14px}.manajemen-schedule-form-label{display:block;font-size:.82rem;font-weight:600;color:#555;margin-bottom:6px}.manajemen-schedule-form-input{width:100%;padding:9px 12px;border:1.5px solid #e8ecef;border-radius:8px;font-size:.9rem;box-sizing:border-box;outline:none;background:#fff}.manajemen-schedule-form-textarea{resize:vertical}.manajemen-schedule-modal-actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.manajemen-schedule-btn-secondary,.manajemen-schedule-btn-primary{padding:9px 20px;border-radius:8px;cursor:pointer;font-weight:600;border:none}.manajemen-schedule-btn-secondary{border:1.5px solid #e8ecef;background:#fff;color:#555}.manajemen-schedule-btn-primary{background:#0d9488;color:#fff}.manajemen-schedule-btn-primary:disabled,.manajemen-schedule-btn-danger:disabled{opacity:.7;cursor:not-allowed}.manajemen-schedule-confirm-icon{font-size:2.5rem;color:#f59e0b;margin-bottom:14px;display:block}.manajemen-schedule-confirm-title{margin:0 0 8px;color:#2c3e50;font-size:1.05rem}.manajemen-schedule-confirm-text{color:#888;font-size:.88rem;margin:0 0 24px}.manajemen-schedule-confirm-actions{display:flex;gap:10px;justify-content:center}.manajemen-schedule-btn-danger{padding:9px 22px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.manajemen-schedule-btn-neutral{padding:9px 22px;border:1.5px solid #e8ecef;border-radius:8px;background:#fff;color:#555;cursor:pointer;font-weight:600}.manajemen-schedule-spinner{font-size:1.6rem}.manajemen-schedule-empty-icon{font-size:2.5rem;display:block;margin-bottom:12px}.manajemen-schedule-empty-text{margin:0;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2c3e50;--secondary-color: #3498db;--accent-color: #1abc9c;--danger-color: #e74c3c;--warning-color: #f39c12;--success-color: #27ae60;--light-bg: #f5f6fa;--dark-text: #2c3e50;--light-text: #7f8c8d;--white: #ffffff;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .15)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--dark-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:var(--white)}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}@media print{.sidebar,aside.sidebar,.sidebar-overlay,nav,.navigation,.menu,.nav-bar,.navbar{display:none!important;visibility:hidden!important}html,body{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;width:100%!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}body>*{margin-left:0!important;margin-right:0!important}}