:root{--kh-accent:#0038a8;--kh-glow:#0038a81f;--kh-radius:20px;--kh-radius-sm:14px;--kh-radius-xs:10px;--kh-total-bg:linear-gradient(135deg,#0b1b3a 0%,#1e3a8a 100%);--kh-izin-bg:linear-gradient(135deg,#064e3b 0%,#059669 100%);--kh-sakit-bg:linear-gradient(135deg,#7f1d1d 0%,#dc2626 100%);--kh-glass-bg:#ffffffb8;--kh-glass-border:#ffffff80;--kh-glass-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;--kh-text-primary:#0f172a;--kh-text-secondary:#64748b;--kh-text-muted:#94a3b8;--kh-text-white:#fff;--kh-amber:#f59e0b;--kh-emerald:#10b981;--kh-rose:#f43f5e;--kh-sky:#0ea5e9;--kh-modal-add:linear-gradient(135deg,#0038a8 0%,#6d28d9 100%);--kh-modal-edit:linear-gradient(135deg,#7c3aed 0%,#db2777 100%);--kh-modal-delete:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);--kh-modal-print:linear-gradient(135deg,#059669 0%,#0ea5e9 100%);--kh-tb-th:#f8fafc;--kh-tb-border:#e2e8f0;--kh-tb-hover:#f1f5f9;--kh-tb-stripe:#fafbfc}.dark{--kh-glass-bg:#1e293bb8;--kh-glass-border:#ffffff14;--kh-glass-shadow:0 8px 32px #0000003d,0 2px 8px #0000001f;--kh-text-primary:#f1f5f9;--kh-text-secondary:#94a3b8;--kh-text-muted:#64748b;--kh-tb-th:#1e293b;--kh-tb-border:#ffffff12;--kh-tb-hover:#ffffff0a;--kh-tb-stripe:#ffffff05}.kh-wrap{background:var(--n-bg);gap:var(--page-gap);background-image:radial-gradient(circle,#0038a80d 1px,#0000 1px);background-size:24px 24px;flex-direction:column;min-height:100vh;padding:.5rem .6rem 1.5rem;display:flex}@media (min-width:768px){.kh-wrap{padding:.6rem 1.5rem 2rem}}@media (max-width:767px){.kh-wrap{padding:.5rem .25rem 1.5rem;overflow-x:hidden}.kh-container{max-width:100%}.kh-card-list{padding:.5rem .15rem}}.kh-container{gap:var(--page-gap);flex-direction:column;max-width:1180px;margin:0 auto;display:flex}.kh-header{border-radius:var(--kh-radius);color:#fff;background:linear-gradient(135deg,#0038a8 0%,#6d28d9 60%,#db2777 100%);justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:.75rem;padding:1.5rem 1.75rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px -10px #6b21a84d,0 6px 18px -6px #db277733}.kh-header-logo{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.kh-header-logo-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.6rem;display:flex;box-shadow:0 8px 24px #00000026,inset 0 1px #fff3}.kh-header-badge{letter-spacing:.1em;color:#ffffffb3;text-transform:uppercase;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:.15rem .55rem;font-size:.58rem;font-weight:800}@media (max-width:640px){.kh-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 1rem .85rem}.kh-header-logo{flex-direction:row;gap:.75rem}.kh-header-logo-icon{width:48px;height:48px;font-size:1.3rem}.kh-title{font-size:1.4rem}}.kh-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 65%);width:220px;height:220px;position:absolute;top:-60px;right:-60px}.kh-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 65%);width:160px;height:160px;position:absolute;bottom:-40px;left:30%}.kh-header-content{z-index:1;flex:1;position:relative}.kh-title{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 8px #00000026;margin:0;font-size:1.75rem;font-weight:800;line-height:1.1}.kh-sub{color:#fffc;letter-spacing:.01em;margin-top:6px;font-size:.9rem;font-weight:400}@media (min-width:768px){.kh-kpis{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem;display:grid}}@media (max-width:767px){.kh-kpis{flex-direction:column;gap:.6rem;margin-bottom:.75rem;display:flex}.kh-kpi{background:var(--n-card);border-radius:var(--kh-radius-sm);border:1px solid var(--kh-tb-border);align-items:center;gap:.85rem;padding:.85rem 1rem;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.kh-kpi:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.kh-kpi-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex;box-shadow:0 3px 8px #00000026}.kh-kpi-icon--total{background:var(--kh-total-bg)}.kh-kpi-icon--izin{background:var(--kh-izin-bg)}.kh-kpi-icon--sakit{background:var(--kh-sakit-bg)}.kh-kpi-value{font-size:1.4rem}.kh-kpi-label,.kh-kpi-sub{font-size:.7rem}}.kh-kpi{background:var(--n-card);border-radius:var(--kh-radius);border:1px solid var(--kh-tb-border);align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.kh-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.kh-kpi-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;display:flex;box-shadow:0 4px 12px #00000026}.kh-kpi-icon--total{background:var(--kh-total-bg)}.kh-kpi-icon--izin{background:var(--kh-izin-bg)}.kh-kpi-icon--sakit{background:var(--kh-sakit-bg)}.kh-kpi-body{flex:1;min-width:0}.kh-kpi-label{color:var(--kh-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.kh-kpi-value{color:var(--kh-text-primary);letter-spacing:-.03em;font-size:1.8rem;font-weight:800;line-height:1.1}.kh-kpi-sub{color:var(--kh-text-secondary);margin-top:2px;font-size:.75rem}.kh-kpi-sub span{color:var(--kh-text-primary);font-weight:700}.kh-action-bar{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-bottom:.75rem;display:flex}@media (max-width:767px){.kh-action-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:center;width:calc(100% + .5rem);margin-left:-.25rem;margin-right:-.25rem;padding-bottom:4px;padding-left:.25rem;padding-right:.25rem;overflow-x:auto}.kh-action-bar::-webkit-scrollbar{display:none}.btn-kh-info,.btn-kh-excel,.btn-kh-navy{flex-shrink:0;padding:.55rem .8rem;font-size:.78rem}}@media (max-width:480px){.btn-kh-info,.btn-kh-excel,.btn-kh-navy{gap:.35rem;padding:.5rem .65rem;font-size:.75rem}.btn-kh-info i,.btn-kh-excel i,.btn-kh-navy i{font-size:.85rem}.btn-kh-info span,.btn-kh-excel span,.btn-kh-navy span{display:none}}@media (max-width:360px){.btn-kh-info,.btn-kh-excel,.btn-kh-navy{gap:.25rem;padding:.45rem .5rem;font-size:.7rem}}.btn-kh-info,.btn-kh-excel,.btn-kh-navy{border-radius:var(--kh-radius-xs);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-kh-info{color:#fff;background:#25d366;box-shadow:0 4px 12px #25d36640}.btn-kh-info:hover{background:#1ebe57;transform:translateY(-1px);box-shadow:0 6px 16px #25d3664d}.btn-kh-excel{color:#fff;background:#1d6f42;box-shadow:0 4px 12px #1d6f4240}.btn-kh-excel:hover{background:#155a36;transform:translateY(-1px);box-shadow:0 6px 16px #1d6f424d}.btn-kh-navy{background:var(--kh-accent);color:#fff;box-shadow:0 4px 12px #0038a840}.btn-kh-navy:hover{background:#002d7a;transform:translateY(-1px);box-shadow:0 6px 16px #0038a84d}.kh-filter-card{background:var(--n-card);border-radius:var(--kh-radius);border:1px solid var(--kh-tb-border);margin-bottom:.75rem;padding:1rem 1.25rem;box-shadow:0 2px 8px #0000000a}.kh-filters-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;align-items:end;gap:.75rem;display:grid}@media (max-width:768px){.kh-filters-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.kh-filters-grid{grid-template-columns:1fr}}.kh-filter-label{color:var(--kh-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.kh-pill-input,.kh-pill-select{border-radius:var(--kh-radius-xs);border:1.5px solid var(--kh-tb-border);background:var(--kh-tb-stripe);width:100%;color:var(--kh-text-primary);appearance:none;padding:.55rem .9rem;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.kh-pill-input:focus,.kh-pill-select:focus{border-color:var(--kh-accent);box-shadow:0 0 0 3px var(--kh-glow);outline:none}.kh-table-wrap{background:var(--n-card);border-radius:var(--kh-radius);border:1px solid var(--kh-tb-border);overflow:hidden;box-shadow:0 2px 8px #0000000a}.kh-table-inner{-webkit-overflow-scrolling:touch;overflow-x:auto}.kh-table{border-collapse:collapse;width:100%;font-size:.875rem}.kh-table thead{background:var(--kh-tb-th)}.kh-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--kh-text-secondary);border-bottom:2px solid var(--kh-tb-border);white-space:nowrap;padding:.75rem 1rem;font-size:.72rem;font-weight:700}.kh-table tbody tr{border-bottom:1px solid var(--kh-tb-border);transition:background .15s}.kh-table tbody tr:last-child{border-bottom:none}.kh-table tbody tr:hover{background:var(--kh-tb-hover)}.kh-table td{vertical-align:middle;padding:.8rem 1rem}.kh-footer{color:var(--kh-text-secondary);border-top:1px solid var(--kh-tb-border);background:var(--kh-tb-th);padding:.7rem 1.25rem;font-size:.8rem}.pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.pill-izin{color:#065f46;background:#0596691a;border:1px solid #05966933}.pill-sakit{color:#991b1b;background:#dc26261a;border:1px solid #dc262633}.pill-madrasah{color:#1e40af;background:#3b82f61a;border:1px solid #3b82f633}.pill-personal{color:#92400e;background:#f59e0b1a;border:1px solid #f59e0b33}.pill-ringan{color:#15803d;background:#22c55e1a;border:1px solid #22c55e33}.pill-sedang{color:#9a3412;background:#f973161a;border:1px solid #f9731633}.pill-berat{color:#991b1b;background:#dc26261a;border:1px solid #dc262633}.pill-kontrol{color:#5b21b6;background:#8b5cf61a;border:1px solid #8b5cf633}.pill-overlap{color:#92400e;background:#f59e0b26;border:1px solid #f59e0b4d}.dark .pill-izin{color:#6ee7b7;background:#05966926}.dark .pill-sakit{color:#fca5a5;background:#dc262626}.dark .pill-madrasah{color:#93c5fd;background:#3b82f626}.dark .pill-personal{color:#fcd34d;background:#f59e0b26}.dark .pill-ringan{color:#86efac;background:#22c55e26}.dark .pill-sedang{color:#fdba74;background:#f9731626}.dark .pill-berat{color:#fca5a5;background:#dc262626}.dark .pill-kontrol{color:#c4b5fd;background:#8b5cf626}.dark .pill-overlap{color:#fcd34d;background:#f59e0b33}.kh-cell-stack{flex-direction:column;gap:2px;display:flex}.kh-cell-main{color:var(--kh-text-primary);font-size:.875rem;font-weight:600}.kh-cell-sub{color:var(--kh-text-secondary);font-size:.78rem}.kh-cell-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.btn-icon-soft{border:1px solid var(--kh-tb-border);width:32px;height:32px;color:var(--kh-text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;transition:all .2s;display:inline-flex}.btn-icon-soft:hover{background:var(--kh-tb-hover);color:var(--kh-text-primary);border-color:var(--kh-accent);transform:translateY(-1px)}.btn-icon-delete{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc262633;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:all .2s;display:inline-flex}.btn-icon-delete:hover{background:#dc262614;border-color:#dc2626;transform:translateY(-1px)}.kh-empty{text-align:center;padding:3rem 1rem}.kh-empty-icon{color:var(--kh-text-muted);margin-bottom:.75rem;font-size:3rem;display:block}.kh-empty-title{color:var(--kh-text-primary);margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.kh-empty-text{color:var(--kh-text-secondary);font-size:.875rem}.kh-loading-row td{padding:.8rem 1rem}.kh-skeleton{background:linear-gradient(90deg,var(--kh-tb-border)25%,var(--kh-tb-hover)50%,var(--kh-tb-border)75%);background-size:200% 100%;border-radius:7px;height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kh-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;animation:.2s backdropFade;display:flex;position:fixed;inset:0;overflow-y:auto}.kh-modal{z-index:100;background:var(--n-card);border:1px solid var(--kh-tb-border);border-radius:var(--kh-radius);flex-direction:column;flex-shrink:0;width:100%;max-height:88vh;animation:.28s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000002e,0 6px 18px #00000014}.kh-modal-inner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.kh-modal-panel{z-index:1;background:var(--n-card);border-radius:var(--kh-radius);border:1px solid var(--kh-tb-border);flex-direction:column;width:100%;max-height:88vh;animation:.28s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000002e,0 6px 18px #00000014}.kh-modal-sm{max-width:440px}.kh-modal-md{max-width:560px}.kh-modal-lg{max-width:680px}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.kh-modal__header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.kh-modal__header--add{background:var(--kh-modal-add)}.kh-modal__header--edit{background:var(--kh-modal-edit)}.kh-modal__header--delete{background:var(--kh-modal-delete)}.kh-modal__header--print{background:var(--kh-modal-print)}.kh-modal__header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 65%);width:120px;height:120px;position:absolute;top:-30px;right:-30px}.kh-modal__header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff12 0%,#0000 65%);width:80px;height:80px;position:absolute;bottom:-20px;left:40%}.kh-modal__header-content{z-index:1;position:relative}.kh-modal__title{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 4px #00000026;align-items:center;gap:.6rem;margin:0;font-size:1.15rem;font-weight:800;display:flex}.kh-modal__title i{opacity:.9;font-size:1rem}.kh-modal__sub{color:#ffffffc7;margin:5px 0 0;font-size:.82rem;font-weight:400;line-height:1.4}.kh-modal__x{color:#fff;cursor:pointer;z-index:2;background:#ffffff26;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:all .2s;display:flex;position:relative}.kh-modal__x:hover{background:#ffffff47;transform:scale(1.05)}.kh-modal__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:1.1rem 1.25rem;overflow:hidden auto}@media (max-width:640px){.kh-modal__body{padding:.9rem 1rem}}.kh-modal__footer{border-top:1px solid var(--kh-tb-border);background:var(--kh-tb-th);flex-shrink:0;justify-content:flex-end;gap:.6rem;padding:.8rem 1.25rem;display:flex}.kh-form{flex-direction:column;gap:.85rem;display:flex}.kh-field{flex-direction:column;gap:.4rem;display:flex}.kh-label{color:var(--kh-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.kh-label--tiny{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.kh-hint{color:var(--kh-text-muted);margin-top:2px;font-size:.75rem;line-height:1.5}.kh-control{position:relative}.kh-input,.kh-textarea{border-radius:var(--kh-radius-xs);border:1.5px solid var(--kh-tb-border);background:var(--n-card);width:100%;color:var(--kh-text-primary);padding:.65rem .9rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.kh-input:focus,.kh-textarea:focus{border-color:var(--kh-accent);box-shadow:0 0 0 3px var(--kh-glow);outline:none}.kh-input:disabled{background:var(--kh-tb-stripe);opacity:.7;cursor:not-allowed}.kh-textarea{resize:vertical;min-height:80px}.kh-icon-right{color:var(--kh-text-muted);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.kh-grid-2{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}@media (max-width:480px){.kh-grid-2{grid-template-columns:1fr}}.kh-seg{background:var(--kh-tb-stripe);border:1.5px solid var(--kh-tb-border);border-radius:var(--kh-radius-xs);gap:2px;padding:3px;display:flex}.kh-seg__btn{color:var(--kh-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.kh-seg__btn:hover:not(.is-active){color:var(--kh-text-primary);background:#0000000a}.kh-seg__btn.is-active{background:var(--n-card);color:var(--kh-accent);border:1px solid var(--kh-tb-border);font-weight:700;box-shadow:0 2px 6px #00000014}.dark .kh-seg__btn:hover:not(.is-active){background:#ffffff0f}.kh-btn{border-radius:var(--kh-radius-xs);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.kh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.kh-btn--primary{background:var(--kh-accent);color:#fff;box-shadow:0 4px 14px #0038a840}.kh-btn--primary:hover:not(:disabled){background:#002d7a;transform:translateY(-1px);box-shadow:0 6px 20px #0038a859}.kh-btn--ghost{color:var(--kh-text-secondary);border:1.5px solid var(--kh-tb-border);background:0 0}.kh-btn--ghost:hover:not(:disabled){background:var(--kh-tb-hover);color:var(--kh-text-primary);transform:translateY(-1px)}.kh-btn--danger{color:#fff;background:#dc2626;box-shadow:0 4px 14px #dc262640}.kh-btn--danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 6px 20px #dc262659}.kh-btn--success{color:#fff;background:#059669;box-shadow:0 4px 14px #05966940}.kh-btn--success:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 6px 20px #05966959}.kh-badge{border-radius:var(--kh-radius-sm);border:1px solid;align-items:center;gap:.75rem;margin-bottom:1.1rem;padding:.75rem 1rem;display:flex}.kh-badge--izin{color:#065f46;background:#05966912;border-color:#05966933}.kh-badge--sakit{color:#991b1b;background:#dc262612;border-color:#dc262633}.kh-badge__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.kh-badge--izin .kh-badge__icon{color:#059669;background:#05966926}.kh-badge--sakit .kh-badge__icon{color:#dc2626;background:#dc262626}.kh-badge__label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.68rem;font-weight:700}.kh-badge__value{letter-spacing:-.01em;font-size:1rem;font-weight:800}.kh-alert{border-radius:var(--kh-radius-sm);border:1px solid;align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;display:flex}.kh-alert--warning{color:#92400e;background:#f59e0b12;border-color:#f59e0b33}.kh-alert--danger{color:#991b1b;background:#dc262612;border-color:#dc262633}.kh-alert--info{color:#1e40af;background:#3b82f612;border-color:#3b82f633}.kh-alert--success{color:#065f46;background:#05966912;border-color:#05966933}.kh-alert__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;display:flex}.kh-alert--warning .kh-alert__icon{background:#f59e0b26}.kh-alert--danger .kh-alert__icon{background:#dc262626}.kh-alert--info .kh-alert__icon{background:#3b82f626}.kh-alert--success .kh-alert__icon{background:#05966926}.kh-alert__title{font-size:.82rem;font-weight:700;line-height:1.4}.kh-alert__body{opacity:.85;margin-top:2px;font-size:.78rem;line-height:1.5}.kh-type-cards{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.kh-type-card{border:2px solid var(--kh-tb-border);border-radius:var(--kh-radius-sm);cursor:pointer;background:var(--n-card);text-align:center;padding:.9rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.kh-type-card:before{content:"";opacity:0;border-radius:inherit;transition:opacity .2s;position:absolute;inset:0}.kh-type-card--izin:before{background:linear-gradient(135deg,#05966914 0%,#05966908 100%)}.kh-type-card--sakit:before{background:linear-gradient(135deg,#dc262614 0%,#dc262608 100%)}.kh-type-card:hover{border-color:var(--kh-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.kh-type-card:hover:before{opacity:1}.kh-type-card.is-selected{border-color:var(--kh-accent);box-shadow:0 0 0 3px var(--kh-glow),0 6px 20px #0000001a}.kh-type-card.is-selected:before{opacity:1}.kh-type-card__icon{z-index:1;margin-bottom:.4rem;font-size:1.6rem;display:block;position:relative}.kh-type-card__label{color:var(--kh-text-primary);z-index:1;font-size:.78rem;font-weight:700;display:block;position:relative}.kh-type-card__sub{color:var(--kh-text-muted);z-index:1;margin-top:2px;font-size:.68rem;position:relative}.kh-radio-cards{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.kh-radio-card{border:2px solid var(--kh-tb-border);border-radius:var(--kh-radius-sm);cursor:pointer;background:var(--n-card);align-items:center;gap:.75rem;padding:.85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.kh-radio-card:after{content:"";border:2px solid var(--kh-tb-border);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.kh-radio-card.is-selected:after{border-color:var(--kh-accent);background:var(--kh-accent);box-shadow:inset 0 0 0 3px #fff}.kh-radio-card:hover{border-color:var(--kh-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.kh-radio-card.is-selected{border-color:var(--kh-accent);box-shadow:0 0 0 2px var(--kh-glow);background:#0038a808}.kh-radio-card__icon{flex-shrink:0;font-size:1.3rem}.kh-radio-card__label{color:var(--kh-text-primary);z-index:1;font-size:.8rem;font-weight:700;display:block;position:relative}.kh-radio-card__sub{color:var(--kh-text-muted);z-index:1;font-size:.68rem;position:relative}.kh-jam-range{background:var(--kh-tb-stripe);border:1.5px solid var(--kh-tb-border);border-radius:var(--kh-radius-xs);align-items:center;gap:.75rem;padding:.9rem;animation:.2s fadeSlideDown;display:flex}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.kh-jam-range select{border:1.5px solid var(--kh-tb-border);background:var(--n-card);color:var(--kh-text-primary);appearance:none;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.kh-jam-range select:focus{border-color:var(--kh-accent);box-shadow:0 0 0 3px var(--kh-glow);outline:none}.kh-jam-range__sep{color:var(--kh-text-muted);flex-shrink:0;font-size:1.1rem;font-weight:700}.kh-jam-range__label{color:var(--kh-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:.72rem;font-weight:700}.kh-print-cards{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.4rem;display:grid}.kh-print-card{border:2px solid var(--kh-tb-border);border-radius:var(--kh-radius-sm);cursor:pointer;background:var(--n-card);text-align:center;padding:1rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.kh-print-card:hover{border-color:var(--kh-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.kh-print-card.is-selected{border-color:var(--kh-accent);box-shadow:0 0 0 2px var(--kh-glow),0 6px 20px #00000014;background:#0038a808}.kh-print-card__icon{margin-bottom:.5rem;font-size:1.8rem;display:block}.kh-print-card__label{color:var(--kh-text-primary);font-size:.8rem;font-weight:700;display:block}.kh-print-card__sub{color:var(--kh-text-muted);margin-top:2px;font-size:.68rem}.kh-student-chips{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.kh-chip{color:#1e40af;background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.dark .kh-chip{color:#93c5fd;background:#3b82f61f;border-color:#3b82f640}.kh-chip-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;font-size:.7rem;transition:opacity .15s;display:flex}.kh-chip-remove:hover{opacity:1}.kh-upload__box{border:2px dashed var(--kh-tb-border);border-radius:var(--kh-radius-sm);text-align:center;cursor:pointer;background:var(--kh-tb-stripe);padding:1.25rem;transition:all .2s;display:block}.kh-upload__box:hover{border-color:var(--kh-accent);background:#0038a808}.kh-upload__box.is-uploading,.kh-upload__box.is-success{border-style:solid;border-color:var(--kh-accent);background:#0038a80a}.kh-upload__placeholder i{color:var(--kh-text-muted);margin-bottom:.5rem;font-size:2rem;display:block}.kh-upload__text-main{color:var(--kh-text-primary);font-size:.85rem;font-weight:600;display:block}.kh-upload__text-sub{color:var(--kh-text-muted);margin-top:2px;font-size:.75rem;display:block}.kh-upload__success{align-items:center;gap:.75rem;display:flex}.kh-upload__success>i{color:#059669;flex-shrink:0;font-size:1.4rem}.kh-upload__success-info{text-align:left;flex:1}.kh-upload__success-label{color:#059669;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700;display:block}.kh-upload__success-name{color:var(--kh-text-primary);word-break:break-all;margin-top:2px;font-size:.82rem;font-weight:500;display:block}.kh-upload__remove-btn{cursor:pointer;color:var(--kh-text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .15s;display:flex}.kh-upload__remove-btn:hover{color:#dc2626;background:#dc26261a}.kh-upload__progress{text-align:left}.kh-progress-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.kh-progress-header i{color:var(--kh-accent);font-size:1.1rem}.kh-progress-name{color:var(--kh-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;font-weight:600;overflow:hidden}.kh-progress-bar-bg{background:var(--kh-tb-border);border-radius:999px;height:6px;overflow:hidden}.kh-progress-bar-fill{background:linear-gradient(90deg,var(--kh-accent),#6d28d9);border-radius:999px;height:100%;transition:width .3s}.kh-progress-percent{color:var(--kh-accent);text-align:right;margin-top:4px;font-size:.72rem;font-weight:700}.kh-spin{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.kh-swal-popup{border-radius:var(--kh-radius)!important}.kh-swal-title{letter-spacing:-.01em!important;font-weight:800!important}.kh-swal-preview{border-radius:var(--kh-radius-sm);color:#e2e8f0;text-align:left;white-space:pre-wrap;background:#0f172a;max-height:300px;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;overflow-y:auto}.kh-swal-line{line-height:1.6}.kh-swal-heading{color:#60a5fa;margin-top:4px;font-weight:700}.kh-swal-meta{color:#94a3b8}.kh-swal-sub{color:#cbd5e1}.kh-swal-footer{color:#10b981;margin-top:8px;font-weight:700}.kh-swal-btn-primary{background:var(--kh-accent)!important}.kh-swal-btn-ghost{border:1.5px solid var(--kh-tb-border)!important;color:var(--kh-text-secondary)!important;background:0 0!important}.kh-swal-btn-wa{background:#25d366!important}.kh-swal-btn-green{background:#059669!important}.kh-swal-btn-red{background:#dc2626!important}@media (max-width:640px){.kh-kpis{grid-template-columns:1fr 1fr}.kh-kpi{padding:.85rem}.kh-kpi-icon{width:44px;height:44px;font-size:1.1rem}.kh-kpi-value{font-size:1.5rem}.kh-modal-panel,.kh-modal{border-radius:var(--kh-radius-sm);max-height:94vh}.kh-type-cards,.kh-print-cards{grid-template-columns:1fr 1fr}.kh-radio-cards{grid-template-columns:1fr}.kh-jam-range{flex-wrap:wrap}}.kh-modal button:focus-visible,.kh-btn:focus-visible{outline-offset:2px;outline:3px solid #3b82f659}.kh-month-select{width:100%;position:relative}.kh-month-trigger{border-radius:var(--kh-radius-xs);border:1.5px solid var(--kh-tb-border);background:var(--kh-tb-stripe);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:42px;padding:.55rem .9rem;transition:border-color .2s,box-shadow .2s;display:flex}.kh-month-trigger:hover{border-color:var(--kh-accent)}.kh-month-select.is-open .kh-month-trigger{border-color:var(--kh-accent);box-shadow:0 0 0 3px var(--kh-glow)}.kh-month-trigger-label{color:var(--kh-text-secondary);flex:1;min-width:0;font-size:.82rem;font-weight:500}.kh-month-trigger-icon{color:var(--kh-text-muted);flex-shrink:0;font-size:.75rem;transition:transform .2s}.kh-month-select.is-open .kh-month-trigger-icon{transform:rotate(180deg)}.kh-month-dropdown{z-index:200;background:var(--n-card);border:1.5px solid var(--kh-tb-border);border-radius:var(--kh-radius-sm);-webkit-overflow-scrolling:touch;max-height:280px;padding:.4rem;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}.kh-month-option{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .6rem;transition:background .15s;display:flex}.kh-month-option:hover{background:var(--kh-tb-hover)}.kh-month-option.is-selected{background:#3b82f60f}.kh-month-checkbox{border:2px solid var(--kh-tb-border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.kh-month-checkbox.checked{background:var(--kh-accent);border-color:var(--kh-accent);color:#fff}.kh-month-checkbox.checked i{font-size:.65rem;font-weight:700}@media (max-width:767px){.kh-table-wrap{padding:0;overflow:visible}.kh-table-inner{overflow:visible}.kh-table{display:none}.kh-card-list{flex-direction:column;gap:.55rem;padding:.5rem .25rem;display:flex}.kh-card{background:var(--n-card);border:1px solid var(--kh-tb-border);border-radius:var(--kh-radius-sm);flex-direction:column;gap:.55rem;padding:.85rem;transition:box-shadow .2s;display:flex;box-shadow:0 1px 4px #0000000a}.kh-card:hover{box-shadow:0 4px 12px #00000014}.kh-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kh-card-badges{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.kh-card-actions{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.kh-card-info{flex-direction:column;gap:.3rem;display:flex}.kh-card-row{align-items:baseline;gap:.4rem;display:flex}.kh-card-label{color:var(--kh-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:70px;font-size:.68rem;font-weight:700}.kh-card-value{color:var(--kh-text-primary);word-break:break-word;font-size:.85rem;font-weight:600;line-height:1.4}.kh-card-value--mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem}.kh-card-subtext{color:var(--kh-text-secondary);font-size:.78rem}.kh-card-keterangan{color:var(--kh-text-secondary);background:var(--kh-tb-stripe);border-left:3px solid var(--kh-accent);border-radius:8px;padding:.4rem .6rem;font-size:.8rem;line-height:1.5}.kh-footer{border-radius:0 0 var(--kh-radius)var(--kh-radius)}}@media (min-width:768px){.kh-card-list{display:none}}