.dashboard,body.dashboard-active{overflow:hidden;background:var(--bg-body)}.menu-item.menu-push-indicator-btn:active .menu-label,.menu-item.menu-push-indicator-btn:hover .menu-label,.nav-link{color:var(--secondary)}.main-content,body{overflow-x:hidden;min-height:100vh}.header,.sidebar{position:sticky;top:0}.btn-premium-link,.table th{letter-spacing:.5px;color:#fff}.table td,.table th{font-size:.8125rem!important}.chart-center .val,.stat-value{line-height:1;font-size:1.3rem}.nav-link,.navigation ul li a{font-weight:500;text-decoration:none}.btn,.btn-premium-link,.nav-link,.navigation ul li a{text-decoration:none}.menu-item.active .menu-icon i,.menu-item:hover .menu-icon i{color:#fff!important}.menu-group-title,.month-header,.stat-label,.table th{text-transform:uppercase}*,.kaldik-strip{box-sizing:border-box}[x-cloak]{display:none!important}#native-splash{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary,linear-gradient(140deg,#9c53e5,#4300ff 50%,#1d72ff));z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:opacity .5s ease-out,visibility .5s ease-out}.splash-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:1s linear infinite splashSpin;margin-bottom:20px}@keyframes splashSpin{to{transform:rotate(360deg)}}:root{--brand-600:#4f46e5;--primary:#4f46e5;--primary-dark:#4338ca;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-body:#f8fafc;--bg-card:#ffffff;--border-color:#e2e8f0;--gradient-primary:linear-gradient(140deg, #9c53e5, #4300ff 50%, #1d72ff);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all 0.2s ease-in-out;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b}.btn,.btn-lihat-data,.nav-link,.sidebar{transition:var(--transition)}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.5;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300'%3E%3Cg fill='%23ffffff' fill-opacity='0.15'%3E%3Cpath d='M650 80l-60 30 60 30 60-30-60-30zm-50 45v30c0 10 22 20 50 20s50-10 50-20v-30l-50 25-50-25z'/%3E%3Cpath d='M700 220h20v-40h-20v40zm-30 0h20v-70h-20v70zm-30 0h20v-100h-20v100z'/%3E%3Cpath d='M630 120l30 30 50-50' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.05' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.3L17 6.35V0h-2zm0 49v-7.5L27.99 34H28v2.3L17 42.65V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),var(--gradient-primary);background-repeat:no-repeat,repeat,no-repeat;background-position:right bottom,center center,center center;background-size:50% auto,auto,cover;background-attachment:fixed;color:#1e293b;min-height:100dvh}.dashboard{display:flex;height:100vh}.login-container,.main-content{overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex}.sidebar{width:260px;background:#fff;border-right:1px solid var(--border-color);padding:1.5rem 1.25rem;display:flex;flex-direction:column;z-index:20;box-shadow:4px 0 20px rgba(0,0,0,.02)}.sidebar.collapsed{width:80px}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-radius:8px;margin-bottom:8px;font-size:.9rem}.nav-link.active,.nav-link:hover{background:var(--gradient-primary);color:#fff}.nav-link.menu-push-indicator-btn:hover{background:0 0;color:#1a73e8;cursor:default}.menu-item.menu-push-indicator-btn:active .menu-icon,.menu-item.menu-push-indicator-btn:hover .menu-icon{background:0 0;border-color:var(--primary);transform:none;box-shadow:none}.menu-item.menu-push-indicator-btn:hover .menu-icon i{color:var(--primary)!important}.main-content{flex:1;width:100%;background:var(--bg-body);flex-direction:column}.header{background:#fff;padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent;z-index:30;flex-shrink:0}.content{flex:1;width:100%;padding:1rem 1rem 5rem;max-width:1400px;margin:10px auto 0}.login-container{height:100vh;height:100dvh;align-items:center;padding:1.5rem;position:relative;z-index:2;flex-direction:column;gap:20px;font-size:14px}.btn-premium-link,.login-card{overflow:hidden;position:relative}.login-card{width:100%;max-width:420px;padding:2.5rem;border-radius:16px;background:0 0;box-shadow:0 10px 30px -5px rgba(0,0,0,.2);animation:.5s ease-out slideUp;display:flex;flex-direction:column;flex:0 0 auto;margin-top:auto}.btn,.btn-icon-only{display:inline-flex}.login-container>div:last-child{flex:0 0 auto;margin-bottom:auto}.login-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent 0deg,transparent 90deg,#4f46e5 180deg,#06b6d4 225deg,#ec4899 270deg,#4f46e5 315deg,transparent 360deg);animation:4s linear infinite rotateBorder;z-index:-2}.login-card::after{content:'';position:absolute;inset:5px;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;z-index:-1}@keyframes rotateBorder{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card .btn{border-radius:9999px;padding:.75rem 1.25rem;font-size:inherit}.login-card .form-control{font-family:inherit;font-size:inherit}.btn{padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:none;align-items:center;gap:.5rem;justify-content:center}.btn-outline,.form-control{border:1px solid var(--border-color)}.btn:active{transform:scale(.96)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-info{background:#3b82f6;color:#fff}.btn-ghost,.btn-outline{background:0 0;color:var(--secondary)}.btn-info:hover{background:#2563eb}.btn-ghost:hover{background:#f1f5f9}.btn-outline:hover{background:#f8fafc;border-color:var(--text-muted)}.btn-sm{padding:.5rem .85rem;font-size:.8rem}.btn-xs{padding:.35rem .65rem;font-size:.72rem;border-radius:6px}.btn-lg{padding:.85rem 1.5rem;font-size:1rem}.btn-full{width:100%;justify-content:center}.btn-icon,.btn-icon-only{align-items:center;padding:0}.btn-icon-only{width:36px;height:36px;border-radius:8px;justify-content:center}.btn-icon,.btn-icon-only.btn-sm{width:32px;height:32px}.btn-action-group{display:flex;gap:.5rem;justify-content:center}.btn-icon{display:flex;justify-content:center}.btn-premium-link,.filter-pill{align-items:center;cursor:pointer}.btn-edit{background:#e0e7ff;color:#4338ca}.btn-delete{background:#fee2e2;color:#dc2626}.btn-lihat-data{background:var(--bg-soft);color:var(--theme-color);border:1px solid rgba(0,0,0,.03);margin-top:12px;font-weight:700;border-radius:12px;padding:8px;font-size:.75rem}.btn-lihat-data:hover{background:var(--theme-color);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.filter-pill:focus,.form-control:focus,.form-select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.btn-premium-link{display:inline-flex;gap:10px;padding:10px 24px;font-size:.85rem;font-weight:700;border:none;border-radius:50px;transition:.3s cubic-bezier(.25, .8, .25, 1)}.card-3d,.card-modern,.filter-pill,.form-control,.form-select,.modal-close{transition:var(--transition)}.btn-premium-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.6s}.btn-premium-link:hover{transform:translateY(-3px)}.btn-premium-link:hover::before{left:100%}.btn-premium-link:hover i{transform:translateX(4px)}.btn-premium-link i{transition:transform .3s}.btn-premium-indigo{background:linear-gradient(135deg,#4f46e5 0,#7c3aed 100%);box-shadow:0 4px 15px rgba(79,70,229,.3)}.btn-premium-orange{background:linear-gradient(135deg,#ea580c 0,#d97706 100%);box-shadow:0 4px 15px rgba(234,88,12,.3)}.btn-premium-rose{background:linear-gradient(135deg,#e11d48 0,#be123c 100%);box-shadow:0 4px 15px rgba(225,29,72,.3)}.btn-premium-slate{background:linear-gradient(135deg,#64748b 0,#475569 100%);box-shadow:0 4px 15px rgba(100,116,139,.3)}.btn-premium-sm{padding:8px 16px;font-size:.8rem}.btn-premium-sm:hover i{transform:scale(1.15)}.form-control{width:100%;padding:.75rem;border-radius:var(--radius-sm);font-size:.9rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.375rem;font-weight:600;font-size:.85rem;color:#334155}.form-required{color:#ef4444}.form-hint{font-size:.75rem;color:var(--secondary);margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.badge,.filter-pill{display:inline-flex;font-weight:600}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;background:url("data:image/svg+xml,%3Csvg fill='%2364748b' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 10px center no-repeat #fff;cursor:pointer;appearance:none}.filter-pill{gap:.5rem;padding:.4rem 2.2rem .4rem 1.25rem;height:38px;border:1px solid #cbd5e1;border-radius:50px;background:url("data:image/svg+xml,%3Csvg fill='%2364748b' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 12px center no-repeat #fff;font-size:.85rem;color:#334155;appearance:none}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:#fff}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.table{width:100%;border-collapse:separate!important;border-spacing:0!important;min-width:700px}.table thead tr:first-child th:first-child{border-top-left-radius:12px!important}.table thead tr:first-child th:last-child{border-top-right-radius:12px!important}.table td,.table th{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:linear-gradient(0deg,#4300ff,#4300ff 50%,#1d72ff);font-weight:700!important}.table td{color:#334155}.table td .badge{font-size:.6875rem!important;padding:4px 8px!important}.table-bordered td,.table-bordered th{border:1px solid #cbd5e1!important;padding:8px!important}.table-hover tr:hover{background-color:#f1f5f9}.table-sm td,.table-sm th{padding:.4rem .6rem;font-size:.75rem!important}.table-striped tr:nth-child(2n){background:#f8fafc}.badge{align-items:center;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;gap:4px}.card-footer,.card-header{display:flex;background:#fff}.badge-success{background:#ecfdf5;color:#047857}.badge-danger{background:#fef2f2;color:#b91c1c}.badge-warning{background:#fffbeb;color:#b45309}.badge-primary{background:#e0e7ff;color:#4338ca}.badge-info{background:#e0f2fe;color:#0369a1}.badge-secondary{background:#f1f5f9;color:#475569}.card-3d{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;position:relative;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.card-header,.modal-header{border-bottom:1px solid var(--border-color)}.card-3d:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);z-index:2}.card-header{padding:1.25rem 1.5rem;justify-content:space-between;align-items:center;border-radius:inherit}.card-body{padding:1.5rem;flex:1}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem}.card-header-compact{padding:.85rem 1rem}.card-body-compact{padding:1rem}.dashboard-header-3d{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300'%3E%3Cg fill='%23ffffff' fill-opacity='0.15'%3E%3Cpath d='M650 80l-60 30 60 30 60-30-60-30zm-50 45v30c0 10 22 20 50 20s50-10 50-20v-30l-50 25-50-25z'/%3E%3Cpath d='M700 220h20v-40h-20v40zm-30 0h20v-70h-20v70zm-30 0h20v-100h-20v100z'/%3E%3Cpath d='M630 120l30 30 50-50' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.05' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.3L17 6.35V0h-2zm0 49v-7.5L27.99 34H28v2.3L17 42.65V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),var(--gradient-primary);background-repeat:no-repeat,repeat,no-repeat;background-position:right center,center center,center center;background-size:60% auto,auto,cover;border-radius:var(--radius-lg);padding:2.5rem;margin-bottom:3rem;color:#fff;box-shadow:0 20px 25px -5px rgba(67,0,255,.2);position:relative;overflow:hidden}.dashboard-header-3d::after{content:'';position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);z-index:1;animation:3s infinite shineLight;pointer-events:none}@keyframes shineLight{0%{left:-150%}40%{left:30%}100%{left:100%}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:1rem}.modal-content,.modal-header{background:#fff;display:flex}.swal2-container{z-index:999999!important}.modal-content{width:95%;max-width:600px;border-radius:12px;max-height:90vh;overflow-y:auto;overflow-x:hidden;animation:.3s slideUp;flex-direction:column}.anim-pulse,.skeleton{animation:1.5s infinite skeleton-loading}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-full{max-width:1400px;width:98%}.modal-header{padding:1.25rem 1.5rem;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.modal-close{background:0 0;color:var(--secondary);border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;position:sticky;bottom:0;background:#fff;border-radius:0 0 12px 12px}.alert,.modal-banner{gap:.5rem;padding:.75rem 1rem;font-size:.85rem;margin-bottom:1rem;display:flex}.modal-banner{align-items:flex-start;border-radius:8px}.modal-banner-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.modal-banner-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.modal-banner-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.modal-banner-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert{align-items:flex-start;border-radius:8px}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.header-card{background:#fff;padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--secondary)}.empty-icon{background:#f1f5f9;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:2rem;color:var(--text-muted)}.chart-center .val,.empty-illustration h4,.stat-value{font-weight:800;color:#1e293b}.empty-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center;width:100%}.empty-illustration svg{width:180px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 15px 25px rgba(79, 70, 229, .15));animation:3s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-illustration h4{margin-bottom:.5rem}.empty-illustration p{font-size:.95rem;color:#64748b;max-width:350px;margin:0 auto;line-height:1.6}.skeleton{background:#e2e8f0;background:linear-gradient(90deg,#e2e8f0 25%,#f8fafc 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-box{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem}.skeleton-row{display:flex;gap:15px;margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:15px;align-items:center}.skeleton-avatar{width:45px;height:45px;border-radius:50%;background:#e2e8f0;flex-shrink:0}.skeleton-line{height:14px;background:#e2e8f0;border-radius:4px;margin-bottom:8px}.skeleton-badge{width:80px;height:28px;border-radius:20px;background:#e2e8f0;margin-left:auto}.anim-pulse{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%}.stats-grid{display:grid;gap:1rem;margin-bottom:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card-modern{background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border:1px solid #fff;border-radius:24px;padding:.9rem 1rem 1rem;position:relative;box-shadow:0 10px 15px -3px rgba(0,0,0,.05);display:flex;flex-direction:column;text-align:center}.card-modern:hover{transform:translateY(-5px) scale(1.02);z-index:10;border-color:var(--theme-color);box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 0 0 2px var(--theme-color)}.icon-modern{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:-.3rem auto .35rem;box-shadow:0 15px 25px -5px rgba(0,0,0,.15);z-index:10;border:4px solid var(--bg-body)}.stat-value{letter-spacing:-.5px;margin:.25rem 0 .2rem}.stat-label{font-size:.75rem;font-weight:700;color:#64748b;letter-spacing:1px}.stat-progress{height:5px;background:#f1f5f9;border-radius:99px;overflow:hidden;margin-top:.5rem}.stat-progress>span{display:block;height:100%;background:var(--theme-color,#6366f1);border-radius:99px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.stats-grid-guru-dash{grid-template-columns:repeat(6,1fr)}.menu-grid-4,.share-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:480px){.stats-grid.stats-grid-guru-dash{grid-template-columns:repeat(3,1fr);gap:.5rem}}.card-siswa{--theme-color:#6366f1;--bg-soft:#eef2ff}.card-absen{--theme-color:#10b981;--bg-soft:#ecfdf5}.card-jurnal{--theme-color:#8b5cf6;--bg-soft:#f5f3ff}.card-pelanggaran{--theme-color:#f43f5e;--bg-soft:#fff1f2}.card-prestasi{--theme-color:#f59e0b;--bg-soft:#fffbeb}.card-bimbingan{--theme-color:#06b6d4;--bg-soft:#ecfeff}.card-jurnal-kbm{--theme-color:#3b82f6;--bg-soft:#eff6ff}.card-perangkat{--theme-color:#f59e0b;--bg-soft:#fffbeb}.card-jam-mengajar{--theme-color:#06b6d4;--bg-soft:#ecfeff}.card-absen-gtk{--theme-color:#f59e0b;--bg-soft:#fffbeb}.card-absen-siswa{--theme-color:#10b981;--bg-soft:#ecfdf5}.card-bk-bulan{--theme-color:#ef4444;--bg-soft:#fef2f2}.chart-wrap{position:relative;height:160px;display:flex;align-items:center;justify-content:center}.chart-wrap canvas{display:block;max-width:100%}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.chart-center .lbl{font-size:.6875rem;color:#64748b;margin-top:2px}.chart-empty{color:var(--text-muted);font-size:.78rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.chart-skeleton{width:100%;height:100%;border-radius:12px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-loading}.insight-banner{display:flex;align-items:center;gap:12px;padding:.7rem 1rem;border-radius:12px;border-left:4px solid;font-size:.82rem}.insight-banner.insight-warn{background:#fffbeb;border-color:#f59e0b;color:#92400e}.insight-banner.insight-danger{background:#fef2f2;border-color:#ef4444;color:#991b1b}.insight-banner.insight-info{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.insight-banner.insight-success{background:#ecfdf5;border-color:#10b981;color:#065f46}.hari-kapsul-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.hari-kapsul-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 18px;font-size:.85rem;font-weight:600;border-radius:50px;cursor:pointer;white-space:nowrap;transition:.2s;letter-spacing:.3px;border:none}.hari-kapsul-btn.inactive{background-color:#f8fafc;color:#475569;border:1px solid #cbd5e1;box-shadow:0 1px 2px rgba(0,0,0,.02)}.hari-kapsul-btn.inactive:hover{background-color:#f1f5f9;color:#334155;border-color:var(--text-muted);transform:translateY(-1px)}.hari-kapsul-btn.active{background:linear-gradient(135deg,#4f46e5 0,#7c3aed 100%);color:#fff;border:1px solid transparent;box-shadow:0 4px 10px rgba(79,70,229,.3);transform:translateY(-2px)}.indicator::after,.indicator::before{top:50%;width:20px;height:20px;background:0 0;content:''}.mobile-bottom-sheet.open,.share-sheet.open{transform:translateY(0)}.dot-hari-ini{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-active{background-color:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.8)}.dot-inactive{background-color:#10b981}.staff-dashboard-hero{display:flex;flex-direction:column;gap:1rem;padding:1.15rem!important;margin-bottom:1.15rem!important}.staff-school-panel{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}.staff-clock-card,.staff-school-logo{border-radius:16px;box-shadow:0 12px 24px rgba(15,23,42,.16)}.staff-school-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.staff-school-logo{width:52px;height:52px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.navigation,.navigation ul,.navigation ul li a{width:100%;display:flex}.staff-school-name{font-size:1rem;font-weight:800;color:#fff}.staff-school-address{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(620px,74vw)}.staff-hero-main{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;padding:.35rem .25rem .1rem}.staff-clock-card{background:rgba(255,255,255,.22);backdrop-filter:blur(10px);padding:.75rem 1.15rem;border:1px solid rgba(255,255,255,.36);font-size:.9rem;color:#fff;min-width:210px}.navigation{position:fixed;bottom:0;height:70px;background:linear-gradient(0deg,#4300ff,#4300ff 50%,#1d72ff);justify-content:center;align-items:center;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px rgba(0,0,0,.05);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.navigation ul{padding:0;margin:0;position:relative}.navigation ul li{position:relative;list-style:none;width:20%;height:70px;z-index:1}.navigation ul li a{position:relative;justify-content:center;align-items:center;flex-direction:column;text-align:center;height:100%}.navigation ul li a .icon{position:relative;display:block;line-height:75px;font-size:1.5em;text-align:center;transition:.5s;color:#afb4d1}.navigation ul li.active a .icon{transform:translateY(-32px);color:#fff}.navigation ul li a .text{position:absolute;color:#fff;font-weight:600;font-size:.75em;letter-spacing:.05em;transition:.5s;opacity:0;transform:translateY(20px)}.navigation ul li.active a .text{opacity:1;transform:translateY(10px)}.indicator{position:absolute;top:-50%;width:70px;height:70px;background:var(--gradient-primary);border-radius:50%;border:6px solid var(--bg-body);transition:.5s}.indicator::before{position:absolute;left:-22px;border-top-right-radius:20px;box-shadow:1px -10px 0 0 var(--bg-body)}.indicator::after{position:absolute;right:-22px;border-top-left-radius:20px;box-shadow:-1px -10px 0 0 var(--bg-body)}.mobile-bottom-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;backdrop-filter:blur(2px);display:none}.mobile-bottom-sheet,.sheet-header{border-radius:20px 20px 0 0;display:flex}.mobile-bottom-sheet-overlay.show{display:block}.mobile-bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:#f8fafc;z-index:999;box-shadow:0 -10px 30px rgba(0,0,0,.1);transform:translateY(120%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);max-height:85vh;flex-direction:column;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sheet-header{padding:15px 20px;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center}.menu-item.active .menu-icon,.menu-item:hover .menu-icon{background:var(--gradient-primary);border-color:transparent}.sheet-scroll{overflow-y:auto;padding:20px 15px}.menu-grid-4{display:grid;gap:16px 10px}.menu-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;width:100%;background:0 0;border:none;padding:0;font:inherit;color:inherit}.menu-icon,.menu-item:hover .menu-label{color:var(--primary)}.menu-item:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:14px}.menu-icon{position:relative;width:60px;height:60px;border-radius:16px 16px 16px 4px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:0 0;border:1.5px solid var(--primary);transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s}.menu-icon i{color:var(--primary)!important;filter:none;position:relative;z-index:1}.menu-item:hover .menu-icon{transform:translateY(-3px);box-shadow:0 10px 20px -6px rgba(79,70,229,.55)}.menu-item:active .menu-icon{transform:scale(.94)}.menu-item.active .menu-icon{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px #8b5cf6,0 10px 20px -6px rgba(79,70,229,.55)}.menu-item.active .menu-label{color:var(--primary);font-weight:700}.menu-label{font-size:.8rem;color:var(--secondary);font-weight:600;line-height:1.2}.menu-group-title{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700;color:var(--primary);letter-spacing:.5px;margin-top:15px;margin-bottom:5px;padding-left:5px}.menu-group-title::after{content:'';flex:1;height:1.5px;background:linear-gradient(90deg,#9c53e5,rgba(156,83,229,0))}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.menu-icon{transition:none}.menu-item:active .menu-icon,.menu-item:hover .menu-icon{transform:none}}.menu-grid-dashboard{display:none;margin-bottom:1rem;scroll-margin-top:80px}.menu-grid-dashboard .menu-grid-header{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem .75rem;margin-bottom:.75rem}.menu-grid-dashboard .menu-grid-body{padding:0}.menu-grid-dashboard .menu-section{background:#fff;border-radius:16px;padding:1.25rem .75rem;margin-bottom:1rem;box-shadow:0 4px 20px -5px rgba(0,0,0,.05);border:1px solid #f1f5f9}.menu-grid-dashboard .menu-grid-4{gap:14px 8px}.menu-grid-dashboard .menu-label{font-size:.9rem;line-height:1.25}.menu-grid-dashboard .menu-group-title{font-size:.8rem;font-weight:700;color:var(--primary);text-transform:none;letter-spacing:.3px;margin:0 0 .75rem;padding-left:8px}@media (max-width:768px){.stats-grid.stats-grid-guru-dash{grid-template-columns:repeat(3,1fr)}.menu-grid-dashboard{display:block}.menu-grid-dashboard .menu-grid-4{grid-template-columns:repeat(4,1fr)}}.share-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;backdrop-filter:blur(3px);display:none}.share-sheet-overlay.active{display:block}.share-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:1.5rem;z-index:2001;box-shadow:0 -4px 20px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:15px}.share-grid{display:grid;gap:10px;text-align:center}.share-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:0 0;border:none;cursor:pointer;color:var(--secondary)}.share-icon-box{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:transform .2s}.share-item:active .share-icon-box{transform:scale(.9)}.bg-wa{background:#25d366}.bg-tg{background:#08c}.bg-native{background:var(--primary-dark)}.bg-copy{background:var(--secondary)}.map-container{height:400px;border-radius:12px;border:2px solid #bbf7d0;z-index:1}.geo-input-wrapper{position:relative}.radius-circle-label{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.9);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;color:#374151;z-index:1000;box-shadow:0 1px 4px rgba(0,0,0,.15)}.swal2-popup{font-family:Inter,sans-serif!important;border-radius:20px!important}.swal2-cancel,.swal2-confirm{border-radius:10px!important}.swal2-title{color:#1e293b!important;font-size:1.5rem!important}.swal2-confirm{background:var(--gradient-primary)!important}.notif-bell-wrap button:hover,.swal2-cancel{background:#f1f5f9!important}.swal2-cancel{color:#475569!important}.swal2-show{animation:.4s ease-out slideDownFade!important}@keyframes slideDownFade{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}.kaldik-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding-bottom:5rem}.month-card{background:#fff;border-radius:24px;padding:1.25rem;box-shadow:0 4px 20px -5px rgba(0,0,0,.05);border:1px solid #f1f5f9;transition:var(--transition)}.month-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(79,70,229,.1)}.month-header{text-align:center;font-weight:800;color:#1e293b;font-size:1.1rem;letter-spacing:1.5px;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f8fafc;background:linear-gradient(90deg,#4f46e5,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kepala-eyebrow,.kepala-kpi .label{letter-spacing:.04em;text-transform:uppercase}.day-name{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.date-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;border-radius:12px;cursor:pointer;transition:.2s;position:relative}.holiday-dot,.holiday-dot-auto,.holiday-dot-national{width:4px;height:4px;border-radius:50%;margin-top:2px}.date-normal{color:#475569;background:#f8fafc}.date-normal:hover{background:#e0e7ff;color:#4338ca;transform:scale(1.1);z-index:2}.date-sunday{color:#ef4444;background:#fff1f2}.date-holiday{background:linear-gradient(135deg,#f43f5e 0,#e11d48 100%)!important;color:#fff!important}.date-national{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)!important;color:#fff!important}.date-auto-libur{color:var(--text-muted);background:#f8fafc}.date-auto-libur:hover{background:#e2e8f0;transform:scale(1.1);z-index:2}.holiday-dot{background:#fff}.holiday-dot-national{background:#fde68a}.holiday-dot-auto{background:#94a3b8}.date-today{border:2px solid var(--primary);background:#fff;color:var(--primary)}.pengawas-grid-container{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:2rem;align-items:start}@keyframes shake{0%,100%,50%{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes swing{0%,100%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.notif-bell-active i{color:#d97706!important}@keyframes notifBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.notif-dropdown-panel{position:fixed;top:70px;right:16px;width:380px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);z-index:10000;overflow:hidden;max-height:calc(100vh - 100px);display:flex;flex-direction:column}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fafafa}.notif-dropdown-header h5{margin:0;font-size:.95rem;display:flex;align-items:center;gap:8px}.notif-dropdown-btn{background:#f1f5f9;border:none;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.8rem;transition:.2s}.notif-dropdown-btn:hover{background:#e2e8f0;color:#1e293b}.notif-dropdown-body{flex:1;overflow-y:auto;padding:8px 0}.notif-dropdown-empty{text-align:center;padding:2rem}.notif-dropdown-item{display:flex;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s;align-items:flex-start}.notif-dropdown-item:hover{background:#f8fafc}.notif-item-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-weight:600;font-size:.85rem;color:#1e293b}.notif-item-msg{font-size:.75rem;color:#64748b;margin-top:2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:.6875rem;color:var(--text-muted);margin-top:4px}.notif-dropdown-footer{border-top:1px solid #e2e8f0;padding:8px 16px;text-align:center}.notif-dropdown-markall{background:0 0;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;font-size:.8rem;color:#64748b;transition:.2s}.notif-dropdown-markall:hover{background:#f1f5f9;color:#d97706}.notif-page-item{display:flex;gap:14px;padding:14px 16px;cursor:pointer;border-radius:12px;transition:.15s;align-items:flex-start;border-bottom:1px solid #f1f5f9}.notif-page-item:hover{background:#f8fafc!important}.notif-page-icon{width:42px;height:42px;min-width:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem}@media (max-width:576px){.notif-dropdown-panel{position:fixed;top:auto;bottom:0;right:0;left:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:70vh}}.dashboard-tugas-notifikasi{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:0 0 2rem}.dashboard-tugas-notifikasi .notif-card,.dashboard-tugas-notifikasi .tugas-card{padding:1.25rem 1.25rem .5rem;border-radius:16px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.dashboard-tugas-notifikasi .tugas-notif-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.7rem;border-bottom:1px solid #f1f5f9}.dashboard-tugas-notifikasi .tugas-notif-head h4{margin:0;font-size:.95rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.dashboard-tugas-notifikasi .tugas-notif-empty{font-size:.85rem;color:var(--text-muted);padding:1rem .5rem;text-align:center;background:#f8fafc;border-radius:10px;margin-bottom:.75rem}.dashboard-tugas-notifikasi .tugas-notif-item{display:flex;gap:12px;padding:.7rem .65rem;border-radius:10px;cursor:pointer;transition:background .15s,transform .1s;align-items:flex-start;border-bottom:1px solid #f8fafc}.dashboard-tugas-notifikasi .tugas-notif-item:hover{background:#f1f5f9;transform:translateX(3px)}.dashboard-tugas-notifikasi .tugas-notif-title{font-size:.85rem;font-weight:700;color:#1e293b}.dashboard-tugas-notifikasi .tugas-notif-detail{font-size:.75rem;color:#64748b;margin-top:3px}@media (max-width:768px){.dashboard-tugas-notifikasi{display:none!important}}.kepala-dashboard{display:flex;flex-direction:column;gap:1rem}.kepala-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff 0,#f8fafc 48%,#ecfeff 100%);border:1px solid #dbeafe;border-radius:18px;padding:1.1rem 1.25rem;box-shadow:0 18px 40px rgba(15,23,42,.08)}.kepala-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;color:#0f766e}.kepala-hero h3{margin:.22rem 0 0;color:#0f172a;font-size:1.35rem;font-weight:900}.kepala-hero p{margin:.32rem 0 0;color:#64748b;font-size:.82rem}.kepala-hero-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.kepala-select{min-height:36px;border:1px solid #cbd5e1;color:#0f172a;background:#fff;border-radius:999px;padding:.42rem .85rem;font-size:.78rem;font-weight:700}.kepala-icon-btn{min-width:38px;min-height:38px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f766e;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(15,118,110,.12);cursor:pointer;transition:var(--transition)}.kepala-icon-btn:hover{transform:translateY(-1px);border-color:#5eead4}.kepala-insights{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.kepala-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:.38rem .72rem;font-size:.74rem;font-weight:800;border:1px solid transparent}.kepala-chip.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.kepala-chip.warn{background:#fffbeb;color:#a16207;border-color:#fde68a}.kepala-chip.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.kepala-chip.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.kepala-personal{background:#fff;border:1px solid #ccfbf1;border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 12px 28px rgba(15,118,110,.1)}.kepala-section-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.85rem}.kepala-title-block{display:flex;align-items:center;gap:.7rem;min-width:0}.kepala-title-icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0f766e;flex-shrink:0}.kepala-section-head h4{margin:0;color:#0f172a;font-size:.95rem;font-weight:900}.kepala-pill-btn{border-radius:999px;border:1px solid #99f6e4;background:#ccfbf1;color:#0f766e;padding:.5rem .85rem;font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.kepala-empty{padding:.9rem;border:1px dashed #99f6e4;border-radius:10px;color:#0f766e;font-size:.82rem;background:#f0fdfa}.kepala-teaching-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:.75rem}.kepala-teaching-item{background:#f8fafc;border:1px solid #d1fae5;border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.65rem}.kepala-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.kepala-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.9rem;box-shadow:0 12px 24px rgba(15,23,42,.06);display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:center;min-height:112px}.kepala-kpi .icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.kepala-kpi .label{color:#64748b;font-size:.72rem;font-weight:900}.kepala-kpi .value{color:#0f172a;font-size:1.35rem;line-height:1;font-weight:900;margin-top:.25rem}.kepala-kpi .meta{color:#64748b;font-size:.72rem;margin-top:.3rem;line-height:1.35}.kepala-kpi.blue .icon{background:#2563eb}.kepala-kpi.amber .icon{background:#d97706}.kepala-kpi.green .icon{background:#059669}.kepala-kpi.rose .icon{background:#e11d48}.kepala-main-grid,.kepala-overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,0.85fr);gap:1rem;align-items:start}.kepala-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;box-shadow:0 12px 26px rgba(15,23,42,.06)}.kepala-panel-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.8rem}.kepala-panel-head h4{margin:0;color:#0f172a;font-size:.92rem;font-weight:900;display:inline-flex;align-items:center;gap:8px}.kepala-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.kepala-chart-card{position:relative;border:1px solid #e8edf4;border-radius:16px;padding:1rem .85rem .8rem;min-height:228px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 20px -8px rgba(15,23,42,.1);transition:transform .18s,box-shadow .18s,border-color .18s}.kepala-chart-card:hover{transform:translateY(-2px);border-color:var(--text-muted);box-shadow:0 2px 4px rgba(15,23,42,.05),0 14px 30px -10px rgba(15,23,42,.16)}.kepala-chart-card::before{content:'';position:absolute;top:0;left:14px;right:14px;height:3px;border-radius:0 0 4px 4px}.kepala-chart-card:first-child::before{background:linear-gradient(90deg,#34d399,#059669)}.kepala-chart-card:nth-child(2)::before{background:linear-gradient(90deg,#fbbf24,#d97706)}.kepala-chart-card:nth-child(3)::before{background:linear-gradient(90deg,#818cf8,#4f46e5)}.kepala-chart-title{align-self:stretch;display:flex;align-items:center;gap:7px;color:#1e293b;font-size:.78rem;font-weight:900}.kepala-chart-legend-item,h1,h2{font-weight:700}.kepala-chart-title i{opacity:.9}.kepala-chart-box{height:150px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin:14px auto 8px}.kepala-chart-box::before,.kepala-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kepala-chart-box::before{content:'';width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(15,23,42,.06),rgba(15,23,42,0) 65%)}.kepala-chart-center{text-align:center;pointer-events:none;z-index:2}.kepala-chart-center strong{display:block;color:#0f172a;font-size:1.7rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.kepala-chart-center span{color:#64748b;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.kepala-chart-legend{display:flex;flex-wrap:wrap;gap:5px 6px;justify-content:center;margin-top:4px;width:100%}.kepala-chart-legend-item{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 5px;background:#fff;border:1px solid #eef2f7;border-radius:999px;font-size:.66rem;color:#475569;line-height:1;box-shadow:0 1px 2px rgba(15,23,42,.04)}.kepala-chart-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 0 2px rgba(15,23,42,.05)}.kepala-chart-legend-name{color:#475569}.kepala-chart-legend-val{min-width:18px;text-align:center;padding:2px 5px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.64rem;font-weight:900;font-variant-numeric:tabular-nums}@media print{.print-modal,body{background:#fff!important}.print-modal,.print-modal .modal-content{width:100%!important;-webkit-print-color-adjust:exact!important;height:auto!important}.card-body,.print-modal .card-body,.print-modal .modal-content{overflow:visible!important;max-height:none!important}body{font-size:12px!important}body.dashboard-active{overflow:visible!important}body *{visibility:hidden!important}.print-modal,.print-modal *{visibility:visible!important}.print-modal{display:block!important;position:absolute!important;top:0!important;left:0!important;z-index:99999!important;overflow:visible!important;align-items:flex-start!important;justify-content:flex-start!important;print-color-adjust:exact!important}.card-header button,.header,.mobile-bottom-sheet,.mobile-bottom-sheet-overlay,.navigation,.no-print,.print-modal[style*="display: none"],.print-modal[style*="display:none"],.sidebar{display:none!important}.print-modal .modal-content{box-shadow:none!important;max-width:100%!important;border-radius:0!important;display:block!important;print-color-adjust:exact!important;border:none!important}.print-modal .card-body{height:auto!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.main-content{padding:0!important;margin:0!important;overflow:visible!important}.print-modal *,.print-modal .modal-content{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}h1{font-size:clamp(1.2rem, 2vw, 1.5rem)!important}h2{font-size:clamp(1.1rem, 1.8vw, 1.3rem)!important}h3,h4{font-weight:600}h3{font-size:clamp(1rem, 1.5vw, 1.15rem)!important}h4{font-size:clamp(.9rem, 1.2vw, 1rem)!important}.dashboard-header-3d p[x-text="user.name"]{font-size:1rem!important;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.table td,.table th{padding:12px 8px!important}body{margin-bottom:25px;font-size:13px}.sidebar{display:none!important}.header{position:fixed;top:0;left:0;right:0;z-index:40;border-radius:0 0 15px 15px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:.75rem 1rem}.main-content{padding-top:75px}.content{padding:.75rem 1rem}.stats-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.card-3d,.card-body{padding:.85rem!important}.card-header{padding:.75rem 1rem!important}.dashboard-header-3d{padding:1.5rem;margin-bottom:2rem;background-size:80% auto,auto,cover}.pengawas-grid-container{grid-template-columns:1fr!important}.kaldik-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}button,input,select,textarea{font-size:16px!important;min-height:44px;touch-action:manipulation}.table th{font-size:.75rem!important}.table td{font-size:.71875rem!important}.table .btn{padding:6px 10px!important;font-size:.6875rem!important;margin-right:5px}h1,h2{font-size:1.2rem!important}h3,h4{font-size:1rem!important}.menu-grid-4{grid-template-columns:repeat(3,1fr);gap:14px 8px}.menu-icon{width:52px;height:52px;font-size:1.3rem}.menu-label{font-size:.75rem}.navigation ul li a .icon{font-size:1.3em}.indicator{width:60px;height:60px;top:-45%}.kepala-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.kepala-kpi{padding:15px 10px!important;display:flex!important;flex-direction:column!important;text-align:center!important;align-items:center!important;justify-content:center!important}.kepala-chart-grid,.kepala-detail-grid,.kepala-hero,.kepala-main-grid,.kepala-overview-grid,.kepala-teaching-grid{grid-template-columns:1fr!important}.dash-grid-2,.dash-grid-2-1,.dash-grid-3{grid-template-columns:1fr!important;gap:.8rem!important}.content::after{content:"";display:block;height:calc(100px + env(safe-area-inset-bottom))!important;width:100%;clear:both}.header-user-identity{display:none!important}}@media (max-width:480px){.header{padding:.6rem .75rem}.header .btn{padding:6px 10px;font-size:.8rem}.main-content{padding-top:65px}.content{padding:.5rem .85rem 5rem;margin-top:5px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.card-modern{padding:.6rem .5rem .75rem;border-radius:16px}.stat-value{font-size:1.1rem}.card-3d,.card-body{padding:.65rem!important}.dashboard-header-3d{padding:1.25rem;margin-bottom:1.5rem}.dashboard-header-3d h5{font-size:1.2rem!important}.table td,.table th{font-size:.71875rem!important;padding:8px 5px!important}.menu-grid-4{grid-template-columns:repeat(3,1fr);gap:12px 6px}.menu-icon{width:50px;height:50px;font-size:1.25rem}.menu-label{font-size:.73rem}.modal-content{width:98%}.kaldik-grid{grid-template-columns:1fr;gap:.75rem}.share-grid{grid-template-columns:repeat(3,1fr)}.navigation,.navigation ul li{height:60px}.navigation ul li a .icon{font-size:1.1em;line-height:65px}.indicator{width:50px;height:50px;top:-40%}.indicator::after,.indicator::before{display:none}}@media (max-width:900px) and (min-width:769px){.kepala-detail-grid,.kepala-main-grid,.kepala-overview-grid{grid-template-columns:1fr!important}.kepala-chart-grid,.kepala-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid-3{grid-template-columns:1fr 1fr!important}.dash-grid-2-1{grid-template-columns:1fr!important}}@media (min-width:769px){.mobile-bottom-sheet,.mobile-bottom-sheet-overlay,.navigation{display:none!important}}.mo-fs-toggle{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:10px;transition:.2s;display:inline-flex;align-items:center;justify-content:center}.mo-fs-toggle:hover{background:#f1f5f9}.mo-fs-toggle i{font-size:1.05rem;color:#475569}.mo-fs-toggle:active{transform:scale(.92)}body.mo-fullscreen-active{background:#f8fafc}body.mo-fullscreen-active .header{border-radius:0}@media (max-width:480px){.mo-fs-toggle{padding:6px}.mo-fs-toggle i{font-size:.95rem}}.kaldik-strip{width:100%;max-width:100%;margin:8px 0 0;padding:8px 10px;font-size:.78rem;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kaldik-strip .kaldik-chip{background:#fff;border:1px solid #fed7aa;border-radius:999px;padding:2px 10px;font-size:.72rem;white-space:nowrap;flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:default}.kaldik-strip .kaldik-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;font-weight:700;white-space:nowrap}@media (max-width:480px){.kaldik-strip{padding:7px 8px;gap:5px}.kaldik-strip .kaldik-chip{flex-basis:100%}}@media (max-width:767.98px){body{zoom:0.85}}.statistik-strip{display:grid!important;grid-template-columns:repeat(7,minmax(62px,1fr))!important;align-items:stretch!important;gap:0!important;overflow-x:auto}.statistik-strip>div{min-width:0!important}.statistik-strip>div:last-child{border-right:none!important}