.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header h2{margin:0 0 4px;font-size:20px;font-weight:800;color:var(--text)}.page-header p{margin:0;color:var(--text-muted);font-size:13.5px}.crud-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px 20px;overflow-x:auto}.crud-table{width:100%;border-collapse:collapse;min-width:460px}.crud-table th,.crud-table td{padding:14px 12px;text-align:left;font-size:14px;border-bottom:1px solid var(--border);vertical-align:middle}.crud-table thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:700}.crud-table tbody tr:last-child td{border-bottom:none}.crud-table tbody tr:hover{background:var(--bg)}.badge-soft{display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;white-space:nowrap}.badge-soft-gray{background:#eef1ef;color:#5b6b63}.badge-soft-green{background:#e5f3ec;color:#0b4a38}.badge-soft-red{background:#fbe9ec;color:#b0223a}.badge-soft-blue{background:#e8f0fc;color:#1d4ed8}.badge-soft-yellow{background:#fdf3e0;color:#9a6300}.btn-icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;margin-left:4px}.btn-icon-action:hover{background:var(--bg)}.btn-icon-action.danger{color:#b0223a;border-color:#f3c9d1}.btn-icon-action.danger:hover{background:#fbe9ec}.empty-state{padding:48px 16px;text-align:center;color:var(--text-muted);font-size:14px}.empty-state i{display:block;font-size:34px;margin-bottom:10px;opacity:.5}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;max-width:640px}.pagination{width:100%;max-width:100%;margin:12px 0 4px;overflow-x:auto;font-size:12px!important}.pagination nav{width:100%;max-width:100%}.pagination nav a,.pagination nav span{font-size:12px!important;line-height:1.25!important}.pagination nav a,.pagination nav button,.pagination nav [aria-current=page]>span{min-height:30px!important;padding:5px 9px!important}.pagination nav svg{width:14px!important;height:14px!important}.pagination nav [class*=inline-flex]{max-width:100%}@media(max-width:768px){.pagination{margin-top:10px;font-size:11px!important}.pagination nav a,.pagination nav span{font-size:11px!important}.pagination nav a,.pagination nav button,.pagination nav [aria-current=page]>span{min-height:28px!important;padding:4px 7px!important}.pagination nav svg{width:12px!important;height:12px!important}}@media(max-width:480px){.pagination nav a,.pagination nav span{font-size:10px!important}.pagination nav a,.pagination nav button,.pagination nav [aria-current=page]>span{min-height:26px!important;padding:3px 6px!important}}.topbar-bell{color:var(--text-muted)}.topbar-bell:hover{background:var(--bg);color:var(--primary)}@media(max-width:860px){.btn-icon-action{width:38px;height:38px}.crud-table th,.crud-table td{padding:12px 10px;font-size:13.5px}.form-card{padding:18px}.page-header h2{font-size:18px}.btn,.form-control,.form-select{font-size:15px}.btn-group .btn{padding:8px 10px;font-size:12.5px}}:root{padding-top:env(safe-area-inset-top,0px)}.app-topbar{padding-top:calc(16px + env(safe-area-inset-top,0px))}.wali-cari-box{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.wali-cari-box select,.wali-cari-box input{flex:1;min-width:160px}.wali-hasil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:22px}.wali-siswa-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;text-align:left;width:100%;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease,box-shadow .15s ease}.wali-siswa-card:hover,.wali-siswa-card.active{border-color:var(--primary);box-shadow:0 6px 18px #0b4a381f}.wali-siswa-card .nama{font-weight:700;font-size:14.5px;color:var(--text)}.wali-siswa-card .meta{font-size:12.5px;color:var(--text-muted)}.wali-detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-top:4px}.wali-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}.wali-detail-head h3{margin:0 0 4px;font-size:17px}.wali-detail-head p{margin:0;color:var(--text-muted);font-size:13px}.wa-hubungi-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:10px 16px;border-radius:var(--radius-pill);text-decoration:none;font-weight:700;font-size:13.5px;white-space:nowrap}.wa-hubungi-btn:hover{background:#1da851;color:#fff}.wali-detail-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:720px){.wali-detail-grid{grid-template-columns:1fr 1fr}.wali-cari-box select,.wali-cari-box input{flex:none}.wali-cari-box select{min-width:200px}.wali-cari-box input{min-width:260px}}.wali-mini-table{width:100%;border-collapse:collapse;font-size:13px}.wali-mini-table th,.wali-mini-table td{padding:8px 6px;text-align:left;border-bottom:1px dashed var(--border)}.wali-mini-table th{font-size:11px;text-transform:uppercase;color:var(--text-muted)}.lp-page{--lp-primary: var(--primary);--lp-primary-dark: var(--primary-dark);--lp-accent: var(--accent);--lp-navy: #1C2B54;--lp-cream: #FBF6EA;--lp-ink: #16241D;--lp-muted: #5B6B62;--lp-line: #E7E2D0;font-family:Public Sans,system-ui,sans-serif;color:var(--lp-ink);background:var(--lp-cream)}.lp-page h1,.lp-page h2,.lp-page h3,.lp-page h4{font-family:Fraunces,Public Sans,serif;color:var(--lp-navy);font-weight:600;letter-spacing:-.01em}.lp-navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fbf6eaeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lp-line);position:sticky;top:0;z-index:40}.lp-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;color:var(--lp-navy);text-decoration:none}.lp-brand-mark{width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--lp-line);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:3px}.lp-brand-mark img{width:100%;height:100%;object-fit:contain}.lp-nav-actions{display:flex;align-items:center;gap:8px;position:relative}.lp-btn-solid{padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;text-decoration:none;color:#fff;background:var(--lp-primary)}.lp-nav-toggle{display:flex;width:40px;height:40px;border-radius:50%;border:1px solid var(--lp-line);background:#fff;align-items:center;justify-content:center;font-size:18px;color:var(--lp-navy);cursor:pointer;transition:background .15s ease,border-color .15s ease}.lp-nav-toggle:hover,.lp-nav-toggle[aria-expanded=true]{background:var(--lp-cream);border-color:var(--lp-primary);color:var(--lp-primary)}.lp-nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:50;background:#fff;border-radius:16px;min-width:220px;display:flex;flex-direction:column;padding:8px;border:1px solid var(--lp-line);box-shadow:0 16px 36px #1c2b5429;opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.lp-nav-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lp-nav-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--lp-ink);font-size:14px;font-weight:500}.lp-nav-dropdown a i{color:var(--lp-primary);font-size:15px;width:18px;text-align:center}.lp-nav-dropdown a:hover{background:var(--lp-cream)}.lp-nav-dropdown-divider{height:1px;background:var(--lp-line);margin:6px 4px}.lp-nav-dropdown-cta{color:var(--lp-primary)!important;font-weight:700!important}.lp-nav-dropdown-cta i{color:var(--lp-primary)!important}.lp-hero{position:relative;overflow:hidden;background:#0b2e22;color:#fff;padding:40px 18px 0;min-height:560px}.lp-hero-bg{position:absolute;inset:0;z-index:0;background-image:url(/images/hero-sekolah.jpg);background-size:cover;background-position:center;animation:lp-hero-zoom 20s ease-in-out infinite alternate;will-change:transform}.lp-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#06141094,#0614107a 45%,#06141094)}@keyframes lp-hero-zoom{0%{transform:scale(1)}to{transform:scale(1.12)}}.lp-hero-inner{position:relative;z-index:3;max-width:1080px;margin:0 auto}.lp-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(214,154,45,.4);color:#f3dfa8;padding:6px 14px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;margin-bottom:18px}.lp-hero h1{color:#fff;font-size:28px;line-height:1.18;margin:0 0 14px;max-width:480px;text-shadow:0 2px 16px rgba(0,0,0,.45)}.lp-hero p{color:#ffffffd9;font-size:14.5px;line-height:1.6;margin:0 0 24px;max-width:460px;text-shadow:0 1px 10px rgba(0,0,0,.4)}@media(prefers-reduced-motion:reduce){.lp-hero-bg{animation:none}}.lp-highlights{display:flex;gap:12px;overflow-x:auto;padding:0 18px 22px;margin-top:-20px;position:relative;z-index:2;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.lp-highlights::-webkit-scrollbar{display:none}.lp-highlight-card{flex:0 0 78%;scroll-snap-align:start;background:#fff;border-radius:var(--radius-lg);padding:18px;box-shadow:0 14px 30px #16241d1a;border:1px solid var(--lp-line);transition:transform .25s ease,box-shadow .25s ease}.lp-highlight-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #16241d29}.lp-highlight-icon{width:38px;height:38px;border-radius:11px;background:#fbf0da;color:var(--lp-accent);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:18px}.lp-highlight-card h4{font-size:14.5px;margin:0 0 5px}.lp-highlight-card p{font-size:12.5px;color:var(--lp-muted);margin:0;line-height:1.55}.lp-section{padding:44px 18px;max-width:1080px;margin:0 auto}.lp-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--lp-accent);font-weight:700;font-size:12px;margin-bottom:10px}.lp-eyebrow:before,.lp-eyebrow:after{content:"";width:22px;height:1px;background:var(--lp-line)}.lp-section h2{font-size:22px;text-align:center;margin:0 0 8px}.lp-section-sub{text-align:center;color:var(--lp-muted);font-size:13.5px;margin:0 auto 28px;max-width:480px}.lp-grid{display:grid;grid-template-columns:1fr;gap:16px}.lp-card{border:1px solid var(--lp-line);border-radius:var(--radius-lg);padding:22px;background:#fff;transition:box-shadow .25s ease,transform .25s ease}.lp-card:hover{box-shadow:0 14px 30px #1c2b541a;transform:translateY(-3px)}.lp-card-icon{width:40px;height:40px;border-radius:11px;background:#e7f3ee;color:var(--lp-primary);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:19px}.lp-card h3{font-size:16.5px;margin-bottom:8px}.lp-card p,.lp-card li{color:var(--lp-muted);font-size:13.5px;line-height:1.65}.lp-card ul{padding-left:18px;margin:0}.lp-alt{background:#f3eddc}.lp-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.lp-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;background:#e7f3ee;color:var(--lp-primary-dark)}.lp-tag:nth-child(3n+2){background:#fbf0da;color:#8a611a}.lp-tag:nth-child(3n){background:#efe7f5;color:#5b3f80}.lp-program-card{position:relative;overflow:hidden;padding:26px 24px;border-top:3px solid transparent;transition:transform .25s ease,box-shadow .25s ease}.lp-program-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1c2b541f}.lp-program-card .lp-program-no{position:absolute;top:6px;right:16px;font-size:42px;font-weight:800;color:#0b4a380f;line-height:1;pointer-events:none}.lp-program-card .lp-card-icon{width:52px;height:52px;border-radius:14px;font-size:23px;margin-bottom:16px}.lp-program-card h3{font-size:18px}.lp-program-card p{font-size:13.8px}.lp-program-card--green{border-top-color:var(--lp-primary)}.lp-program-card--green .lp-card-icon{background:var(--lp-primary);color:#fff}.lp-program-card--gold{border-top-color:var(--lp-accent)}.lp-program-card--gold .lp-card-icon{background:var(--lp-accent);color:#fff}.lp-reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.lp-reveal.lp-reveal-visible{opacity:1;transform:translateY(0)}.lp-reveal:nth-child(2){transition-delay:.08s}.lp-reveal:nth-child(3){transition-delay:.16s}.lp-reveal:nth-child(4){transition-delay:.24s}.lp-reveal:nth-child(5){transition-delay:.32s}.lp-reveal:nth-child(6){transition-delay:.4s}@media(prefers-reduced-motion:reduce){.lp-reveal{opacity:1;transform:none;transition:none}}.lp-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lp-gallery-card{border-radius:var(--radius-lg);overflow:hidden;background:#fff;border:1px solid var(--lp-line);transition:transform .25s ease,box-shadow .25s ease}.lp-gallery-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #1c2b5424}.lp-gallery-photo{aspect-ratio:4/3;background:var(--lp-line);overflow:hidden}.lp-gallery-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.lp-gallery-card:hover .lp-gallery-photo img{transform:scale(1.08)}.lp-gallery-info{padding:10px 12px}.lp-gallery-info p:first-child{font-size:13px;font-weight:700;margin:0 0 2px;color:var(--lp-navy)}.lp-gallery-info p:last-child{font-size:11.5px;color:var(--lp-muted);margin:0}.lp-map-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--lp-line);box-shadow:0 10px 26px #1c2b5414}.lp-map-wrap iframe{width:100%;height:260px;border:0;display:block}.lp-map-empty{padding:30px 20px;text-align:center;color:var(--lp-muted);background:#fff}.lp-contact-grid{display:grid;grid-template-columns:1fr;gap:14px}.lp-contact-card{padding:20px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--lp-line);text-align:center;transition:transform .25s ease,box-shadow .25s ease}.lp-contact-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #1c2b541a}.lp-contact-icon{width:38px;height:38px;border-radius:50%;background:var(--lp-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:17px}.lp-footer{background:var(--lp-navy);color:#ffffffad;padding:0}.lp-footer-top{padding:40px 18px 24px;max-width:1080px;margin:0 auto;display:grid;gap:26px}.lp-footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;margin-bottom:10px}.lp-footer-brand .lp-brand-mark{background:#fff}.lp-footer-col h5{color:#fff;font-family:Public Sans,sans-serif;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-weight:700}.lp-footer-col p{font-size:13px;line-height:1.65;margin:0}.lp-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.lp-footer-links a{color:#ffffffb3;text-decoration:none;font-size:13px;transition:color .15s ease,padding-left .15s ease}.lp-footer-links a:hover{color:#fff;padding-left:4px}.lp-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 18px;text-align:center;font-size:12px;color:#ffffff8c}.lp-footer-bottom strong{color:#fff}@media(min-width:640px){.lp-grid{grid-template-columns:repeat(2,1fr)}.lp-contact-grid{grid-template-columns:repeat(3,1fr)}.lp-highlight-card{flex:0 0 46%}.lp-gallery{grid-template-columns:repeat(3,1fr)}}@media(min-width:860px){.lp-navbar{padding:14px 48px}.lp-hero{min-height:600px;padding:0 48px}.lp-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 0 88px;min-height:600px;justify-content:center}.lp-hero h1{font-size:42px;max-width:100%}.lp-hero p{font-size:16.5px;max-width:560px;margin-left:auto;margin-right:auto}.lp-page .cari-siswa-box{max-width:460px;margin-left:auto;margin-right:auto}.lp-highlights{max-width:1080px;margin:-36px auto 0;padding:0 48px;overflow:visible;display:grid;grid-template-columns:repeat(3,1fr)}.lp-section{padding:72px 48px}.lp-section h2{font-size:28px}.lp-map-wrap iframe{height:380px}.lp-footer-top{grid-template-columns:1.3fr 1fr 1fr;padding:56px 48px 32px}}.lp-page .lp-hero-staff-link{margin-top:14px;margin-bottom:0}.lp-page .lp-hero-staff-link a{color:#ffffffbf;font-size:12.5px;text-decoration:none}.lp-page .lp-hero-staff-link a:hover{color:#fff;text-decoration:underline}.lp-page .cari-siswa-box{max-width:420px;margin-bottom:4px;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px}.lp-page .cari-input-group{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:14px 18px;margin-bottom:12px;box-shadow:0 6px 20px #0000001f;transition:box-shadow .2s ease,transform .2s ease}.lp-page .cari-input-group:focus-within{box-shadow:0 8px 26px #00000038;transform:translateY(-2px)}.lp-page .cari-input-group i{color:var(--lp-navy);font-size:18px;flex-shrink:0}.lp-page .cari-input-group input{border:none;outline:none;flex:1;font-size:16px;background:transparent;min-width:0;color:var(--lp-ink)}.lp-page .cari-btn{width:100%;padding:15px;border:none;border-radius:16px;background:var(--lp-primary);color:#fff;font-weight:700;font-size:15.5px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease}.lp-page .cari-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000004d}.lp-page .cari-btn:active{transform:scale(.97)}.lp-page .cari-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.lp-page .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:lp-spin .7s linear infinite}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-page .cari-helper{text-align:center;font-size:12px;color:#ffffffa6;margin-top:10px;margin-bottom:0}.lp-page .cari-error{text-align:center;font-size:12.5px;color:#fca5a5;margin-top:10px;margin-bottom:0;font-weight:600}.lp-page .skeleton-box{max-width:480px;margin:28px auto 0;padding:0 18px}.lp-page .skeleton-line,.lp-page .skeleton-row{border-radius:10px;margin-bottom:10px;background:linear-gradient(90deg,#e9e4d4 25%,#f5f1e4 37%,#e9e4d4 63%);background-size:400% 100%;animation:lp-shimmer 1.4s ease infinite}.lp-page .skeleton-line{height:18px}.lp-page .skeleton-row{height:54px}.lp-page .w-50{width:50%}.lp-page .w-75{width:75%}@keyframes lp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.lp-page .hasil-siswa-box{animation:lp-fade-slide-up .45s ease both;max-width:520px;margin:28px auto 0;padding:0 18px}@keyframes lp-fade-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-page .btn-kembali{border:none;background:none;color:var(--lp-primary);font-weight:600;padding:10px 0;font-size:14px}.lp-page .identitas-card{display:flex;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:18px;margin:10px 0 18px;border:1px solid var(--lp-line)}.lp-page .avatar-bulat{width:54px;height:54px;border-radius:50%;background:var(--lp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0}.lp-page .identitas-card h3{font-size:17px}.lp-page .identitas-card p{font-size:12.5px;color:var(--lp-muted)}.lp-page .wa-hubungi-btn{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#fff;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:700;text-decoration:none}.lp-page .tab-segmented{display:flex;background:#eef1ef;border-radius:14px;padding:4px;margin-bottom:14px}.lp-page .tab-segmented button{flex:1;border:none;background:none;padding:10px;border-radius:10px;font-weight:600;font-size:13.5px;color:var(--lp-muted);transition:all .2s ease}.lp-page .tab-segmented button.tab-aktif{background:#fff;color:var(--lp-navy);box-shadow:0 2px 8px #00000014}.lp-page .tab-panel{background:#fff;border-radius:16px;padding:6px 16px;border:1px solid var(--lp-line)}.lp-page .presensi-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--lp-line);font-size:13.5px;animation:lp-fade-slide-up .3s ease both}.lp-page .presensi-item:last-child{border-bottom:none}.lp-page .status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.lp-page .status-badge.badge-hijau{background:#e5f3ec;color:#0b4a38}.lp-page .status-badge.badge-merah{background:#fbe9ec;color:#b0223a}.lp-page .status-badge.badge-kuning{background:#fdf3e0;color:#9a6300}@media(min-width:640px){.lp-page .skeleton-box,.lp-page .hasil-siswa-box{padding:0}}.lp-nav-dropdown button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:var(--lp-ink);font:inherit;font-size:14px;font-weight:500}.lp-nav-dropdown button i{color:var(--lp-primary);font-size:15px;width:18px;text-align:center}.lp-nav-dropdown button:hover{background:var(--lp-cream)}.lp-nav-dropdown .lp-nav-dropdown-wali{font-weight:700;color:var(--lp-primary)}.lp-page .lp-hero-actions{display:flex;justify-content:flex-start;margin:0 0 18px}.lp-page .lp-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;background:var(--lp-accent);color:#2a1d00;font-weight:700;font-size:14.5px;text-decoration:none;box-shadow:0 8px 22px #00000040;transition:transform .15s ease,box-shadow .15s ease}.lp-page .lp-hero-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000052;color:#2a1d00}.lp-page .lp-hero p.lp-hero-hint{font-size:12.5px;margin:0;color:#ffffffc7}.lp-page .lp-hero p.lp-hero-hint i{vertical-align:-1px}.lp-page .lp-hero p.lp-hero-hint strong{color:#fff}.lp-page .lp-modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-end;justify-content:center}.lp-page .lp-modal.open{display:flex}.lp-page .lp-modal-backdrop{position:absolute;inset:0;background:#0a19148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:lp-fade-in .2s ease both}.lp-page .lp-modal-dialog{position:relative;width:100%;max-width:480px;max-height:92vh;max-height:92dvh;overflow-y:auto;background:var(--lp-cream);border-radius:24px 24px 0 0;padding:28px 20px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px #00000040;animation:lp-sheet-up .28s ease both}.lp-page .lp-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--lp-line);background:#fff;color:var(--lp-navy);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.lp-page .lp-modal-close:hover{background:var(--lp-line)}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lp-sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.lp-page .lp-modal{align-items:center;padding:24px}.lp-page .lp-modal-dialog{border-radius:24px;padding:32px 30px;box-shadow:0 24px 60px #0000004d}}@media(prefers-reduced-motion:reduce){.lp-page .lp-modal-backdrop,.lp-page .lp-modal-dialog{animation:none}}.lp-page .lp-modal-head{text-align:center;margin-bottom:20px;padding:0 28px}.lp-page .lp-modal-icon{width:52px;height:52px;border-radius:16px;background:var(--lp-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}.lp-page .lp-modal-head h3{font-size:22px;margin:0 0 6px}.lp-page .lp-modal-head p{font-size:13.5px;line-height:1.55;color:var(--lp-muted);margin:0}.lp-page .lp-modal .cari-input-group{background:#fff;border:1px solid var(--lp-line);box-shadow:none}.lp-page .lp-modal .cari-input-group:focus-within{border-color:var(--lp-primary);box-shadow:0 0 0 3px #0b4a381f;transform:none}.lp-page .lp-modal .cari-btn:hover{box-shadow:0 8px 18px #0b4a384d}.lp-page .lp-modal .cari-helper{color:var(--lp-muted)}.lp-page .lp-modal .cari-error{color:#b0223a}.lp-page .lp-modal .skeleton-box,.lp-page .lp-modal .hasil-siswa-box{max-width:none;margin:0;padding:0}.lp-page .lp-modal .hasil-siswa-box .btn-kembali{padding-top:0}.lp-page{scroll-behavior:smooth}html{scroll-padding-top:76px}.lp-infobar{background:var(--lp-navy);color:#ffffffd1;font-size:12px}.lp-infobar-inner{max-width:1180px;margin:0 auto;padding:7px 18px;display:flex;justify-content:space-between;gap:14px;align-items:center}.lp-infobar i{color:var(--lp-accent);margin-right:5px}.lp-infobar-right{display:flex;gap:18px}.lp-infobar-inner>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:575px){.lp-infobar-right{display:none}}.lp-navbar{padding:10px 18px;box-shadow:0 4px 18px #16241d0d}@media(min-width:992px){.lp-navbar{padding:12px max(18px,calc((100vw - 1180px)/2))}}.lp-brand-text{display:flex;flex-direction:column;line-height:1.2}.lp-brand-text small{font-weight:500;font-size:10.5px;color:var(--lp-muted);letter-spacing:.03em}.lp-nav-inline{display:none}.lp-only-mobile{display:flex}@media(min-width:992px){.lp-nav-inline{display:flex;gap:2px;margin-right:6px}.lp-nav-inline a{padding:8px 12px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--lp-ink);text-decoration:none;transition:background .15s,color .15s}.lp-nav-inline a:hover{background:#fff;color:var(--lp-primary)}.lp-only-mobile{display:none!important}}.lp-nav-dropdown{min-width:250px}.lp-slider{position:relative;height:540px;overflow:hidden;background:#0b2e22;color:#fff}@media(min-width:768px){.lp-slider{height:600px}}.lp-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease;display:flex;align-items:center}.lp-slide.active{opacity:1;z-index:1}.lp-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061410d1,#0614108c 55%,#06141059)}.lp-slide-inner{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:0 22px 20px}.lp-slide .lp-hero-badge{margin-bottom:16px}.lp-slide h1{color:#fff;font-size:32px;line-height:1.15;margin:0 0 14px;max-width:620px;text-shadow:0 2px 16px rgba(0,0,0,.45)}.lp-slide p{color:#ffffffe0;font-size:15px;line-height:1.65;margin:0 0 26px;max-width:520px}@media(min-width:768px){.lp-slide h1{font-size:46px}.lp-slide p{font-size:17px}}.lp-slide.active .lp-slide-inner>*{animation:lp-slide-in .8s ease both}.lp-slide.active .lp-slide-inner>*:nth-child(2){animation-delay:.1s}.lp-slide.active .lp-slide-inner>*:nth-child(3){animation-delay:.2s}.lp-slide.active .lp-slide-inner>*:nth-child(4){animation-delay:.3s}@keyframes lp-slide-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.lp-slide .lp-hero-btn{border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;background:var(--lp-accent);color:#2a1d00;font-weight:700;font-size:14.5px;text-decoration:none;box-shadow:0 8px 22px #0000004d;transition:transform .15s,box-shadow .15s}.lp-slide .lp-hero-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000061}.lp-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .15s}.lp-slider-arrow:hover{background:#ffffff47}.lp-slider-arrow.prev{left:18px}.lp-slider-arrow.next{right:18px}@media(min-width:768px){.lp-slider-arrow{display:flex}}.lp-slider-dots{position:absolute;left:0;right:0;bottom:56px;z-index:5;display:flex;justify-content:center;gap:8px}.lp-slider-dots button{width:9px;height:9px;border-radius:999px;border:none;background:#ffffff73;padding:0;cursor:pointer;transition:width .25s,background .25s}.lp-slider-dots button.active{width:28px;background:var(--lp-accent)}@media(prefers-reduced-motion:reduce){.lp-slide,.lp-slide.active .lp-slide-inner>*{transition:none;animation:none}}.lp-highlights{margin-top:-38px;max-width:1180px;margin-left:auto;margin-right:auto}@media(min-width:768px){.lp-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:visible;padding:0 22px 30px}.lp-highlight-card{min-width:0}}.lp-stats{background:var(--lp-primary);background-image:linear-gradient(135deg,var(--lp-primary) 0%,var(--lp-primary-dark) 100%);color:#fff}.lp-stats-inner{max-width:1180px;margin:0 auto;padding:34px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;text-align:center}@media(min-width:768px){.lp-stats-inner{grid-template-columns:repeat(4,1fr)}}.lp-stat strong{display:block;font-family:Fraunces,serif;font-size:36px;line-height:1.1;color:#f3dfa8}.lp-stat span{font-size:12.5px;letter-spacing:.04em;color:#fffc}.lp-section{max-width:1180px;padding:56px 22px}.lp-section h2{font-size:26px}@media(min-width:768px){.lp-section h2{font-size:32px}}.lp-section.lp-wide{max-width:none;padding:0}.lp-wide-inner{max-width:1180px;margin:0 auto;padding:56px 22px}.lp-grid{grid-template-columns:1fr}@media(min-width:768px){.lp-grid{grid-template-columns:repeat(2,1fr);gap:22px}}.lp-about{display:grid;gap:22px;align-items:stretch}@media(min-width:900px){.lp-about{grid-template-columns:1.05fr 1fr}}.lp-about-photo{position:relative;border-radius:22px;overflow:hidden;min-height:280px;box-shadow:0 18px 40px #16241d2e}.lp-about-photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.lp-about-badge{position:absolute;left:14px;bottom:14px;right:14px;background:#fffffff0;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--lp-navy)}.lp-about-badge i{color:var(--lp-primary);margin-right:6px}.lp-about-text{display:grid;gap:16px;align-content:start}.lp-news-grid{display:grid;grid-template-columns:1fr;gap:22px}@media(min-width:640px){.lp-news-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.lp-news-grid{grid-template-columns:repeat(3,1fr)}}.lp-news-card{background:#fff;border:1px solid var(--lp-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.lp-news-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1c2b5424}.lp-news-photo{position:relative;aspect-ratio:16/10;background:var(--lp-line);overflow:hidden}.lp-news-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.lp-news-card:hover .lp-news-photo img{transform:scale(1.07)}.lp-news-photo-empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:34px;color:#b8b39c}.lp-news-date{position:absolute;left:12px;top:12px;background:var(--lp-accent);color:#2a1d00;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px}.lp-news-body{padding:16px 18px 20px}.lp-news-body h4{font-size:17px;margin:0 0 8px;line-height:1.3}.lp-news-body p{font-size:13.5px;color:var(--lp-muted);line-height:1.6;margin:0}.lp-teacher-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(min-width:768px){.lp-teacher-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.lp-teacher{background:#fff;border:1px solid var(--lp-line);border-radius:18px;padding:22px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .25s,box-shadow .25s}.lp-teacher:hover{transform:translateY(-5px);box-shadow:0 16px 32px #1c2b541f}.lp-teacher-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--lp-primary),var(--lp-primary-dark));color:#f3dfa8;font-family:Fraunces,serif;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 0 0 4px #e7f3ee}.lp-teacher strong{font-size:14px;color:var(--lp-navy);line-height:1.3}.lp-teacher small{font-size:12px;color:var(--lp-muted)}@media(min-width:768px){.lp-contact-grid{grid-template-columns:repeat(3,1fr);gap:22px}}.lp-footer-top{max-width:1180px;grid-template-columns:1fr;padding:52px 22px 30px}@media(min-width:640px){.lp-footer-top{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.lp-footer-top{grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:36px}}.lp-footer-contact li{display:flex;gap:8px;font-size:13px;color:#ffffffb3;line-height:1.5}.lp-footer-contact i{color:var(--lp-accent);margin-top:3px}.lp-wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13.5px;box-shadow:0 10px 26px #25d36673;transition:transform .15s}.lp-wa-float:hover{transform:translateY(-3px);color:#fff}.lp-wa-float i{font-size:22px;line-height:1}@media(max-width:575px){.lp-wa-float span{display:none}.lp-wa-float{padding:14px}}.wali-opsi{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--lp-line);border-radius:16px;padding:14px 16px;margin-bottom:12px;cursor:pointer;text-decoration:none;color:var(--lp-ink);font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.wali-opsi:hover{border-color:var(--lp-primary);box-shadow:0 8px 20px #0b4a381f;transform:translateY(-2px);color:var(--lp-ink)}.wali-opsi>span:nth-child(2){flex:1;min-width:0}.wali-opsi strong{display:block;font-size:15px;color:var(--lp-navy)}.wali-opsi small{display:block;font-size:12.5px;color:var(--lp-muted);line-height:1.5;margin-top:2px}.wali-opsi>.bi-chevron-right{color:var(--lp-muted)}.wali-opsi-icon{width:44px;height:44px;border-radius:14px;background:var(--lp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.wali-opsi-icon.gold{background:var(--lp-accent);color:#2a1d00}:root{--primary: #0B4A38;--primary-dark: #08362A;--accent: #D69A2D;--sidebar-bg: #0B4A38;--sidebar-bg-2: #08362A;--sidebar-text: #E7F3EE;--sidebar-text-muted: rgba(231,243,238,.7);--bg: #F5F7F4;--surface: #FFFFFF;--border: #E3E7E2;--text: #22302A;--text-muted: #6B7A72;--radius-lg: 16px;--radius-pill: 999px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Public Sans,system-ui,sans-serif}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:250px;background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-2) 100%);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:22px 20px;font-weight:700;font-size:16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-icon{width:36px;height:36px;border-radius:10px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 12px}.sidebar-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#fff6;margin:16px 10px 6px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sidebar-text-muted);text-decoration:none;font-size:14px;margin-bottom:2px;transition:background .15s ease,color .15s ease}.sidebar-link i{font-size:16px;width:18px;text-align:center}.sidebar-link:hover{background:#ffffff14;color:#fff}.sidebar-link.active{background:var(--accent);color:#fff;font-weight:600}.sidebar-footer{padding:14px 12px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--sidebar-text-muted);padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px}.sidebar-logout:hover{background:#ffffff14;color:#fff}.sidebar-backdrop{display:none}.app-main-wrap{flex:1;min-width:0}.app-topbar{display:flex;align-items:center;gap:14px;padding:16px 28px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-toggle{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);align-items:center;justify-content:center;font-size:18px;cursor:pointer}.topbar-title{font-size:18px;font-weight:700;margin:0;flex:1}.topbar-user{display:flex;align-items:center;gap:8px;font-size:14px}.topbar-user-role{background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill)}.app-main{padding:26px 28px 60px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.stat-value{font-size:26px;font-weight:800}.stat-label{color:var(--text-muted);font-size:13px}.dash-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;height:100%}.dash-panel h3{font-size:15px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:8px}.dash-list{list-style:none;margin:0;padding:0}.dash-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px}.dash-list li:last-child{border-bottom:none}.dash-big-number{font-size:32px;font-weight:800;margin:4px 0;color:var(--primary)}.dash-activity-list{list-style:none;margin:0;padding:0}.dash-activity-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border);font-size:13.5px}.dash-activity-list li:last-child{border-bottom:none}.dash-activity-desc{flex:1}.dash-activity-time{color:var(--text-muted);font-size:12px;white-space:nowrap}.badge-jenis{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);background:#eef2f0;color:var(--primary);white-space:nowrap}.badge-jenis-nilai{background:#eaf1fb;color:#2563eb}.badge-jenis-tahfiz{background:#fdf1e0;color:#c2790a}.badge-jenis-pengumuman{background:#fbeaf0;color:#be185d}.auth-body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--sidebar-bg) 0%,var(--sidebar-bg-2) 160%);font-family:Public Sans,system-ui,sans-serif;padding:20px}.auth-card{background:var(--surface);border-radius:var(--radius-lg);padding:36px 32px;width:100%;max-width:380px;box-shadow:0 20px 50px #00000040}.auth-brand{text-align:center;margin-bottom:24px}.auth-brand-icon{width:56px;height:56px;border-radius:16px;background:var(--primary);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.auth-brand h1{font-size:18px;margin:0 0 4px;color:var(--primary-dark)}.auth-brand p{color:var(--text-muted);font-size:13px;margin:0}.auth-back-link{display:block;text-align:center;margin-top:18px;font-size:13px;color:var(--text-muted);text-decoration:none}@media(max-width:860px){.app-sidebar{position:fixed;left:-260px;top:0;height:100vh;transition:left .25s ease;box-shadow:0 0 #0000}.app-sidebar.open{left:0;box-shadow:10px 0 30px #00000040}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:45}.sidebar-backdrop.show{display:block}.topbar-toggle{display:flex}.app-main{padding:18px 16px 48px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.topbar-title{font-size:16px}}body.auth-split{display:grid;grid-template-columns:1fr;min-height:100vh;min-height:100dvh;background:#fff;font-family:Public Sans,system-ui,sans-serif}@media(min-width:992px){body.auth-split{grid-template-columns:1.1fr 1fr}}.auth-visual{display:none;position:relative;background-size:cover;background-position:center;color:#fff}@media(min-width:992px){.auth-visual{display:flex;align-items:flex-end}}.auth-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#06141040,#061410e0)}.auth-visual-content{position:relative;padding:48px;max-width:520px}.auth-visual-badge{display:inline-flex;gap:6px;align-items:center;background:#ffffff1f;border:1px solid rgba(214,154,45,.45);color:#f3dfa8;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:16px}.auth-visual-content h2{font-family:Fraunces,serif;font-size:40px;margin:0 0 10px;color:#fff}.auth-visual-content p{font-size:16px;line-height:1.6;color:#ffffffd9;margin:0}.auth-panel{display:flex;align-items:center;justify-content:center;padding:28px 18px;background:var(--bg)}.auth-card-plain{width:100%;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px 26px;box-shadow:0 18px 44px #0b4a3814}.auth-brand h1{font-family:Fraunces,serif;font-size:24px}.auth-input{position:relative}.auth-input>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.auth-input .form-control{padding:11px 14px 11px 40px;border-radius:12px}.auth-input .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b4a381f}.auth-submit{padding:12px;border-radius:12px;font-weight:700}.auth-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--border)}.auth-roles span{font-size:11.5px;font-weight:600;color:var(--primary);background:#e7f3ee;padding:5px 11px;border-radius:999px}.auth-roles i{margin-right:4px}.welcome-banner{background:linear-gradient(120deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:20px;padding:24px 26px;margin-bottom:22px;position:relative;overflow:hidden}.welcome-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:#d69a2d2e}.welcome-banner h2{font-size:22px;font-weight:800;margin:2px 0 4px;color:#fff}.welcome-banner p{margin:0;color:#fffc;font-size:13.5px}.welcome-eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;color:#f3dfa8;text-transform:uppercase}.anak-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px}.anak-tab{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 16px;text-decoration:none;color:var(--text);min-width:190px;transition:border-color .15s,box-shadow .15s}.anak-tab:hover{border-color:var(--primary);color:var(--text)}.anak-tab.active{border-color:var(--primary);background:#e7f3ee;box-shadow:0 4px 14px #0b4a381f}.anak-tab-avatar{width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.anak-tab strong{display:block;font-size:13.5px}.anak-tab small{color:var(--text-muted);font-size:11.5px}body{font-family:Public Sans,system-ui,sans-serif}.app-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--border),0 6px 20px #0b4a380a}.sidebar-link{border-radius:12px;transition:background .15s,transform .15s}.sidebar-link:hover{transform:translate(3px)}.sidebar-link.active{background:#ffffff24;box-shadow:inset 3px 0 0 var(--accent)}.stat-card,.dash-panel,.crud-card,.form-card,.jl-card,.id-card{box-shadow:0 2px 10px #0b4a380a;transition:box-shadow .2s,transform .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0b4a381a}.btn-primary{background:var(--primary);border-color:var(--primary);border-radius:10px;font-weight:600}.btn-primary:hover,.btn-primary:focus{background:var(--primary-dark);border-color:var(--primary-dark)}.topbar-user-role{background:#e7f3ee;color:var(--primary);border-radius:999px;padding:2px 10px;font-weight:700}