@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.ssch-root,.ssch-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.ssch-page-wrapper{flex:1;width:100%;min-height:100%;margin:0;padding:0;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.ssch-page-wrapper::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width>=768px){.ssch-page-wrapper{border-radius:1.5rem;overflow:hidden}}.ssch-root{flex-direction:column;flex:1;width:100%;min-height:100%;margin:0;padding:0;display:flex;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.ssch-root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width>=768px){.ssch-root{border-radius:1.5rem;overflow:hidden}}.ssch-purple-hero{z-index:1;flex-direction:column;gap:0;margin-top:-2px;padding:0 1.15rem 4.75rem;transition:background .3s;display:flex;position:sticky;top:3.15rem;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;border:none!important;outline:none!important}@media (width>=768px){.ssch-purple-hero{border-radius:1.5rem 1.5rem 0 0;padding:.75rem 1.5rem 4.75rem;position:relative;top:auto;background:var(--st-desktop-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important}}.ssch-hero-illustration-wrap{will-change:transform, opacity;transform-origin:top;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:0;transition:opacity 80ms ease-out,transform 80ms ease-out;display:flex;border:none!important;outline:none!important}.ssch-hero-illustration-img{object-fit:contain;filter:drop-shadow(0 4px 14px #0f29421a);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:13rem;height:8.5rem;transition:transform .3s;stroke:none!important;border:none!important;outline:none!important}@media (width>=768px){.ssch-hero-illustration-wrap{padding:.25rem 0 .5rem}.ssch-hero-illustration-img{max-width:16rem;height:11rem}}.ssch-white-sheet{z-index:5;border-top-left-radius:var(--sheet-radius,32px);border-top-right-radius:var(--sheet-radius,32px);will-change:border-top-left-radius, border-top-right-radius;flex-direction:column;flex:1;gap:1.15rem;min-height:100%;margin-top:-4rem;transition:border-top-left-radius .12s ease-out,border-top-right-radius .12s ease-out;display:flex;position:relative;padding:1.35rem 1.15rem calc(7.5rem + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border:none!important;outline:none!important;box-shadow:0 -4px 16px #0f29420d!important}@media (width>=768px){.ssch-white-sheet{margin-top:-4rem;border-radius:0 0 1.5rem 1.5rem!important;padding:1.5rem 1.75rem 3.5rem!important}}.ssch-top-weather-card{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .25s;display:flex;position:relative;overflow:hidden;color:#0f2942!important;box-shadow:none!important;background:#f1f4f9!important;border:none!important;border-radius:18px!important}.ssch-weather-left{flex-direction:column;gap:.15rem;min-width:0;display:flex}.ssch-weather-date{letter-spacing:-.01em;margin:0;font-size:.76rem;color:#0284c7!important;font-weight:500!important}.theme-student-girl .ssch-weather-date{color:#db2777!important}.ssch-weather-status{letter-spacing:-.01em;margin:.1rem 0;font-size:1.15rem;line-height:1.25;color:#0f2942!important;font-weight:600!important}.ssch-weather-sub{margin:.1rem 0 0;font-size:.74rem;line-height:1.35;color:#64748b!important;font-weight:400!important}.ssch-weather-illustration{flex-shrink:0;justify-content:center;align-items:center;width:2.85rem;height:2.85rem;display:flex;color:#0284c7!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:12px!important}.theme-student-girl .ssch-weather-illustration{color:#db2777!important;box-shadow:none!important;background:#fff!important;border:none!important}.ssch-card-main{flex-direction:column;gap:.95rem;padding:1.15rem;display:flex;box-shadow:none!important;background:#f1f4f9!important;border:none!important;border-radius:18px!important}.ssch-card-head{justify-content:space-between;align-items:center;display:flex}.ssch-card-title-group{flex-direction:column;gap:.15rem;display:flex}.ssch-card-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:600;line-height:1.2}.ssch-pill-toggle{gap:.25rem;display:flex;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:12px!important;padding:.25rem!important}.ssch-pill-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:.55rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;box-shadow:none!important}.ssch-pill-btn.active{background:var(--st-btn-bg,#a2d2ff)!important;color:var(--st-btn-text,#0f2942)!important;box-shadow:none!important;font-weight:500!important}.theme-student-girl .ssch-pill-btn.active{background:var(--st-btn-bg,#ffafcc)!important;color:var(--st-btn-text,#fff)!important;box-shadow:none!important;font-weight:500!important}.ssch-calendar-section{flex-direction:column;gap:.75rem;display:flex}.ssch-month-nav{color:#334155;justify-content:space-between;align-items:center;padding:0 .5rem;font-size:.82rem;font-weight:500;display:flex}.ssch-month-arrow-btn{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .15s;display:flex;box-shadow:0 1px 3px #0f172a0d}.ssch-month-arrow-btn:hover{color:#004e89;background:#e0f2fe}.ssch-week-grid{text-align:center;grid-template-columns:repeat(6,1fr);gap:.45rem;display:grid}.ssch-week-col{flex-direction:column;align-items:center;gap:.35rem;display:flex}.ssch-week-day-name{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:500}.ssch-week-day-name.is-holiday{font-weight:600;color:#ef4444!important}.ssch-day-circle-btn{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.82rem;font-weight:500;transition:all .2s;display:flex;box-shadow:none!important}.ssch-day-circle-btn.is-holiday{color:#dc2626!important;background:#fef2f2!important}.ssch-day-circle-btn.selected{background:var(--st-btn-bg,#a2d2ff)!important;color:var(--st-btn-text,#0f2942)!important;box-shadow:none!important;font-weight:500!important}.ssch-day-circle-btn.selected.is-holiday{color:#fff!important;background:#ef4444!important;font-weight:600!important}.theme-student-girl .ssch-day-circle-btn.selected{background:var(--st-btn-bg,#ffafcc)!important;color:var(--st-btn-text,#fff)!important;box-shadow:none!important;font-weight:500!important}.theme-student-girl .ssch-day-circle-btn.selected.is-holiday{color:#fff!important;background:#f43f5e!important}.ssch-empty-box--holiday{background:#fff1f2!important;border:1px dashed #fecdd3!important}.ssch-empty-icon--holiday{color:#e11d48!important;background:#ffe4e6!important}.ssch-holiday-banner{color:#92400e;background:#fef3c7;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.ssch-subjects-section{flex-direction:column;gap:.75rem;display:flex}.ssch-subjects-head{flex-direction:column;align-items:flex-start;gap:.2rem;padding:0 .25rem;display:flex}.ssch-subjects-title{color:#0f172a;margin:0;font-size:1.02rem;font-weight:600;line-height:1.25}.ssch-subjects-count{color:#64748b;margin:0;font-size:.74rem;font-weight:500}.ssch-ticket-item{align-items:center;gap:.85rem;padding:.95rem 1.15rem;transition:transform .15s,background .15s,box-shadow .15s;display:flex;background:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 1px 3px #0f172a0a!important}.ssch-ticket-item:hover{transform:translateY(-1px);background:#f8fafc!important;box-shadow:0 3px 8px #0f172a12!important}.ssch-ticket-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;display:flex;box-shadow:0 2px 6px #0f172a0d}.ssch-ticket-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.ssch-ticket-subject{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.ssch-ticket-teacher{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;font-weight:400;overflow:hidden}.ssch-ticket-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.2rem;display:flex}.ssch-ticket-time{color:#0284c7;white-space:nowrap;background:#f0f9ff;border-radius:8px;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.theme-student-girl .ssch-ticket-time{color:#db2777;background:#fdf2f8}.ssch-ticket-session{color:#94a3b8;font-size:.68rem;font-weight:400}.ssch-empty-box{text-align:center;background:#f1f4f9;border-radius:18px;flex-direction:column;align-items:center;gap:.65rem;padding:2.5rem 1.5rem;display:flex;box-shadow:none!important}.ssch-empty-icon{border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;display:flex;color:#0f172a!important;box-shadow:none!important;background:0 0!important;border:none!important}.theme-student-girl .ssch-empty-icon{color:#0f172a!important;box-shadow:none!important;background:0 0!important}.ssch-empty-title{color:#0f172a;margin:0;font-size:.98rem;font-weight:600}.ssch-empty-day-sub{color:#64748b;margin-top:-.25rem;font-size:.82rem;font-weight:500}.ssch-empty-desc{color:#64748b;max-width:22rem;margin:0;font-size:.78rem;font-weight:400;line-height:1.45}.ssch-btn-cta{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.9rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex;background:var(--st-btn-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:var(--st-btn-text,#0f2942)!important;border:none!important;border-radius:14px!important;box-shadow:0 3px 10px #0f294214!important}.ssch-btn-cta:hover{filter:brightness(.97);transform:translateY(-1px)}.ssch-btn-cta:active{transform:translateY(0)}.ssch-print-only-container{display:none}.ssch-print-sheet{color:#000;background:#fff;flex-direction:column;gap:.85rem;width:100%;font-family:Poppins,Inter,Arial,sans-serif;display:flex}.ssch-print-kop{align-items:center;gap:1.25rem;padding-bottom:6px;display:flex}.ssch-print-kop-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ssch-print-kop-logo-img{object-fit:contain;width:88px;height:88px;display:block}.ssch-print-kop-text{text-align:center;flex-direction:column;flex:1;gap:2px;display:flex}.ssch-print-kop-text h4{color:#000;letter-spacing:.03em;margin:0;font-size:10.5pt;font-weight:700;line-height:1.3}.ssch-print-kop-text h3{color:#000;letter-spacing:.02em;margin:0;font-size:11.5pt;font-weight:700;line-height:1.3}.ssch-print-kop-text h2{color:#000;letter-spacing:.04em;margin:1px 0;font-size:14.5pt;font-weight:800;line-height:1.25}.ssch-print-kop-text p{color:#1e293b;margin:0;font-size:8.5pt;line-height:1.4}.ssch-print-kop-divider{border-top:1px solid #000;border-bottom:none;height:0;margin-top:0}.ssch-print-doc-header{text-align:center;margin-top:.25rem}.ssch-print-doc-header h3{color:#000;letter-spacing:.03em;margin:0;font-size:12pt;font-weight:800;text-decoration:none}.ssch-print-doc-header h4{color:#000;margin:3px 0 0;font-size:9.5pt;font-weight:600}.ssch-print-info-bar{color:#000;justify-content:space-between;align-items:flex-start;margin-top:.15rem;font-size:9pt;line-height:1.5;display:flex}.ssch-print-info-col{flex-direction:column;gap:2px;display:flex}.ssch-print-info-col span{min-width:85px;font-weight:500;display:inline-block}.ssch-print-table{border-collapse:collapse;color:#000;table-layout:fixed;width:100%;font-size:9pt}.ssch-print-table th,.ssch-print-table td{word-wrap:break-word;border:1px solid #000;padding:6px 8px;line-height:1.35}.ssch-print-table th{color:#000;text-align:center;text-transform:uppercase;letter-spacing:.02em;background:#f1f5f9;font-size:8.5pt;font-weight:700}.ssch-print-sign-row{page-break-inside:avoid;break-inside:avoid;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:.75rem;display:flex}.ssch-print-notes{color:#000;flex:1;font-size:8pt}.ssch-print-notes h5{color:#000;margin:0 0 4px;font-size:8.5pt;font-weight:700}.ssch-print-notes ol{margin:0;padding:0;line-height:1.5;list-style:none}.ssch-print-notes ol li{margin:0;padding:0}.ssch-print-signature{text-align:center;color:#000;width:220px;font-size:9pt}.ssch-print-signature p{margin:0;line-height:1.35}.ssch-print-sign-space{justify-content:center;align-items:center;height:56px;margin:4px 0;display:flex}.ssch-print-sign-img{object-fit:contain;max-width:140px;max-height:52px}.ssch-print-principal-name{text-underline-offset:2px;text-decoration:underline;font-weight:700!important}.ssch-print-principal-nip{color:#000!important;font-size:8.5pt!important}.ssch-print-principal-empty{color:#000;font-size:9pt}@media print{@page{size:A4 portrait;margin:12mm 14mm}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{background:#fff!important;width:100%!important;margin:0!important;padding:0!important}.ssch-page-wrapper,.ssch-top-weather-card,.ssch-card-main,.ssch-print-no-print,.sh-portal-header,.shd-desktop,.shm-banner,.sh-bottom-nav,.sbn-bar,nav.sbn-bar,.sbn-item,.spm-bottom-nav,.sdc-page-wrapper,nav,header,aside,footer{visibility:hidden!important;height:0!important;display:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.ssch-print-only-container{background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}.ssch-print-sheet{box-shadow:none!important;box-sizing:border-box!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:14mm 4mm 12mm!important}}.sirada-skeleton{background:linear-gradient(90deg,#e2e8f099 25%,#f1f5f9e6 37%,#e2e8f099 63%) 0 0/400% 100%;border-radius:.5rem;animation:1.4s infinite siradaSkeletonShimmer}@keyframes siradaSkeletonShimmer{0%{background-position:100%}to{background-position:0}}.sirada-skeleton-table{flex-direction:column;gap:.75rem;width:100%;padding:.5rem 0;display:flex}.sirada-skeleton-row{background:#fff;border:1px solid #f1f5f9;border-radius:.85rem;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.sirada-skeleton-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;width:100%;display:grid}.sirada-skeleton-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.15rem;flex-direction:column;gap:.75rem;padding:1.15rem;display:flex}.sirada-btn-spinner{vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.7s linear infinite siradaBtnSpin;display:inline-block}@keyframes siradaBtnSpin{to{transform:rotate(360deg)}}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.shd-desktop,.shd-desktop *,.shm-banner,.shm-banner *{font-family:Poppins,system-ui,-apple-system,sans-serif!important}.shd-desktop{z-index:30;display:none;position:sticky;top:0;background:var(--st-desktop-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:var(--st-text-contrast,#0f2942)!important;box-shadow:none!important;border:none!important;outline:none!important}@media (width>=768px){.shd-desktop{display:block}}.shd-desktop-inner{justify-content:space-between;align-items:center;max-width:72rem;margin:0 auto;padding:.75rem 1rem;display:flex}.shd-brand{align-items:center;gap:.75rem;display:flex}.shd-logo{background:#ffffff26;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.shd-title{letter-spacing:.01em;color:#fff;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.shd-subtitle{opacity:.95;margin:0;font-size:.75rem;color:#fff!important}.shd-actions{align-items:center;gap:.65rem;display:flex}.shd-action-btn{color:#fff;cursor:pointer;width:2.35rem;height:2.35rem;box-shadow:none;background:#ffffff38;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.shd-action-btn:hover{background:#ffffff59;transform:translateY(-1px)}.shd-action-btn.active{color:#0f2942;background:#fff;box-shadow:0 2px 8px #0000001f}.shd-bell-wrap{justify-content:center;align-items:center;display:flex;position:relative}.shd-badge-dot{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:0 .2rem;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:-.35rem;right:-.45rem}.shd-profile-btn{color:#fff;cursor:pointer;box-shadow:none;background:#ffffff38;border:none;border-radius:999px;outline:none;align-items:center;gap:.55rem;padding:.25rem .8rem .25rem .3rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.shd-profile-btn:hover{background:#ffffff59;transform:translateY(-1px)}.shd-profile-btn.active{color:#0f2942;background:#fff;box-shadow:0 2px 8px #0000001f}.shd-avatar-circle{color:#004e89;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.95rem;height:1.95rem;font-size:.78rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:none!important;outline:none!important}.shd-avatar-img{object-fit:cover;width:100%;height:100%;border:none!important;outline:none!important}.shd-profile-name{white-space:nowrap;text-overflow:ellipsis;max-width:8.5rem;color:inherit;font-size:.8rem;font-weight:600;overflow:hidden}.shd-logout-btn{color:#fff;cursor:pointer;width:2.35rem;height:2.35rem;box-shadow:none;background:#ffffff2e;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.shd-logout-btn:hover{color:#fff;background:#ef4444;transform:translateY(-1px);box-shadow:0 3px 10px #ef444459}.shm-banner{color:var(--st-text-contrast,#0f2942);margin-bottom:-2px;padding:.75rem 1.15rem .25rem;transition:padding .25s,background .3s,box-shadow .25s;display:block;z-index:9999!important;background:var(--st-banner-bg,linear-gradient(180deg, #a2d2ff 0%, #bde0fe 100%))!important;box-shadow:none!important;border:none!important;outline:none!important;position:sticky!important;top:0!important}.shm-banner.shm-banner--scrolled{background:var(--st-header-glass-bg,linear-gradient(180deg, #a2d2ffc7 0%, #bde0feb8 100%))!important;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;border:none!important;outline:none!important;padding:.65rem 1.15rem!important;box-shadow:0 4px 20px -2px #0f294214,0 2px 6px -1px #0f29420a!important}.shd-desktop.shd-desktop--scrolled{background:var(--st-header-glass-bg,linear-gradient(180deg, #a2d2ffd1 0%, #bde0febf 100%))!important;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;border:none!important;outline:none!important;box-shadow:0 4px 20px -2px #0f294214,0 2px 6px -1px #0f29420a!important}@media (width>=768px){.shm-banner{display:none}}.shm-banner.shm-banner--compact{padding:.75rem 1.15rem!important}.shm-top{z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.shm-user-badge{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;transition:opacity .15s;display:flex}.shm-user-badge:active{opacity:.85}.shm-user-avatar{width:2.35rem;height:2.35rem;box-shadow:none;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.shm-user-text{flex-direction:column;justify-content:center;gap:1px;display:flex}.shm-user-name{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:14rem;overflow:hidden;color:#fff!important;text-shadow:none!important;font-size:1.05rem!important;font-weight:500!important}.shm-user-brand{opacity:.9;letter-spacing:.08em;text-transform:uppercase;line-height:1.1;color:#fff!important;text-shadow:none!important;font-size:.68rem!important;font-weight:400!important}.shm-left-nav{align-items:center;gap:.65rem;display:flex}.shm-corner-back-btn{color:#fff!important;cursor:pointer!important;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin-right:.15rem!important;padding:.25rem!important;transition:transform .18s,opacity .18s!important;display:inline-flex!important}.shm-corner-back-btn svg{stroke:#fff!important}.shm-corner-back-btn:hover{opacity:.85;transform:translate(-3px);background:0 0!important}.shm-corner-back-btn:active{transform:translate(-4px)scale(.95)}.shm-actions{align-items:center!important;gap:.65rem!important;display:flex!important}.shm-icon-btn{cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;padding:.2rem;transition:transform .2s,opacity .2s;display:flex;position:relative;color:#fff!important;box-shadow:none!important;background:0 0!important;outline:none!important}.shm-icon-btn svg{stroke:#fff!important}.shm-icon-btn:hover{transform:scale(1.08);background:0 0!important}.shm-app-name{letter-spacing:.01em;font-size:1.05rem;font-weight:500;color:#fff!important}.shm-bell{position:relative}.shm-bell-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:1.05rem;height:1.05rem;padding:0 .25rem;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-.15rem;right:-.25rem;box-shadow:0 1px 3px #00000040;border:none!important}.shm-profile-btn{cursor:pointer!important;color:#fff!important;width:2.2rem!important;height:2.2rem!important;box-shadow:none!important;background:#ffffff40!important;border:none!important;border-radius:50%!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s!important;display:flex!important;overflow:hidden!important}.shm-profile-btn:hover{background:#ffffff59!important;transform:scale(1.05)!important}.shm-profile-btn.active{box-shadow:none!important;border:none!important;outline:none!important}.shm-avatar-img{object-fit:cover!important;border:none!important;border-radius:50%!important;outline:none!important;width:100%!important;height:100%!important;display:block!important}.shm-avatar-fallback{color:#fff!important;background:#ffffff40!important;border:none!important;outline:none!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;font-weight:700!important;display:flex!important}.shm-avatar-fallback svg{stroke:#fff!important}.shm-avatar-initial{color:#fff!important;font-family:Poppins,sans-serif!important;font-size:.85rem!important;font-weight:700!important;line-height:1!important}.shm-greet{z-index:10;margin-top:1.25rem;position:relative}.shm-greet-name{letter-spacing:-.01em;color:#fff;align-items:center;gap:.375rem;margin:0;font-size:1.35rem;font-weight:700;line-height:1.25;display:flex}@media (width>=640px){.shm-greet-name{font-size:1.55rem}}.shm-greet-meta{color:#ffffffe0;letter-spacing:.01em;margin:.3rem 0 0;font-size:.78rem;font-weight:400}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sh-root,.sh-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sh-root{flex-direction:column;flex:1;width:100%;min-height:100%;margin:0;padding:0;display:flex;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.sh-root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width>=768px){.sh-root{border-radius:1.5rem;overflow:hidden}}.sh-purple-hero{z-index:1;flex-direction:column;gap:0;margin-top:-2px;padding:0 1.15rem 4.75rem;transition:background .3s;display:flex;position:sticky;top:3.15rem;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;border:none!important;outline:none!important}@media (width>=768px){.sh-purple-hero{border-radius:1.5rem 1.5rem 0 0;padding:.75rem 1.5rem 4.75rem;position:relative;top:auto;background:var(--st-desktop-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important}}.sh-hero-illustration-wrap{will-change:transform, opacity;transform-origin:top;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:0;transition:opacity 80ms ease-out,transform 80ms ease-out;display:flex;border:none!important;outline:none!important}.sh-hero-illustration-img{object-fit:contain;filter:drop-shadow(0 4px 14px #0f29421a);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:13rem;height:8.5rem;transition:transform .3s;stroke:none!important;border:none!important;outline:none!important}@media (width>=768px){.sh-hero-illustration-wrap{padding:.25rem 0 .5rem}.sh-hero-illustration-img{max-width:16rem;height:11rem}}.sh-frosted-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:.1rem;display:grid}.sh-frosted-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:.45rem;padding:.75rem .25rem .65rem;transition:background .2s,transform .15s;display:flex;-webkit-backdrop-filter:none!important;color:var(--st-frosted-text,#0f2942)!important;box-shadow:none!important;background:#f1f4f9!important;border:none!important;border-radius:16px!important;outline:none!important;transform:none!important}.sh-frosted-tile:hover{box-shadow:none!important;background:#e2e8f0!important;transform:translateY(-2px)!important}.sh-frosted-tile:active{background:#e2e8f0!important;transform:translateY(0)!important}.sh-frosted-icon-wrap{justify-content:center;align-items:center;width:2.85rem;height:2.85rem;transition:background .2s,transform .15s;display:flex;color:var(--st-frosted-icon-color,#0284c7)!important;background:#fff!important;border:none!important;border-radius:12px!important;transform:none!important;box-shadow:0 2px 6px #0f172a0f!important}.sh-frosted-tile:hover .sh-frosted-icon-wrap{transform:scale(1.05)!important}.sh-frosted-icon-wrap svg{width:21px;height:21px;stroke:var(--st-frosted-icon-color,#0284c7)!important;color:var(--st-frosted-icon-color,#0284c7)!important}.sh-frosted-label{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:.72rem;display:block;overflow:hidden;color:#334155!important;font-weight:500!important}@media (width<=380px){.sh-frosted-label{font-size:.65rem}}.sh-frosted-tile.tile-card,.sh-frosted-grid .sh-frosted-tile:first-child{color:#0369a1!important;background:#ebf5ff!important}.sh-frosted-tile.tile-card:hover,.sh-frosted-grid .sh-frosted-tile:first-child:hover{background:#dbeafe!important}.sh-frosted-tile.tile-card:active,.sh-frosted-grid .sh-frosted-tile:first-child:active{background:#bfdbfe!important}.sh-frosted-tile.tile-card .sh-frosted-icon-wrap,.sh-frosted-grid .sh-frosted-tile:first-child .sh-frosted-icon-wrap{color:#0284c7!important;box-shadow:0 2px 8px #0284c729!important}.sh-frosted-tile.tile-card .sh-frosted-icon-wrap svg,.sh-frosted-grid .sh-frosted-tile:first-child .sh-frosted-icon-wrap svg{stroke:#0284c7!important;color:#0284c7!important}.sh-frosted-tile.tile-card .sh-frosted-label,.sh-frosted-grid .sh-frosted-tile:first-child .sh-frosted-label{color:#0369a1!important}.theme-student-girl .sh-frosted-tile.tile-card,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:first-child{color:#9d174d!important;background:#fce7f3!important}.theme-student-girl .sh-frosted-tile.tile-card:hover,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:first-child:hover{background:#fbcfe8!important}.theme-student-girl .sh-frosted-tile.tile-card:active,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:first-child:active{background:#f9a8d4!important}.theme-student-girl .sh-frosted-tile.tile-card .sh-frosted-icon-wrap,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:first-child .sh-frosted-icon-wrap{color:#db2777!important;box-shadow:0 2px 8px #db277729!important}.theme-student-girl .sh-frosted-tile.tile-card .sh-frosted-icon-wrap svg,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:first-child .sh-frosted-icon-wrap svg{stroke:#db2777!important;color:#db2777!important}.theme-student-girl .sh-frosted-tile.tile-card .sh-frosted-label,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:first-child .sh-frosted-label{color:#9d174d!important}.sh-frosted-tile.tile-schedule,.sh-frosted-grid .sh-frosted-tile:nth-child(2){color:#854d0e!important;background:#fef9c3!important}.sh-frosted-tile.tile-schedule:hover,.sh-frosted-grid .sh-frosted-tile:nth-child(2):hover{background:#fef08a!important}.sh-frosted-tile.tile-schedule:active,.sh-frosted-grid .sh-frosted-tile:nth-child(2):active{background:#fde047!important}.sh-frosted-tile.tile-schedule .sh-frosted-icon-wrap,.sh-frosted-grid .sh-frosted-tile:nth-child(2) .sh-frosted-icon-wrap{color:#d97706!important;box-shadow:0 2px 8px #d9770629!important}.sh-frosted-tile.tile-schedule .sh-frosted-icon-wrap svg,.sh-frosted-grid .sh-frosted-tile:nth-child(2) .sh-frosted-icon-wrap svg{stroke:#d97706!important;color:#d97706!important}.sh-frosted-tile.tile-schedule .sh-frosted-label,.sh-frosted-grid .sh-frosted-tile:nth-child(2) .sh-frosted-label{color:#854d0e!important}.sh-frosted-tile.tile-history,.sh-frosted-grid .sh-frosted-tile:nth-child(3){color:#9a3412!important;background:#ffedd5!important}.sh-frosted-tile.tile-history:hover,.sh-frosted-grid .sh-frosted-tile:nth-child(3):hover{background:#fed7aa!important}.sh-frosted-tile.tile-history:active,.sh-frosted-grid .sh-frosted-tile:nth-child(3):active{background:#fdba74!important}.sh-frosted-tile.tile-history .sh-frosted-icon-wrap,.sh-frosted-grid .sh-frosted-tile:nth-child(3) .sh-frosted-icon-wrap{color:#ea580c!important;box-shadow:0 2px 8px #ea580c29!important}.sh-frosted-tile.tile-history .sh-frosted-icon-wrap svg,.sh-frosted-grid .sh-frosted-tile:nth-child(3) .sh-frosted-icon-wrap svg{stroke:#ea580c!important;color:#ea580c!important}.sh-frosted-tile.tile-history .sh-frosted-label,.sh-frosted-grid .sh-frosted-tile:nth-child(3) .sh-frosted-label{color:#9a3412!important}.sh-frosted-tile.tile-p5,.sh-frosted-grid .sh-frosted-tile:nth-child(4){color:#166534!important;background:#dcfce7!important}.sh-frosted-tile.tile-p5:hover,.sh-frosted-grid .sh-frosted-tile:nth-child(4):hover{background:#bbf7d0!important}.sh-frosted-tile.tile-p5:active,.sh-frosted-grid .sh-frosted-tile:nth-child(4):active{background:#86efac!important}.sh-frosted-tile.tile-p5 .sh-frosted-icon-wrap,.sh-frosted-grid .sh-frosted-tile:nth-child(4) .sh-frosted-icon-wrap{color:#059669!important;box-shadow:0 2px 8px #05966929!important}.sh-frosted-tile.tile-p5 .sh-frosted-icon-wrap svg,.sh-frosted-grid .sh-frosted-tile:nth-child(4) .sh-frosted-icon-wrap svg{stroke:#059669!important;color:#059669!important}.sh-frosted-tile.tile-p5 .sh-frosted-label,.sh-frosted-grid .sh-frosted-tile:nth-child(4) .sh-frosted-label{color:#166534!important}.theme-student-girl .sh-frosted-tile.tile-p5,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:nth-child(4){color:#6b21a8!important;background:#f3e8ff!important}.theme-student-girl .sh-frosted-tile.tile-p5:hover,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:nth-child(4):hover{background:#e9d5ff!important}.theme-student-girl .sh-frosted-tile.tile-p5:active,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:nth-child(4):active{background:#d8b4fe!important}.theme-student-girl .sh-frosted-tile.tile-p5 .sh-frosted-icon-wrap,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:nth-child(4) .sh-frosted-icon-wrap{color:#9333ea!important;box-shadow:0 2px 8px #9333ea29!important}.theme-student-girl .sh-frosted-tile.tile-p5 .sh-frosted-icon-wrap svg,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:nth-child(4) .sh-frosted-icon-wrap svg{stroke:#9333ea!important;color:#9333ea!important}.theme-student-girl .sh-frosted-tile.tile-p5 .sh-frosted-label,.theme-student-girl .sh-frosted-grid .sh-frosted-tile:nth-child(4) .sh-frosted-label{color:#6b21a8!important}.sh-attendance-banner{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:.75rem;margin-top:0;padding:.95rem 1rem;transition:background .2s;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:#f1f4f9!important;border:none!important;border-radius:18px!important;outline:none!important;transform:none!important}.sh-attendance-banner:hover{background:#e8edf5!important;transform:none!important}.sh-attendance-banner:active{transform:none!important}.sh-attendance-banner:before{display:none!important}.sh-att-header{z-index:2;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:relative}.sh-att-title-group{flex-direction:column;gap:.15rem;display:flex}.sh-att-badge-title{color:#0f172a;letter-spacing:-.01em;font-size:.82rem;font-weight:700;line-height:1.25}.sh-att-date-text{color:#64748b;font-size:.68rem;font-weight:500;line-height:1.2}.sh-att-action-hint{color:var(--st-badge-text,#be185d);align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;transition:color .15s;display:flex}.sh-attendance-banner:hover .sh-att-action-hint svg{transform:none!important}.sh-att-grid{z-index:2;grid-template-columns:1fr 1fr;gap:.75rem;padding:.1rem .1rem .25rem;display:grid;position:relative}.sh-att-col{border-radius:16px;flex-direction:column;gap:.35rem;min-width:0;padding:.8rem .9rem;transition:box-shadow .18s;display:flex;position:relative;overflow:hidden;background:var(--st-att-card-bg,linear-gradient(135deg, #fff0f7c2 0%, #fce7f38a 100%))!important;-webkit-backdrop-filter:blur(14px)saturate(190%)!important;border:none!important;transform:none!important;box-shadow:0 3px 6px #0f172a0a!important}.sh-att-col:hover,.sh-att-col:active{transform:none!important;box-shadow:0 3px 6px #0f172a0a!important}.sh-att-col:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffffa6 0%,#ffffff14 75%,#0000 100%);border-radius:15px 15px 0 0;height:48%;position:absolute;top:0;left:0;right:0}.sh-att-col.is-open{background:#fff!important;border:none!important;box-shadow:0 2px 6px #0f172a0a!important}.sh-att-col.is-closed{opacity:.95;background:#fff!important;border:none!important;box-shadow:0 2px 6px #0f172a0a!important}.sh-att-col.is-success{background:linear-gradient(135deg,#f0fdf4eb 0%,#dcfce7b3 100%)!important;border:none!important;box-shadow:0 2px 6px #0f172a0a!important}.sh-att-col-top{justify-content:space-between;align-items:center;gap:.25rem;display:flex}.sh-att-col-label{text-transform:uppercase;letter-spacing:.03em;color:var(--st-text-contrast,#0f2942);opacity:.8;font-size:.74rem;font-weight:700;white-space:nowrap!important}.sh-att-pill-badge{border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:600;line-height:1.2;white-space:nowrap!important}.sh-att-pill-badge.open{background:var(--st-att-pill-bg,#bde0fe);color:var(--st-att-pill-text,#0369a1)}.sh-att-pill-badge.ok{color:#15803d;background:#dcfce7}.sh-att-pill-badge.neutral{color:#64748b;background:#f1f5f9}.sh-att-col-status-text{letter-spacing:-.015em;width:auto;margin:.25rem 0 .2rem;font-size:.95rem;font-weight:500;line-height:1.25;display:block;white-space:nowrap!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.sh-att-col-status-text.is-unscanned{color:#ef4444!important;background:0 0!important;border:none!important}.sh-att-col-status-text.is-opened{color:#f59e0b!important;background:0 0!important;border:none!important}.sh-att-col-status-text.is-success{color:#10b981!important;background:0 0!important;border:none!important}.sh-att-col-status-text.is-closed{color:#64748b!important;background:0 0!important;border:none!important}.sh-att-col-subtext{color:var(--st-text-contrast,#0f172a);opacity:.65;font-size:.66rem;font-weight:500;white-space:nowrap!important}.sh-att-alert-strip{border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.72rem;line-height:1.35;transition:all .2s;display:flex;border:none!important}.sh-att-alert-strip.info{color:#1d4ed8;background:#f0f7ff;border:none!important;box-shadow:0 3px 10px #2563eb14,0 1px 2px #2563eb0a!important}.sh-att-alert-strip.waiting{color:#475569;background:#f8fafc;border:none!important;box-shadow:0 3px 10px #0f172a0a,0 1px 2px #0f172a05!important}.sh-att-alert-strip.success{color:#15803d;background:#f0fdf4;border:none!important;box-shadow:0 3px 10px #22c55e14,0 1px 2px #22c55e0a!important}.sh-att-alert-icon{flex-shrink:0}.sh-att-alert-strip.info .sh-att-alert-icon{color:#2563eb}.sh-att-alert-strip.waiting .sh-att-alert-icon{color:#64748b}.sh-att-alert-strip.success .sh-att-alert-icon{color:#16a34a}.sh-att-alert-text{flex:1;margin:0;font-weight:500}.sh-white-sheet{z-index:5;border-top-left-radius:var(--sheet-radius,32px);border-top-right-radius:var(--sheet-radius,32px);will-change:border-top-left-radius, border-top-right-radius;flex-direction:column;flex:1;gap:1.15rem;min-height:100%;margin-top:-4rem;transition:border-top-left-radius .12s ease-out,border-top-right-radius .12s ease-out;display:flex;position:relative;padding:1.35rem 1.15rem calc(7.5rem + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border:none!important;outline:none!important;box-shadow:0 -4px 16px #0f29420d!important}@media (width>=768px){.sh-white-sheet{margin-top:-4rem;border-radius:0 0 1.5rem 1.5rem!important;padding:1.5rem 1.75rem 3.5rem!important}}.sh-search-pill{background:#f1f4f9;align-items:center;transition:background-color .2s;display:flex;box-shadow:none!important;border:none!important;border-radius:12px!important;gap:.55rem!important;padding:.65rem 1rem!important}.sh-search-pill:focus-within{background:#e2e8f0;box-shadow:none!important;border:none!important}.sh-search-icon{color:#94a3b8;flex-shrink:0;transition:color .2s;width:15px!important;height:15px!important}.sh-search-input{color:#1e293b;background:0 0;width:100%;box-shadow:none!important;border:none!important;outline:none!important;font-size:.74rem!important;font-weight:400!important}.sh-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.15rem;line-height:1}.sh-location-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sh-location-tag{align-items:center;gap:.45rem;display:flex}.sh-loc-icon{background:var(--st-chip-bg,#e0f2fe);width:1.6rem;height:1.6rem;color:var(--st-badge-text,#0369a1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sh-loc-text{color:var(--st-badge-text,#0369a1);letter-spacing:-.01em;font-size:.78rem;font-weight:600}.sh-today-status-badge{letter-spacing:-.01em;border-radius:999px;align-items:center;padding:.22rem .75rem;font-size:.74rem;font-weight:500;display:inline-flex}.sh-today-status-badge.sh-today-none{color:#64748b;background:#f1f5f9}.sh-today-status-badge.sh-today-hadir{color:#15803d;background:#dcfce7;font-weight:600}.sh-today-status-badge.sh-today-terlambat{color:#b45309;background:#fef3c7}.sh-today-status-badge.sh-today-izin{background:var(--st-chip-bg,#e0f2fe);color:var(--st-badge-text,#0369a1)}.sh-today-status-badge.sh-today-sakit{color:#be185d;background:#fce7f3}.sh-feature-asymmetric-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=360px){.sh-feature-asymmetric-grid{grid-template-columns:1fr}}.sh-tall-feature-card{border-radius:18px;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.05rem .95rem;transition:background .18s;display:flex;position:relative;overflow:hidden;box-shadow:none!important;background:#f4f6f9!important;border:none!important;transform:none!important}.sh-tall-feature-card:hover{box-shadow:none!important;transform:none!important}.sh-tall-feature-card:active{transform:none!important}.sh-quick-span-card{grid-column:1/-1!important;gap:.85rem!important;padding:1rem!important}.sh-quick-head-wrap{align-items:center;gap:.85rem;display:flex}.sh-quick-span-card .sh-3d-graphic-wrap{flex-shrink:0;padding:0!important}.sh-quick-span-card .sh-3d-plus-shape{border-radius:14px!important;width:3.25rem!important;height:3.25rem!important}.sh-quick-span-card .sh-tall-card-actions{width:100%;grid-template-columns:1fr 1fr!important;gap:.55rem!important;display:grid!important}.sh-tall-card-head{flex-direction:column;gap:.2rem;display:flex}.sh-tall-card-title{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:.9rem;font-weight:700}.sh-tall-card-desc{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.sh-3d-graphic-wrap{justify-content:center;align-items:center;padding:.5rem 0;display:flex}.sh-3d-plus-shape{border-radius:18px;justify-content:center;align-items:center;width:4.25rem;height:4.25rem;display:flex;background:var(--st-btn-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:var(--st-btn-text,#0f2942)!important;box-shadow:none!important;border:none!important;transition:none!important;transform:none!important}.sh-tall-feature-card:hover .sh-3d-plus-shape{transform:none!important}.sh-tall-card-actions{flex-direction:column;gap:.45rem;width:100%;display:flex}.sh-quick-permit-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--st-chip-bg,#eff6ff);color:var(--st-badge-text,#0369a1);border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.62rem .75rem;font-size:.78rem;font-weight:600;transition:all .18s;display:flex;box-shadow:none!important;border:none!important;outline:none!important}.sh-permit-svg-img{width:16px;height:16px;display:block}.sh-quick-permit-btn.sh-permit-sakit,.sh-quick-permit-btn.sh-permit-keperluan{background:var(--st-chip-bg,#eff6ff);color:var(--st-badge-text,#0369a1);border:none!important}.sh-quick-permit-btn.sh-permit-sakit:hover,.sh-quick-permit-btn.sh-permit-keperluan:hover{background:var(--st-badge-bg,#dbeafe);transform:none!important}.sh-quick-permit-btn.sh-permit-sakit:active,.sh-quick-permit-btn.sh-permit-keperluan:active{transform:none!important}.sh-btn-icon-pulse{justify-content:center;align-items:center;display:flex}.sh-stacked-cards-col{flex-direction:column;gap:.85rem;display:flex}.sh-stacked-card{cursor:pointer;border-radius:18px;flex-direction:column;justify-content:space-between;gap:.45rem;padding:.95rem;transition:background .18s;display:flex;box-shadow:none!important;background:#f4f6f9!important;border:none!important;outline:none!important;transform:none!important}.sh-stacked-card:hover{box-shadow:none!important;background:#eceff4!important;transform:none!important}.sh-stacked-card:active{transform:none!important}.sh-stacked-card-top{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.sh-stacked-label{color:#475569;letter-spacing:-.01em;font-size:.8rem;font-weight:600}.sh-stacked-badge-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:flex}.sh-badge-indigo{color:#4f46e5;background:#eef2ff}.sh-badge-emerald{color:#16a34a;background:#dcfce7}.sh-badge-amber{color:#d97706;background:#fef3c7}.sh-stacked-stat-row{align-items:baseline;gap:.45rem;display:flex}.sh-stacked-number{color:#0f172a;letter-spacing:-.02em;font-size:1.35rem;font-weight:700;line-height:1.1}.sh-stacked-subinfo{color:#64748b;font-size:.74rem;font-weight:500}.sh-stacked-meter{background:#e2e8f0;border-radius:999px;height:6px;margin-top:.25rem;overflow:hidden}.sh-stacked-meter-fill{border-radius:999px;height:100%;transition:width .3s;background:var(--st-btn-bg,linear-gradient(90deg, #a2d2ff, #bde0fe))!important}.sh-stacked-footer-note{color:#64748b;margin-top:.15rem;font-size:.72rem}.sh-stacked-link-action{color:var(--st-badge-text,#0369a1);margin-top:.2rem;font-size:.74rem;font-weight:600;transition:color .15s}.sh-stacked-card:hover .sh-stacked-link-action{color:var(--st-text-contrast,#0f2942)}.sh-schedule-section{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.sh-section-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sh-section-title-group{align-items:center;gap:.45rem;display:flex}.sh-section-main-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:.92rem;font-weight:700}.sh-day-pill{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:.12rem .55rem;font-size:.68rem;font-weight:600}.sh-section-link-btn{color:var(--st-badge-text,#0369a1);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;transition:opacity .15s}.sh-section-link-btn:hover{opacity:.8;text-decoration:underline}.sh-schedule-list{flex-direction:column;gap:.65rem;display:flex}.sh-schedule-item-card{cursor:pointer;background:#fff;border:1px solid #eef2f6;border-radius:16px;flex-direction:column;gap:.55rem;padding:.85rem 1rem;transition:box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 3px #00000009,0 1px 2px #00000005;transform:none!important}.sh-schedule-item-card:hover{border-color:var(--st-brand-secondary,#bde0fe);box-shadow:0 4px 12px #0000000a;transform:none!important}.sh-schedule-item-card:active{transform:none!important}.sh-sched-card-top{align-items:center;gap:.75rem;display:flex}.sh-sched-icon-box{background:var(--st-chip-bg,#e0f2fe);width:2.35rem;height:2.35rem;color:var(--st-badge-text,#0369a1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sh-sched-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.sh-sched-subject{color:#1e293b;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.sh-sched-time{color:#64748b;margin:0;font-size:.74rem}.sh-sched-progress-line{background:#f1f5f9;border-radius:999px;height:4px;overflow:hidden}.sh-sched-progress-fill{background:var(--st-btn-bg,linear-gradient(90deg, #a2d2ff, #bde0fe));border-radius:999px;width:45%;height:100%}.sh-sched-foot{color:#64748b;justify-content:space-between;align-items:center;gap:.5rem;font-size:.74rem;display:flex}.sh-sched-teacher{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sh-sched-room{color:var(--st-badge-text,#0369a1);flex-shrink:0;font-weight:600}.sh-schedule-empty-state{text-align:center;background:#f8fafd;border:1px dashed #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:.45rem;padding:1.5rem 1.25rem;display:flex}.sh-sched-empty-title{color:#1e293b;margin:0;font-size:.88rem;font-weight:700}.sh-sched-empty-text{color:#64748b;max-width:24rem;margin:0;font-size:.75rem;line-height:1.5}.sc-root,.sc-root *{font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sc-root{flex-direction:column;gap:1rem;display:flex}.sc-root.spacious{gap:1.5rem}.sc-back-row{justify-content:space-between;align-items:center;display:flex}.sc-back-btn{color:#334155;cursor:pointer;background:#e2e8f0;border:0;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:background .2s;display:flex}.sc-back-btn:hover{background:#cbd5e1}.sc-panel{background:#fff;border:0;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 4px #0f172a14}.sc-panel-head{background:#f8fafcb3;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.sc-panel-title{color:#004e89;margin:0;font-size:.8125rem;font-weight:700}.sc-panel-action{color:#1a659e;cursor:pointer;background:0 0;border:0;font-size:.75rem;font-weight:600}.sc-panel-action:hover{text-decoration:underline}.sc-panel-msg{text-align:center;color:#94a3b8;padding:2rem;font-size:.75rem}.sc-spinner{border:2px solid #004e89;border-top-color:#0000;border-radius:50%;width:1.5rem;height:1.5rem;margin:0 auto .5rem;animation:.8s linear infinite sc-spin}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc-table-wrap{overflow-x:auto}.sc-table{text-align:left;border-collapse:collapse;width:100%;font-size:.75rem}.sc-table thead{color:#64748b;background:#f8fafccc;font-weight:700}.sc-table th,.sc-table td{padding:.625rem 1rem}.sc-table tbody tr{background:#fff;transition:background .2s}.sc-table tbody tr:nth-child(2n){background:#f8fafc}.sc-table tbody tr:hover{background:#f1f5f9e6}.sc-mono{font-family:Poppins,monospace!important}.sc-td-date{color:#334155}.sc-td-time{color:#475569}.sc-td-text{color:#334155}.sc-td-muted{color:#475569}.sc-dash{color:#94a3b8}.sc-badge{border-radius:.25rem;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.sc-badge.hadir{color:#004e89;background:#efefd0}.sc-badge.terlambat{color:#9a3412;background:#f7c59f}.sc-badge.izin{color:#1a659e;background:#e0f2fe}.sc-badge.sakit{color:#6b21a8;background:#f3e8ff}.sc-badge.alpa{color:#9f1239;background:#ffe4e6}.sc-note{color:#78350f;background:#efefd0;border-radius:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-block}.sdc-page-wrapper{flex:1;width:100%;min-height:100%;margin:0;padding:0;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.sdc-page-wrapper::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width>=768px){.sdc-page-wrapper{border-radius:1.5rem;overflow:hidden}}.sdc-root{flex-direction:column;flex:1;width:100%;min-height:100%;margin:0;padding:0;display:flex;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.sdc-root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width>=768px){.sdc-root{border-radius:1.5rem;overflow:hidden}}.sdc-purple-hero{z-index:1;flex-direction:column;gap:0;margin-top:-2px;padding:0 1.15rem 4.75rem;transition:background .3s;display:flex;position:sticky;top:3.15rem;background:var(--st-hero-bg,linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%))!important;border:none!important;outline:none!important}@media (width>=768px){.sdc-purple-hero{border-radius:1.5rem 1.5rem 0 0;padding:.75rem 1.5rem 4.75rem;position:relative;top:auto;background:var(--st-desktop-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important}}.sdc-hero-illustration-wrap{will-change:transform, opacity;transform-origin:top;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:0;transition:opacity 80ms ease-out,transform 80ms ease-out;display:flex;border:none!important;outline:none!important}.sdc-hero-illustration-img{object-fit:contain;filter:drop-shadow(0 4px 14px #0f29421a);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:13rem;height:8.5rem;transition:transform .3s;stroke:none!important;border:none!important;outline:none!important}@media (width>=768px){.sdc-hero-illustration-wrap{padding:.25rem 0 .5rem}.sdc-hero-illustration-img{max-width:16rem;height:11rem}}.sdc-white-sheet{z-index:5;border-top-left-radius:var(--sheet-radius,32px);border-top-right-radius:var(--sheet-radius,32px);will-change:border-top-left-radius, border-top-right-radius;flex-direction:column;flex:1;gap:1.15rem;min-height:100%;margin-top:-4rem;transition:border-top-left-radius .12s ease-out,border-top-right-radius .12s ease-out;display:flex;position:relative;padding:1.35rem 1.15rem calc(7.5rem + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border:none!important;outline:none!important;box-shadow:0 -4px 16px #0f29420d!important}@media (width>=768px){.sdc-white-sheet{margin-top:-4rem;border-radius:0 0 1.5rem 1.5rem!important;max-width:100%!important;padding:1.5rem 1.75rem 3.5rem!important}}.sdc-root,.sdc-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}:root,.sdc-root,.sdc-root.theme-boy,.sdc-root.theme-girl,.theme-student-boy .sdc-root,.theme-student-girl .sdc-root,.sdc-wrapper,.sdc-wrapper.theme-boy,.sdc-wrapper.theme-girl,.theme-student-boy .sdc-wrapper,.theme-student-girl .sdc-wrapper{--sdc-primary:#0c5898;--sdc-primary-dark:#073b5c;--sdc-primary-navy:#073b5c;--sdc-primary-light:#e0f2fe;--sdc-primary-border:#bae6fd;--sdc-primary-glow:#073b5c38;--sdc-photo-bg:#f8fafc;--sdc-photo-icon:#073b5c;--sdc-card-badge-bg:#e0f2febf}.sdc-controls-bar{flex-direction:column;gap:.55rem;width:100%;max-width:32rem;margin:0 auto;padding:0;display:flex}@media (width>=768px){.sdc-controls-bar{flex-direction:row;justify-content:center;align-items:center;gap:.75rem;max-width:48rem}.sdc-segmented-switch{flex:1}.sdc-action-buttons-group{flex:1.25}}.sdc-segmented-switch{width:100%;box-shadow:none;background:#f1f5f9;border:none;border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.sdc-switch-btn{text-align:center;color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1;padding:.48rem .5rem;font-size:.74rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.sdc-switch-btn.active{background:var(--st-btn-bg,#073b5c);color:var(--st-btn-text,#fff);box-shadow:0 2px 8px #0000001a}.sdc-action-buttons-group{align-items:center;gap:.5rem;width:100%;display:flex}.sdc-action-btn{cursor:pointer;white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.52rem .75rem;font-size:.76rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.sdc-action-btn--flip{color:var(--st-text-contrast,#0f2942);background:var(--st-chip-bg,#f1f5f9);box-shadow:none;border:none!important}.sdc-action-btn--flip:hover{background:var(--st-card-avatar-bg,#e2e8f0);transform:translateY(-1px)}.sdc-action-btn--flip.is-back{background:var(--st-card-avatar-bg,#e2e8f0);color:var(--st-text-contrast,#0f2942);border:none!important}.sdc-action-btn--spin{color:var(--st-text-contrast,#475569);background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a08}.sdc-action-btn--spin:hover{color:var(--st-text-contrast,#0f172a);background:#f8fafc}.sdc-action-btn--spin.active{background:var(--st-btn-bg,#073b5c);color:var(--st-btn-text,#fff);border-color:#0000;box-shadow:0 2px 8px #0000001f}.sdc-action-btn--qr{color:var(--st-text-contrast,#0f2942);background:var(--st-chip-bg,#f1f5f9);box-shadow:none;border:none!important}.sdc-action-btn--qr:hover{background:var(--st-card-avatar-bg,#e2e8f0);transform:translateY(-1px)}.sdc-qr-btn-desktop-only{display:none!important}@media (width>=768px){.sdc-qr-btn-desktop-only{display:inline-flex!important}.sdc-qr-trigger-mobile-only{display:none!important}}.sdc-interaction-hint{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;width:100%;max-width:100%;margin:0;padding:.45rem .95rem;font-size:.69rem;display:flex;box-shadow:none!important}.sdc-interaction-hint svg{color:var(--sdc-primary-dark);flex-shrink:0;animation:2.5s ease-in-out infinite sdcWiggle}@keyframes sdcWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.sdc-3d-scene-container{perspective:1300px;perspective-origin:50%;touch-action:none;cursor:grab;justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex}.sdc-3d-scene-container:active{cursor:grabbing}.sdc-3d-flipper{aspect-ratio:1/1.58;width:15.8rem;max-width:calc(100vw - 4.5rem);height:25.2rem;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;margin:0 auto;transition:transform .65s cubic-bezier(.34,1.56,.64,1);position:relative}.sdc-3d-flipper:active,.sdc-3d-flipper.is-dragging{cursor:grabbing;transition:none!important}.sdc-3d-flipper.is-autospinning{animation:8s linear infinite sdcAutoSpin360;transition:none!important}@keyframes sdcAutoSpin360{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.sdc-3d-glare-overlay{display:none!important}.sdc-3d-face{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;background:#fff;border:1px solid #fffc;border-radius:18px;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;overflow:hidden;backface-visibility:hidden!important;padding:0!important}.sdc-3d-face--front{transform:rotateY(0)translateZ(1.8px);box-shadow:0 4px 14px -2px #0f172a0f,0 1px 4px -1px #0f172a08;backface-visibility:hidden!important}.sdc-3d-face--back{transform:rotateY(180deg)translateZ(1.8px);box-shadow:0 4px 14px -2px #0f172a0f,0 1px 4px -1px #0f172a08;backface-visibility:hidden!important}.sdc-3d-edge{pointer-events:none;z-index:2;position:absolute}.sdc-3d-edge--right{background:linear-gradient(#94a3b8 0%,#cbd5e1 20%,#e2e8f0 50%,#cbd5e1 80%,#94a3b8 100%);border-left:1px solid #cbd5e1;border-right:1px solid #94a3b8;width:3.6px;top:14px;bottom:14px;right:-2px;transform:rotateY(90deg)translateZ(0)}.sdc-3d-edge--left{background:linear-gradient(#94a3b8 0%,#cbd5e1 20%,#e2e8f0 50%,#cbd5e1 80%,#94a3b8 100%);border-left:1px solid #cbd5e1;border-right:1px solid #94a3b8;width:3.6px;top:14px;bottom:14px;left:-2px;transform:rotateY(-90deg)translateZ(0)}.sdc-3d-edge--top{background:linear-gradient(90deg,#94a3b8 0%,#cbd5e1 30%,#e2e8f0 50%,#cbd5e1 70%,#94a3b8 100%);border-top:1px solid #cbd5e1;height:3.6px;top:-2px;left:14px;right:14px;transform:rotateX(90deg)translateZ(0)}.sdc-3d-edge--bottom{background:linear-gradient(90deg,#94a3b8 0%,#cbd5e1 30%,#e2e8f0 50%,#cbd5e1 70%,#94a3b8 100%);border-bottom:1px solid #cbd5e1;height:3.6px;bottom:-2px;left:14px;right:14px;transform:rotateX(-90deg)translateZ(0)}.sdc-smartcard-front-box,.sdc-smartcard-back-box{letter-spacing:-.01em;background:#fff;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative;overflow:hidden;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}.sdc-smartcard-front-box *,.sdc-smartcard-back-box *{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}.sdc-sc-lanyard-slot,.sdc-lanyard-slot{z-index:10;background:#00296b;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:.5rem 0 .35rem;display:flex}.sdc-sc-lanyard-hole,.sdc-lanyard-hole{background:#f8fafc;border:1.5px solid #fff6;border-radius:999px;width:2.4rem;height:.44rem;display:block;box-shadow:none!important}.sdc-sc-header{color:#fff;z-index:5;background:#00296b;flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem .85rem .65rem;display:flex;position:relative;border-bottom:none!important}.sdc-sc-header-left{align-items:center;gap:.55rem;display:flex}.sdc-sc-logo-badge{flex-shrink:0;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.sdc-sc-logo-img{object-fit:contain;width:100%;height:100%;display:block}.sdc-sc-header-text{flex-direction:column;display:flex}.sdc-sc-header-gov{letter-spacing:.05em;color:#fdc500;font-size:.58rem;font-weight:600;line-height:1.15}.sdc-sc-header-school{letter-spacing:.03em;color:#fff;font-size:.82rem;font-weight:800;line-height:1.2}.sdc-sc-ribbon{color:#fff;text-align:center;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#003f88 0%,#00509d 100%);flex-shrink:0;padding:.32rem .5rem;font-size:.58rem;font-weight:700;box-shadow:none!important}.sdc-sc-body{background:radial-gradient(circle at 50% 15%,#fff 0%,#f8fafc 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.55rem;padding:.6rem .85rem;display:flex;position:relative;overflow:hidden}.sdc-sc-ambient-bg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.sdc-sc-glow-orb{filter:blur(24px);pointer-events:none;opacity:.65;mix-blend-mode:multiply;border-radius:50%;position:absolute}.sdc-orb-1{background:radial-gradient(circle,#00509d47 0%,#003f880d 70%,#0000 100%);width:6.5rem;height:6.5rem;top:-1rem;right:-1.5rem}.sdc-orb-2{background:radial-gradient(circle,#fdc50040 0%,#ffd5000f 65%,#0000 100%);width:7.5rem;height:7.5rem;bottom:.5rem;left:-2rem}.sdc-orb-3{background:radial-gradient(circle,#00509d33 0%,#00296b0a 70%,#0000 100%);width:5rem;height:5rem;top:45%;left:60%}.sdc-orb-back-1{background:radial-gradient(circle,#00509d38 0%,#0000 70%);width:7.5rem;height:7.5rem;top:-1rem;left:-2rem}.sdc-orb-back-2{background:radial-gradient(circle,#fdc50038 0%,#0000 70%);width:6.5rem;height:6.5rem;bottom:1rem;right:-1.5rem}.sdc-sc-wave-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sdc-sc-watermark{color:#073b5c09;pointer-events:none;z-index:1;width:12rem;height:12rem;position:absolute;bottom:.2rem;right:-2rem}.sdc-sc-chip-row{z-index:2;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem;display:flex;position:relative}.sdc-emv-chip{background:linear-gradient(135deg,#fef08a 0%,#eab308 30%,#ca8a04 70%,#a16207 100%);border:1px solid #854d0e;border-radius:4px;flex-shrink:0;width:2.1rem;height:1.55rem;position:relative;overflow:hidden;box-shadow:none!important}.sdc-emv-core{border:1px solid #854d0ea6;border-radius:2px;width:.85rem;height:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sdc-emv-line-1{background:#854d0ea6;height:1px;position:absolute;top:50%;left:0;right:0}.sdc-emv-line-2{background:#854d0ea6;width:1px;position:absolute;top:0;bottom:0;left:50%}.sdc-nfc-wave{color:#0284c7;opacity:.8;align-items:center;display:flex}.sdc-sc-photo-wrapper{z-index:2;flex-direction:column;align-items:center;margin:0;display:flex;position:relative}.sdc-sc-photo-frame{background:#f8fafc;border:2.5px solid #003f88;border-radius:16px;width:7.4rem;height:9rem;position:relative;overflow:hidden;box-shadow:none!important}.sdc-sc-photo-frame .sdc-student-photo-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.sdc-sc-photo-frame .sdc-student-photo-placeholder{color:#003f88;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sdc-sc-class-badge{z-index:3;color:#ffd500;letter-spacing:.05em;background:#00296b;border:1.5px solid #fff;border-radius:999px;margin-top:-.6rem;padding:.2rem .85rem;font-size:.62rem;font-weight:700;position:relative;box-shadow:none!important}.sdc-sc-identity{text-align:center;z-index:2;flex-direction:column;flex:initial;align-items:center;gap:.25rem;width:100%;display:flex;position:relative}.sdc-sc-student-name{color:#00296b;text-transform:uppercase;letter-spacing:.015em;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:.05rem 0 .15rem;font-size:.86rem;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.sdc-sc-nisn-clean{align-items:center;gap:.35rem;margin-bottom:.15rem;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.sdc-sc-nisn-label{color:#00509d;letter-spacing:.04em;font-size:.82rem;font-weight:700}.sdc-sc-nisn-val{color:#00296b;letter-spacing:.02em;font-size:.82rem;font-weight:700}.sdc-sc-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-around;align-items:center;width:100%;margin-top:auto;padding:.3rem .5rem;display:flex}.sdc-sc-meta-col{flex-direction:column;align-items:center;gap:.05rem;display:flex}.sdc-sc-meta-k{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.44rem;font-weight:700}.sdc-sc-status-tag{color:#16a34a;align-items:center;gap:.25rem;font-size:.56rem;font-weight:800;display:flex}.sdc-active-dot{background:#16a34a;border-radius:50%;width:5px;height:5px;box-shadow:none!important}.sdc-sc-expiry-clean{color:#475569;justify-content:center;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.65rem;display:flex}.sdc-sc-expiry-label{color:#64748b;font-weight:600}.sdc-sc-expiry-val{color:#00296b;font-weight:700}.sdc-sc-footer{color:#fff;z-index:5;background:#00296b;flex-shrink:0;justify-content:center;align-items:center;padding:.65rem .85rem .75rem;display:flex;position:relative;border-top:none!important}.sdc-sc-footer-left{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.sdc-sc-footer-slogan{letter-spacing:.05em;color:#ffd500;text-align:center;font-size:.62rem;font-weight:800;line-height:1.2}.sdc-sc-footer-sub{color:#e0e7ff;letter-spacing:.02em;text-align:center;margin-top:.1rem;font-size:.48rem}.sdc-sc-hologram-seal{background:#fdc500;border:1.2px dashed #ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;display:flex;box-shadow:none!important}.sdc-seal-inner{color:#00296b;text-align:center;flex-direction:column;align-items:center;line-height:1;display:flex}.sdc-seal-inner span{font-size:.3rem;font-weight:900}.sdc-seal-inner small{letter-spacing:.05em;font-size:.36rem;font-weight:900}.sdc-sc-back-header{color:#fff;text-align:center;background:#00296b;flex-shrink:0;padding:.85rem .85rem .65rem;border-bottom:none!important}.sdc-sc-back-subtitle{color:#fdc500;letter-spacing:.06em;text-transform:uppercase;font-size:.52rem;font-weight:600}.sdc-sc-back-body{background:radial-gradient(circle at 50% 15%,#fff 0%,#f8fafc 100%);flex-direction:column;flex:1;justify-content:space-between;gap:.4rem;padding:.5rem .85rem;display:flex;position:relative;overflow:hidden}.sdc-sc-qr-section{flex-direction:column;align-items:center;gap:.25rem;display:flex}.sdc-sc-qr-box{border-radius:0;justify-content:center;align-items:center;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.sdc-sc-qr-img{width:10.6rem;height:10.6rem;display:block}.sdc-sc-qr-caption{flex-direction:column;align-items:center;gap:.05rem;margin-top:.2rem;display:flex}.sdc-sc-qr-tag{color:#00509d;letter-spacing:.06em;text-transform:uppercase;font-size:.56rem;font-weight:700}.sdc-sc-principal-section{z-index:2;border-top:1px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:auto;padding:.35rem .5rem .2rem;display:flex;position:relative}.sdc-sc-principal-header{text-align:center;color:#334155;flex-direction:column;align-items:center;font-size:.52rem;font-weight:500;line-height:1.35;display:flex}.sdc-sc-principal-header span:last-child{color:#00296b;font-weight:700}.sdc-sc-principal-sign-box{justify-content:center;align-items:center;width:100%;height:3.2rem;margin:.15rem 0;display:flex;position:relative}.sdc-sc-principal-signature-img{object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.15)brightness(.95);width:auto;max-width:8rem;max-height:3.1rem;display:block}.sdc-sc-signature-placeholder{border-bottom:1.5px dotted #94a3b8;width:5.5rem;height:1px;margin:auto 0}.sdc-sc-principal-identity{text-align:center;flex-direction:column;align-items:center;line-height:1.25;display:flex}.sdc-sc-principal-identity strong{color:#073b5c;letter-spacing:.01em;text-underline-offset:2px;font-size:.58rem;font-weight:800;text-decoration:underline}.sdc-sc-principal-identity span{color:#64748b;letter-spacing:.02em;font-size:.46rem;font-weight:600}.sdc-sc-principal-identity .sdc-sc-principal-empty-line{color:#94a3b8;letter-spacing:.03em;font-family:inherit;font-size:.52rem;font-weight:700}.sdc-sc-signature-row{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:flex-end;padding:.2rem .4rem;display:flex;position:relative}.sdc-sc-sign-date{color:#475569;font-size:.46rem;line-height:1.25}.sdc-sc-stamp-and-sign{align-items:center;gap:.35rem;display:flex;position:relative}.sdc-sc-stamp-badge{color:#00509d;opacity:.85;border:1.5px solid #00509dbf;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;line-height:1;display:flex;transform:rotate(-15deg)}.sdc-sc-stamp-badge span{font-size:.32rem;font-weight:900}.sdc-sc-stamp-badge small{font-size:.26rem;font-weight:800}.sdc-sc-sign-info{text-align:right;flex-direction:column;line-height:1.2;display:flex}.sdc-sc-sign-info strong{color:#073b5c;font-size:.52rem}.sdc-sc-sign-info span{color:#64748b;font-size:.42rem}.sdc-sc-back-footer{color:#e0e7ff;text-align:center;letter-spacing:.02em;background:#00296b;flex-shrink:0;padding:.55rem .65rem .65rem;font-size:.46rem;line-height:1.35}.sdc-stage--both{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}@media (width>=720px){.sdc-stage--both{flex-direction:row;justify-content:center;align-items:flex-start}}.sdc-card-column{flex-direction:column;flex:1;align-items:center;gap:.65rem;width:100%;max-width:23.5rem;display:flex}.sdc-side-title{letter-spacing:.12em;text-transform:uppercase;color:#1e293b;text-align:center;font-size:.78rem;font-weight:800}.sdc-badge-card{aspect-ratio:1/1.58;background:#fff;border:1px solid #cbd5e1;border-radius:18px;flex-direction:column;justify-content:space-between;width:15.8rem;max-width:calc(100vw - 4.5rem);height:25.2rem;display:flex;position:relative;overflow:hidden;box-shadow:none!important;padding:0!important}.sdc-qr-fullview-trigger-wrap{justify-content:center;align-items:center;width:100%;margin:-.25rem 0 0;display:flex}@media (width>=768px){.sdc-qr-fullview-trigger-wrap{justify-content:flex-end;max-width:44rem;margin:0 auto}}.sdc-qr-fullview-trigger-btn{background:var(--st-chip-bg,#f1f5f9);color:var(--st-text-contrast,#0f2942);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.25rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 6px #0f172a0a;border:none!important;outline:none!important}.sdc-qr-fullview-trigger-btn:hover{background:var(--st-card-avatar-bg,#e2e8f0);transform:translateY(-1px)scale(1.03)}.sdc-qr-fullview-trigger-btn:active{transform:translateY(0)scale(.97)}.sdc-qr-fullview-page{z-index:9999;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:1.5rem;animation:.2s ease-out sdcQrFullViewFadeIn;display:flex;position:fixed;inset:0;font-family:Poppins,system-ui,-apple-system,sans-serif!important}@keyframes sdcQrFullViewFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sdc-qr-fullview-content{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:24rem;display:flex}.sdc-qr-fullview-box{background:#fff;border-radius:20px;justify-content:center;align-items:center;padding:.75rem;display:flex}.sdc-qr-fullview-img{object-fit:contain;width:min(80vw,20rem);height:min(80vw,20rem);image-rendering:crisp-edges;display:block}.sdc-qr-fullview-back-btn{background:var(--st-btn-bg,#073b5c);color:var(--st-btn-text,#fff);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.75rem;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:none!important;border:none!important;outline:none!important;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sdc-qr-fullview-back-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.sdc-qr-fullview-back-btn:active{transform:translateY(0)scale(.98)}.sdc-guide-dropdown-card{background:#fff;border-radius:18px;width:100%;max-width:28rem;margin:0 auto;transition:all .25s;overflow:hidden;border:1px solid #f1f5f9!important;box-shadow:0 2px 6px #0f172a0a,0 1px 2px #0f172a05!important}@media (width>=768px){.sdc-guide-dropdown-card{max-width:44rem}}.sdc-guide-dropdown-header{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;gap:.85rem;width:100%;padding:1rem 1.15rem;transition:background-color .2s;display:flex;border:none!important;outline:none!important}.sdc-guide-dropdown-header:hover{background:#f8fafc}.sdc-guide-dropdown-header.is-open{background:#f8fafc;border-bottom:1px solid #f1f5f9!important}.sdc-guide-title-wrap{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.sdc-guide-icon-badge{background:var(--st-chip-bg,#e0f2fe);width:2.45rem;height:2.45rem;color:var(--st-badge-text,#0369a1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sdc-guide-text-group{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sdc-guide-main-title{color:#1e293b;margin:0;font-size:.84rem;font-weight:500;line-height:1.25}.sdc-guide-sub-title{color:#64748b;margin:0;font-size:.72rem;font-weight:400;line-height:1.2}.sdc-guide-chevron{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.sdc-guide-chevron.is-rotated{color:var(--st-badge-text,#0369a1);transform:rotate(180deg)}.sdc-guide-dropdown-body{background:#fff;padding:1.15rem 1.25rem 1.35rem;animation:.25s cubic-bezier(.16,1,.3,1) sdcGuideSlideDown}@keyframes sdcGuideSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sdc-guide-steps-list{flex-direction:column;gap:.95rem;display:flex}.sdc-guide-step-item{align-items:flex-start;gap:.75rem;display:flex}.sdc-guide-step-num{width:1.15rem;height:auto;color:var(--st-badge-text,#0369a1);border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:flex-start;margin-top:.05rem;padding:0;font-size:.88rem;font-weight:500;display:flex;background:0 0!important}.sdc-guide-step-content{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sdc-guide-step-title{color:#1e293b;margin:0;font-size:.8rem;font-weight:500;line-height:1.25}.sdc-guide-step-desc{color:#64748b;margin:0;font-size:.72rem;font-weight:400;line-height:1.45}.sdc-guide-step-desc strong{color:#334155;font-weight:500}.sdc-print-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out sdcModalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes sdcModalFadeIn{0%{opacity:0}to{opacity:1}}.sdc-print-modal-dialog{background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;flex-direction:column;width:100%;max-width:760px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) sdcModalZoomIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a59}@keyframes sdcModalZoomIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sdc-print-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.sdc-print-modal-title-group{align-items:center;gap:.75rem;display:flex}.sdc-print-modal-icon{background:var(--sdc-primary-light);width:2.35rem;height:2.35rem;color:var(--sdc-primary-dark);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sdc-print-modal-title{color:#0f172a;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.sdc-print-modal-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.73rem}.sdc-print-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}.sdc-print-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.sdc-print-modal-tip{color:#1e40af;background:#eff6ff;border-bottom:1px solid #dbeafe;align-items:flex-start;gap:.6rem;padding:.75rem 1.4rem;font-size:.72rem;line-height:1.45;display:flex}.sdc-print-modal-tip svg{color:#3b82f6;flex-shrink:0;margin-top:.1rem}.sdc-print-document{background:#f8fafc;flex:1;padding:1.25rem 1.4rem;overflow-y:auto}.sdc-print-sheet{background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-width:175mm;margin:0 auto;padding:1.25rem 1.5rem;box-shadow:0 4px 12px #0f172a0d}.sdc-print-sheet-header{text-align:center;border-bottom:2px solid #0f172a;margin-bottom:1.2rem;padding-bottom:.65rem}.sdc-print-sheet-school{color:#0f172a;letter-spacing:.04em;margin-bottom:.15rem;font-size:1.05rem;font-weight:900}.sdc-print-sheet-sub{color:#475569;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-size:.58rem;font-weight:700}.sdc-print-sheet-doc-title{color:#0f172a;letter-spacing:.08em;background:#f1f5f9;border-radius:4px;padding:.2rem .75rem;font-size:.63rem;font-weight:800;display:inline-block}.sdc-print-cards-container{justify-content:center;align-items:center;gap:1.25rem;margin:1rem 0;display:flex}.sdc-print-card-unit{flex-direction:column;align-items:center;gap:.4rem;display:flex}.sdc-print-unit-tag{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:800}.sdc-print-card-box{box-sizing:border-box;background:#fff;border:1px dashed #94a3b8;border-radius:3.5mm;flex-direction:column;justify-content:space-between;width:54mm;height:85.6mm;display:flex;position:relative;overflow:hidden;box-shadow:none!important;padding:0!important}.sdc-print-lanyard-slot{z-index:4;background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:1.8mm 0 1mm;display:flex}.sdc-print-lanyard-hole{background:#f1f5f9;border:.6px solid #cbd5e1;border-radius:999px;width:8mm;height:1.6mm;display:block}.sdc-print-lanyard-body{background:#fff;flex:1;min-height:0;display:flex;overflow:hidden}.sdc-print-vertical-stripe{background:#073b5c;flex-shrink:0;justify-content:center;align-items:center;width:12mm;display:flex;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sdc-print-vertical-stripe-text{writing-mode:vertical-rl;color:#fff;letter-spacing:.3em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Poppins,Inter,sans-serif;font-size:8pt;font-weight:900;transform:rotate(180deg)}.sdc-print-front-content{background:#fff;flex-direction:column;flex:1;min-width:0;padding:1.2mm 2.2mm 1mm;display:flex;overflow:hidden}.sdc-print-photo-frame{background:#f8fafc;border:1px solid #073b5c;border-radius:1mm;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:32mm;margin-bottom:1.4mm;display:flex;overflow:hidden;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sdc-print-photo-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.sdc-print-photo-placeholder{color:#073b5c;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sdc-print-front-info{text-align:left;flex-direction:column;flex:1;justify-content:flex-start;display:flex;overflow:hidden}.sdc-print-student-name{color:#0f172a;text-transform:uppercase;word-break:break-word;margin:0 0 .6mm;font-family:Poppins,Inter,sans-serif;font-size:6.8pt;font-weight:900;line-height:1.15}.sdc-print-student-subrole{color:#0c5898;text-transform:uppercase;letter-spacing:.02em;margin-bottom:1mm;font-size:4.8pt;font-weight:700}.sdc-print-meta-fields{color:#334155;flex-direction:column;gap:.5mm;font-family:Inter,monospace,sans-serif;font-size:4.8pt;line-height:1.3;display:flex}.sdc-print-meta-row{align-items:baseline;gap:1mm;display:flex}.sdc-print-meta-k{color:#475569;min-width:11mm;font-size:4.6pt;font-weight:700}.sdc-print-meta-v{color:#0f172a;font-weight:600}.sdc-print-meta-row--expires .sdc-print-meta-v{color:#073b5c;font-weight:900}.sdc-print-front-footer{background:#073b5c;flex-shrink:0;align-items:center;gap:1.6mm;width:100%;padding:1.6mm 2.4mm;display:flex;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sdc-print-footer-crest{color:#ffdf00;border:.7px solid #ffffffbf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:4.5mm;height:4.5mm;display:flex}.sdc-print-footer-text{flex-direction:column;display:flex;overflow:hidden}.sdc-print-footer-title{color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:5.2pt;font-weight:900;line-height:1.15}.sdc-print-footer-subtitle{color:#ffffffd9;letter-spacing:.03em;white-space:nowrap;font-size:3.6pt;font-weight:600;line-height:1.2}.sdc-print-fold-divider{border-left:1px dashed #94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:2mm;height:85.6mm;padding:0 2mm;display:flex}.sdc-print-fold-icon{color:#64748b;font-size:13pt;transform:rotate(-90deg)}.sdc-print-fold-text{writing-mode:vertical-rl;color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:4.8pt;font-weight:700}.sdc-print-card-box--back{background:#fff;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden;padding:0!important}.sdc-print-back-navy-header{text-align:center;color:#fff;background:#073b5c;flex-shrink:0;width:100%;padding:1.6mm 2.4mm;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sdc-print-back-school-name{letter-spacing:.04em;text-transform:uppercase;font-size:5.6pt;font-weight:800}.sdc-print-back-school-sub{color:#ffffffd9;letter-spacing:.05em;text-transform:uppercase;font-size:3.8pt;font-weight:600}.sdc-print-back-qr-center-section{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1mm 2mm;display:flex}.sdc-print-qr-box{background:#fff;border:.7px solid #e2e8f0;border-radius:1.8mm;flex-direction:column;align-items:center;gap:.8mm;padding:1.2mm 2.2mm;display:flex}.sdc-print-qr-img{width:25mm;height:25mm;display:block}.sdc-print-qr-label{color:#073b5c;letter-spacing:.03em;font-size:4.8pt;font-weight:800}.sdc-print-back-instructions-compact{color:#475569;background:#f8fafc;border-top:.6px solid #e2e8f0;padding:1.2mm 2.2mm;font-size:4.4pt}.sdc-print-instruction-heading{color:#073b5c;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.6mm;font-size:4.6pt;font-weight:800}.sdc-print-instruction-list{flex-direction:column;gap:.4mm;margin:0;padding-left:3mm;display:flex}.sdc-print-instruction-list li{color:#334155;font-size:4.2pt;line-height:1.2}.sdc-print-back-footer-bar{text-align:center;color:#ffffffd9;letter-spacing:.04em;background:#073b5c;flex-shrink:0;padding:1.2mm 2mm;font-size:3.8pt;font-weight:600;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sdc-print-inst-heading{color:var(--sdc-primary-dark);letter-spacing:.02em;margin-bottom:.6mm;font-size:4.8pt;font-weight:800}.sdc-print-inst-list{color:#475569;text-align:left;margin:0;padding-left:2.8mm;font-size:4.2pt;line-height:1.35}.sdc-print-inst-footer{color:#94a3b8;text-align:center;letter-spacing:.02em;margin-top:.8mm;font-size:4pt;font-weight:700}.sdc-print-sheet-guide{color:#475569;border-top:1px dashed #cbd5e1;flex-direction:column;gap:.35rem;margin-top:1.25rem;padding-top:.75rem;font-size:.68rem;line-height:1.4;display:flex}.sdc-print-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:.85rem 1.4rem;display:flex}.sdc-print-btn{cursor:pointer;border-radius:9px;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.sdc-print-btn--secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.sdc-print-btn--secondary:hover{color:#0f172a;background:#e2e8f0}.sdc-print-btn--download{color:#fff;background:#0d9488;border:none;box-shadow:0 2px 8px #0d948840}.sdc-print-btn--download:hover{background:#0f766e;box-shadow:0 4px 12px #0d948859}.sdc-print-btn--primary{background:var(--sdc-primary-dark);color:#fff;border:none;box-shadow:0 2px 8px #0000001f}.sdc-print-btn--primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px #0000002e}.sdc-print-only-container{display:none}@media print{@page{size:A4 portrait;margin:0}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body,#root,main{width:100%!important;max-width:100%!important;min-height:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.sdc-sc-header,.sdc-sc-ribbon,.sdc-sc-footer,.sdc-sc-back-header,.sdc-sc-back-footer,.sdc-sc-body,.sdc-sc-back-body,.sdc-print-card-box,.sdc-smartcard-front-box,.sdc-smartcard-back-box{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.sdc-sc-glow-orb{mix-blend-mode:normal!important}.sdc-page-wrapper,.sdc-controls-bar,.sdc-interaction-hint,.sdc-3d-scene-container,.sdc-stage--both,.sdc-usage-guide-card,.sdc-guide-dropdown-card,.sdc-qr-fullview-trigger-wrap,.sdc-qr-fullview-page,.sdc-print-no-print,.sh-portal-header,.shd-desktop,.shm-banner,.sh-bottom-nav,.sbn-bar,nav.sbn-bar,.sbn-item,.spm-bottom-nav,nav,header,aside,footer{visibility:hidden!important;height:0!important;display:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.sdc-print-only-container{box-sizing:border-box!important;background:#fff!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;margin:0 auto!important;padding:14mm 0 10mm!important;display:flex!important}.sdc-print-cards-container{flex-direction:column!important;align-items:center!important;gap:0!important;margin:0 auto!important;display:flex!important}.sdc-print-card-unit{page-break-inside:avoid!important;break-inside:avoid!important;justify-content:center!important;display:flex!important}.sdc-print-cutting-line{align-items:center!important;gap:2mm!important;width:70mm!important;margin:6mm 0!important;display:flex!important}.sdc-print-cut-icon{color:#64748b!important;font-size:11pt!important}.sdc-print-cut-dash{border-top:1.5px dashed #94a3b8!important;flex:1!important;height:0!important}.sdc-print-card-box{--sdc-print-zoom:.807;zoom:var(--sdc-print-zoom);box-sizing:border-box!important;width:15.8rem!important;height:25.2rem!important;box-shadow:none!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;flex-direction:column!important;display:flex!important;position:relative!important;overflow:hidden!important}}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sh-history-root,.sh-history-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sh-history-root{flex-direction:column;gap:1.15rem;min-height:calc(100vh - 4.5rem);padding:1.15rem 1.15rem 5rem;display:flex;background:#fff!important}@media (width>=768px){.sh-history-root{border-radius:1.5rem;overflow:hidden}}.sh-history-back-bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sh-history-back-btn{color:#334155;cursor:pointer;background:#f8fafc;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.78rem;font-weight:500;transition:all .18s;display:inline-flex;box-shadow:none!important;border:none!important}.sh-history-back-btn:hover{color:var(--st-badge-text,#0369a1);background:#f1f5f9;transform:translateY(-1px)}.sh-history-refresh-btn{color:#64748b;cursor:pointer;background:#f8fafc;border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.75rem;font-weight:500;transition:all .18s;display:inline-flex;box-shadow:none!important;border:none!important}.sh-history-refresh-btn:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.sh-history-panel{background:#fff;border-radius:0;flex-direction:column;flex:1;gap:1.15rem;padding:0;display:flex;box-shadow:none!important;border:none!important}.sh-history-header{flex-direction:column;gap:.4rem;display:flex}.sh-history-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sh-history-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.sh-history-subtitle-wrap{flex-direction:column;gap:.15rem;margin-top:.2rem;display:flex}.sh-history-subtitle-main{color:#0f172a;font-size:.88rem;font-weight:600;line-height:1.3}.sh-history-subtitle-nisn{color:#64748b;font-size:.76rem;font-weight:400;line-height:1.2}.sh-history-stat-strip{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:0;display:grid}@media (width<=480px){.sh-history-stat-strip{grid-template-columns:repeat(2,1fr);gap:.6rem}}.sh-stat-box{background:#f8fafc;border-radius:14px;flex-direction:column;gap:.25rem;padding:.85rem .95rem;transition:transform .15s;display:flex}.sh-stat-box:hover{transform:translateY(-1px)}.sh-stat-box-label{color:#64748b;font-size:.74rem;font-weight:500}.sh-stat-box-num{color:#0f172a;font-size:1.35rem;font-weight:700;line-height:1.15}.sh-stat-box.hadir .sh-stat-box-num{color:#10b981}.sh-stat-box.izin .sh-stat-box-num{color:#3b82f6}.sh-stat-box.sakit .sh-stat-box-num{color:#f59e0b}.sh-stat-box.alpa .sh-stat-box-num{color:#ef4444}.sh-history-controls{flex-direction:column;gap:.65rem;display:flex}.sh-search-row{align-items:stretch;gap:.5rem;width:100%;display:flex}.sh-filter-toggle-btn{color:#64748b;cursor:pointer;background:#f1f4f9;border-radius:12px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:auto;min-width:2.6rem;padding:0 .85rem;transition:all .2s;display:flex;box-shadow:none!important;border:none!important}.sh-filter-toggle-btn:hover{color:#0f172a;background:#e8edf5}.sh-filter-toggle-btn.active{background:var(--st-btn-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:var(--st-btn-text,#0f2942)!important;box-shadow:none!important}.theme-student-girl .sh-filter-toggle-btn.active{background:var(--st-btn-bg,linear-gradient(135deg, #ffafcc 0%, #ffc8dd 100%))!important;color:#fff!important;box-shadow:none!important}.sh-search-pill{flex:1;width:auto;transition:background-color .2s;box-shadow:none!important;background:#f1f4f9!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:.55rem!important;padding:.72rem 1rem!important;display:flex!important}.sh-search-pill:hover{background:#e8edf5!important}.sh-search-pill:focus-within{box-shadow:none!important;background:#e2e8f0!important;border:none!important}.sh-search-icon{flex-shrink:0;transition:color .2s;color:#94a3b8!important;width:15px!important;height:15px!important}.sh-search-pill:focus-within .sh-search-icon{color:#64748b!important}.sh-search-input{box-shadow:none!important;color:#1e293b!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;font-size:.74rem!important;font-weight:400!important;line-height:1.4!important}.sh-search-input::placeholder{color:#94a3b8!important;font-size:.74rem!important;font-weight:400!important}.sh-search-clear-btn{cursor:pointer;color:#94a3b8!important;background:0 0!important;border:none!important;padding:0!important;font-size:1.15rem!important;line-height:1!important}.sh-search-clear-btn:hover{color:#475569!important}.sh-history-chips-row{-webkit-overflow-scrolling:touch;align-items:center;gap:.4rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.sh-history-chips-row::-webkit-scrollbar{height:4px}.sh-history-chips-row::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sh-h-chip{cursor:pointer;white-space:nowrap;border-radius:999px;padding:.38rem .85rem;transition:all .15s;color:#64748b!important;box-shadow:none!important;background:#f1f4f9!important;border:none!important;font-size:.72rem!important;font-weight:500!important}.sh-h-chip:hover{color:#1e293b!important;background:#e2e8f0!important}.sh-h-chip.active{background:var(--st-btn-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:var(--st-btn-text,#0f2942)!important;box-shadow:none!important;font-weight:600!important}.theme-student-girl .sh-h-chip.active{background:var(--st-btn-bg,linear-gradient(135deg, #ffafcc 0%, #ffc8dd 100%))!important;color:#fff!important;box-shadow:none!important}.sh-h-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:14px;overflow-x:auto}.sh-h-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:.76rem}.sh-h-table thead{color:#475569;background:#f8fafc;font-weight:600}.sh-h-table th{text-transform:uppercase;letter-spacing:.03em;color:#64748b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:.75rem .85rem;font-size:.72rem}.sh-h-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.75rem .85rem}.sh-h-table tbody tr:hover{background:#f8fafc}.sh-h-date-cell{flex-direction:column;gap:.1rem;display:flex}.sh-h-day-name{color:#0f172a;font-weight:600}.sh-h-full-date{color:#64748b;font-size:.68rem}.sh-h-time-badge{color:#334155;white-space:nowrap;font-size:.74rem;font-weight:600}.sh-h-dash{color:#cbd5e1}.sh-h-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.68rem;font-weight:600;display:inline-flex}.sh-h-status-badge.hadir{color:#10b981;background:#10b9811f}.sh-h-status-badge.terlambat{color:#f59e0b;background:#f59e0b1f}.sh-h-status-badge.izin{color:#3b82f6;background:#3b82f61f}.sh-h-status-badge.sakit{color:#f59e0b;background:#f59e0b1f}.sh-h-status-badge.dispensasi{color:#3b82f6;background:#3b82f61f}.sh-h-status-badge.alpa{color:#ef4444;background:#ef44441f}.sh-h-notes-cell{flex-direction:column;gap:.35rem;display:flex}.sh-h-note-text{color:#475569;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.72rem;overflow:hidden}.sh-h-view-letter-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border-radius:8px;align-items:center;gap:.3rem;width:fit-content;padding:.25rem .55rem;font-size:.68rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #15803d1a;border:none!important}.sh-h-view-letter-btn:hover{background:#dcfce7;transform:translateY(-1px)}.sh-h-empty-state{text-align:center;color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:280px;padding:3rem 1.5rem;display:flex}.sh-h-empty-title{color:#475569;margin:0;font-size:.88rem;font-weight:600}.sh-h-empty-desc{margin:0;font-size:.74rem}.sh-modal-backdrop{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out sh-modal-fade;display:flex;position:fixed;inset:0}.sh-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) sh-modal-pop;display:flex;overflow-y:auto;box-shadow:0 20px 40px -15px #00000040,0 0 0 1px #0000000d;border:none!important}.sh-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.75rem;padding:1.15rem 1.35rem;display:flex}.sh-modal-title{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.sh-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;transition:all .15s;display:flex}.sh-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.sh-modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;display:flex}.sh-modal-info-box{background:#f8fafc;border-radius:14px;grid-template-columns:1fr 1fr;gap:.75rem;padding:.85rem 1rem;display:grid}.sh-modal-info-item{flex-direction:column;gap:.15rem;display:flex}.sh-modal-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.66rem;font-weight:600}.sh-modal-info-val{color:#0f172a;font-size:.78rem;font-weight:600}.sh-modal-reason-card{border-left:4px solid var(--st-badge-text,#0284c7);background:#fff;border-radius:14px;flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex;box-shadow:0 2px 8px #0f172a0d}.sh-modal-reason-title{color:#334155;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:700}.sh-modal-reason-text{color:#1e293b;margin:0;font-size:.78rem;line-height:1.5}.sh-modal-doc-preview{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:1rem;display:flex;overflow:hidden}.sh-modal-doc-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:240px}.sh-modal-doc-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:.45rem;display:flex}.sh-modal-doc-placeholder svg{color:#94a3b8}.sh-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:.95rem 1.35rem;display:flex}.sh-modal-primary-btn{background:var(--st-badge-text,#0284c7);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.55rem 1.25rem;font-size:.76rem;font-weight:600;transition:opacity .15s}.sh-modal-primary-btn:hover{opacity:.9}@keyframes sh-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes sh-modal-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sp5-root,.sp5-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sp5-root{width:100%;max-width:100%;padding:.75rem 1.15rem calc(6.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.15rem;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) forwards sp5FadeIn;display:flex}@media (width>=768px){.sp5-root{background:#fff!important;border-radius:1.5rem!important;max-width:100%!important;margin:0!important;padding:1.5rem 1.75rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}}@keyframes sp5FadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp5-student-banner{background:#f8fafc;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 3px #0f172a08}.sp5-student-left{align-items:center;gap:.75rem;display:flex}.sp5-student-avatar{background:var(--st-card-avatar-bg,#bde0fe);width:2.6rem;height:2.6rem;color:var(--st-text-contrast,#0f2942);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;display:flex;overflow:hidden}.sp5-student-name{color:#0f172a;margin:0;font-size:.88rem;font-weight:500;line-height:1.25}.sp5-student-meta{color:#64748b;margin:.15rem 0 0;font-size:.72rem;font-weight:400}.sp5-class-badge{color:#334155;white-space:nowrap;background:#e2e8f0;border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:500}.sp5-main-tabs{background:#f1f5f9;border-radius:.85rem;gap:.4rem;padding:.25rem;display:flex}.sp5-main-tab-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:.65rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .85rem;font-size:.74rem;font-weight:400;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sp5-main-tab-btn.active{color:#0f172a;background:#fff;font-weight:500;box-shadow:0 1px 3px #0f172a14}.sp5-card{background:#fff;border-radius:1.15rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 18px #0f172a0a,0 1px 3px #0f172a05}.sp5-card-header{justify-content:space-between;align-items:center;display:flex}.sp5-section-title{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:.85rem;font-weight:500}.sp5-section-subtitle{color:#64748b;margin:.2rem 0 0;font-size:.72rem;font-weight:400;line-height:1.4}.sp5-hero-stat-card{background:#f8fafc;border-radius:.95rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.sp5-stat-left{flex-direction:column;gap:.2rem;display:flex}.sp5-stat-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:.68rem;font-weight:500}.sp5-stat-number{color:#0f172a;font-size:1.35rem;font-weight:600;line-height:1.2}.sp5-stat-desc{color:#64748b;margin:0;font-size:.72rem;font-weight:400;line-height:1.35}.sp5-stat-badge-icon{background:var(--st-card-avatar-bg,#bde0fe);width:3.25rem;height:3.25rem;color:var(--st-frosted-icon-color,#0284c7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp5-filter-pills{background:#f1f5f9;border-radius:.75rem;gap:.4rem;padding:.25rem;display:flex}.sp5-filter-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:.6rem;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.72rem;font-weight:400;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sp5-filter-btn.active{color:#0f172a;background:#fff;font-weight:500;box-shadow:0 1px 3px #0f172a14}.sp5-item{background:#fff;border-radius:1.15rem;flex-direction:column;gap:.85rem;padding:1.15rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #0f172a0a,0 1px 3px #0f172a05}.sp5-item:hover{transform:translateY(-1px);box-shadow:0 6px 22px #0f172a0f}.sp5-item-top{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.sp5-theme-badge{color:#166534;text-transform:uppercase;letter-spacing:.03em;background:#f0fdf4;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.66rem;font-weight:500;display:inline-flex}.sp5-theme-badge.creative{color:#1e40af;background:#eff6ff}.sp5-theme-badge.sustainability{color:#166534;background:#f0fdf4}.sp5-theme-badge.culture{color:#9a3412;background:#fff7ed}.sp5-date-text{color:#94a3b8;white-space:nowrap;font-size:.7rem;font-weight:400}.sp5-item-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:.94rem;font-weight:500;line-height:1.35}.sp5-dimensions-wrap{flex-wrap:wrap;gap:.35rem;display:flex}.sp5-dim-pill{color:#334155;background:#f1f5f9;border-radius:.45rem;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.64rem;font-weight:400;display:inline-flex}.sp5-activity-box{background:#f8fafc;border-radius:.85rem;flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.sp5-activity-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:.68rem;font-weight:500}.sp5-activity-content{color:#334155;margin:0;font-size:.77rem;font-weight:400;line-height:1.5}.sp5-notes-box{color:#0369a1;background:#f0f9ff;border-radius:.85rem;padding:.85rem 1rem;font-size:.72rem;font-weight:400;line-height:1.45;border:none!important}.sp5-notes-title{margin-bottom:.2rem;font-weight:500;display:block}.sp5-item-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.65rem;font-size:.72rem;font-weight:400;display:flex}.sp5-facilitator-info{align-items:center;gap:.4rem;display:flex}.sp5-facilitator-avatar{color:#334155;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.62rem;font-weight:500;display:flex}.sp5-group-box{background:#f8fafc;border-radius:.85rem;flex-direction:column;gap:.65rem;padding:1rem;display:flex}.sp5-group-header{justify-content:space-between;align-items:center;display:flex}.sp5-group-title{color:#0f172a;margin:0;font-size:.88rem;font-weight:500}.sp5-group-role-badge{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:500}.sp5-members-list{border-top:1px solid #e2e8f0;flex-direction:column;gap:.35rem;padding-top:.4rem;display:flex}.sp5-member-item{color:#475569;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.sp5-member-item.is-self{color:#0f172a;font-weight:500}.sp5-scale-pill{border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.65rem;font-weight:500;display:inline-flex}.sp5-scale-pill.sab{color:#15803d;background:#dcfce7}.sp5-scale-pill.bsh{color:#0369a1;background:#e0f2fe}.sp5-scale-pill.mb{color:#c2410c;background:#ffedd5}.sp5-scale-pill.bb{color:#b91c1c;background:#fee2e2}.sp5-stages-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.sp5-stage-card{text-align:center;background:#f8fafc;border-radius:.75rem;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .35rem;display:flex}.sp5-stage-card.completed{background:#f0fdf4}.sp5-stage-dot{color:#fff;background:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.62rem;display:flex}.sp5-stage-card.completed .sp5-stage-dot{background:#16a34a}.sp5-stage-label{color:#64748b;font-size:.62rem;font-weight:400;line-height:1.2}.sp5-stage-card.completed .sp5-stage-label{color:#15803d;font-weight:500}.sp5-empty-card{text-align:center;background:#fff;border-radius:1.15rem;flex-direction:column;align-items:center;gap:.65rem;padding:3rem 1.5rem;display:flex;box-shadow:0 4px 18px #0f172a0a,0 1px 3px #0f172a05}.sp5-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.sp5-empty-title{color:#1e293b;margin:0;font-size:.95rem;font-weight:500}.sp5-empty-desc{color:#64748b;max-width:18rem;margin:0;font-size:.74rem;font-weight:400;line-height:1.45}.sp5-spinner{border:2px solid #e2e8f0;border-top-color:var(--st-frosted-icon-color,#0284c7);border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite sp5Spin}@keyframes sp5Spin{to{transform:rotate(360deg)}}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.spm-root,.spm-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.spm-root{width:100%;max-width:100%;padding:.75rem 1.15rem calc(6.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.15rem;margin:0 auto;display:flex}@media (width>=768px){.spm-root{background:#fff!important;border-radius:1.5rem!important;max-width:100%!important;margin:0!important;padding:1.75rem 2rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}}.spm-top-bar{justify-content:space-between;align-items:center;padding:.25rem .5rem;display:flex;position:relative}.spm-top-bar-placeholder{width:2.35rem}.spm-top-title{color:#0f172a;text-align:center;letter-spacing:-.01em;flex:1;margin:0;font-size:1.15rem;font-weight:700}.spm-bell-btn{color:#334155;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.spm-bell-btn:hover{background:#f8fafc;transform:scale(1.05)}.spm-bell-dot{background:#f43f5e;border:1.5px solid #fff;border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.5rem;right:.55rem}.spm-hero-wrapper{flex-direction:column;align-items:center;margin-top:1.25rem;display:flex;position:relative}.spm-avatar-container{background:var(--st-card-avatar-bg,#bde0fe);z-index:10;cursor:pointer;border:1.5px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:6.85rem;height:6.85rem;margin-bottom:-2.75rem;padding:2px;transition:all .25s;display:flex;position:relative;box-shadow:none!important}.spm-avatar-img-wrap{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:none!important;border:1px solid #0000000d!important;outline:none!important}.spm-avatar-img{object-fit:cover;width:100%;height:100%;border:none!important;outline:none!important}.spm-avatar-fallback{color:var(--st-text-contrast,#0f2942);font-size:2.2rem;font-weight:700}.spm-verified-badge{background:var(--st-brand-primary,#a2d2ff);color:#fff;z-index:12;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;display:flex;position:absolute;top:.25rem;left:.25rem;box-shadow:0 1px 3px #00000014}.spm-avatar-upload-badge{background:var(--st-brand-primary,#0284c7);color:#fff;cursor:pointer;z-index:14;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:1.95rem;height:1.95rem;transition:transform .15s,filter .15s;display:flex;position:absolute;bottom:.15rem;right:.15rem;box-shadow:0 1px 4px #0000001a}.spm-avatar-upload-badge:hover{filter:brightness(1.08);transform:scale(1.1)}.spm-avatar-upload-overlay{color:#fff;opacity:0;z-index:11;background:#0006;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.spm-avatar-container:hover .spm-avatar-upload-overlay{opacity:1}.spm-avatar-upload-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spm-spin}@keyframes spm-spin{to{transform:rotate(360deg)}}.spm-card-hero{z-index:5;background:#fff;border:none;border-radius:1.35rem;flex-direction:column;gap:1.15rem;width:100%;padding:3.5rem 1.35rem 1.35rem;display:flex;position:relative;box-shadow:0 1px 4px #0000000a,0 1px 2px #00000005}.spm-user-main{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.spm-user-text{flex-direction:column;gap:.15rem;display:flex}.spm-user-name{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700;line-height:1.25}.spm-user-role{color:#64748b;margin:0;font-size:.76rem;font-weight:500}.spm-user-action-btn{color:#334155;cursor:pointer;background:#f8fafc;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;transition:all .2s;display:flex}.spm-user-action-btn:hover{color:#004e89;background:#f1f5f9;transform:scale(1.05)}.spm-verification-block{flex-direction:column;gap:.45rem;margin-top:.25rem;display:flex}.spm-verification-head{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.spm-verification-label{color:#64748b;font-weight:500}.spm-verification-percent{color:#0f172a;font-weight:700}.spm-progress-track{background:#f1f5f9;border-radius:999px;width:100%;height:.55rem;overflow:hidden}.spm-progress-fill{background:var(--st-btn-bg,linear-gradient(135deg, #a2d2ff, #bde0fe));border-radius:999px;height:100%;transition:width .5s}.spm-gender-theme-card{background:#fff;border-radius:1.25rem;flex-direction:column;gap:.75rem;padding:1.15rem 1.25rem;display:flex;box-shadow:0 1px 4px #0000000a,0 1px 2px #00000005}.spm-gender-theme-header{flex-direction:column;gap:.15rem;display:flex}.spm-gender-theme-title{color:#0f172a;align-items:center;gap:.45rem;margin:0;font-size:.88rem;font-weight:700;display:flex}.spm-gender-theme-desc{color:#64748b;margin:0;font-size:.74rem}.spm-gender-theme-options{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.spm-gender-btn{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #0000;border-radius:.95rem;justify-content:center;align-items:center;gap:.45rem;padding:.72rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.spm-gender-btn.boy-btn{color:#0369a1;background:#f0f7ff;border-color:#e0f2fe}.spm-gender-btn.boy-btn.active{color:#0f2942;background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%);border-color:#a2d2ff;font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #a2d2ff73}.spm-gender-btn.girl-btn{color:#be185d;background:#fff0f5;border-color:#fce7f3}.spm-gender-btn.girl-btn.active{color:#fff;background:linear-gradient(135deg,#ffafcc 0%,#ffc8dd 100%);border-color:#ffafcc;font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #ffafcc73}.spm-grid-tiles{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.spm-tile-card{cursor:pointer;background:#f8fafc;border:none;border-radius:1.25rem;flex-direction:column;justify-content:space-between;min-height:7.25rem;padding:1.15rem 1rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.spm-tile-card:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 2px 6px #0000000a}.spm-tile-top{justify-content:space-between;align-items:center;display:flex}.spm-tile-tag{color:#475569;background:#fff;border-radius:999px;padding:.18rem .55rem;font-size:.65rem;font-weight:600;box-shadow:0 1px 2px #00000008}.spm-tile-arrow{color:#334155;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;box-shadow:0 1px 2px #00000008}.spm-tile-title{color:#0f172a;margin:0;font-size:.8rem;font-weight:700;line-height:1.3}.spm-tile-sub{color:#64748b;margin:.2rem 0 0;font-size:.65rem;line-height:1.35}.spm-settings-section{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.spm-section-heading{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.spm-settings-list{flex-direction:column;gap:.55rem;display:flex}.spm-setting-item{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:1.15rem;justify-content:space-between;align-items:center;gap:.85rem;width:100%;padding:.85rem 1.15rem;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000008}.spm-setting-item:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 6px #0000000d}.spm-setting-left{align-items:center;gap:.85rem;display:flex}.spm-setting-icon{color:#334155;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;display:flex}.spm-setting-label{color:#1e293b;font-size:.82rem;font-weight:600}.spm-setting-chevron{color:#94a3b8;justify-content:center;align-items:center;display:flex}.spm-setting-item.logout{background:#fff}@media (width>=768px){.spm-setting-item.logout{display:none!important}}.spm-setting-item.logout:hover{background:#fef2f2}.spm-setting-item.logout .spm-setting-icon{color:#dc2626;background:#fee2e2}.spm-setting-item.logout .spm-setting-label{color:#dc2626}.spm-modal-overlay{z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.spm-modal-card{background:#fff;border-radius:1.35rem;flex-direction:column;gap:1rem;width:100%;max-width:26rem;padding:1.35rem;display:flex;box-shadow:0 8px 25px #0000001a}.spm-modal-head{justify-content:space-between;align-items:center;display:flex}.spm-modal-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.spm-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.spm-info-page{flex-direction:column;gap:1.15rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards spmFaceFadeIn;display:flex}.spm-info-student-banner{background:#f8fafc;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 3px #0f172a08}.spm-info-student-left{align-items:center;gap:.75rem;display:flex}.spm-info-student-avatar{background:var(--st-card-avatar-bg,#bde0fe);width:2.6rem;height:2.6rem;color:var(--st-text-contrast,#0f2942);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.spm-info-student-name{color:#0f172a;margin:0;font-size:.88rem;font-weight:700;line-height:1.25}.spm-info-student-meta{color:#64748b;margin:.15rem 0 0;font-size:.72rem;font-weight:500}.spm-info-class-badge{color:#334155;white-space:nowrap;background:#e2e8f0;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;font-weight:600}.spm-info-card{background:#fff;border-radius:1.15rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 18px #0f172a0a,0 1px 3px #0f172a05}.spm-info-section-title{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:.82rem;font-weight:700}.spm-info-field{flex-direction:column;gap:.35rem;display:flex}.spm-info-label{color:#334155;font-size:.74rem;font-weight:600}.spm-info-input-box{color:#0f172a;background:#f1f5f9;border:1.5px solid #0000;border-radius:.75rem;justify-content:space-between;align-items:center;min-height:2.75rem;padding:.75rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.spm-info-input-editable{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.82rem;font-weight:600}.spm-info-input-box.editing{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 10px #0000000a}.spm-info-input-box.editing:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.spm-info-select{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.82rem;font-weight:600}.spm-info-btn-action{cursor:pointer;border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1rem;font-size:.84rem;font-weight:700;transition:all .2s;display:flex;box-shadow:none!important}.spm-info-btn-action:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.spm-info-btn-action:disabled{opacity:.65;cursor:not-allowed}.spm-details-grid{flex-direction:column;gap:.65rem;display:flex}.spm-detail-row{background:#f8fafc;border-radius:.65rem;flex-direction:column;padding:.65rem .85rem;display:flex}.spm-detail-lbl{color:#64748b;text-transform:uppercase;font-size:.65rem;font-weight:500}.spm-detail-val{color:#0f172a;margin-top:.1rem;font-size:.82rem;font-weight:600}.spm-face-page{animation:.25s cubic-bezier(.16,1,.3,1) forwards spmFaceFadeIn}@keyframes spmFaceFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spm-face-topbar{justify-content:flex-end;align-items:center;margin-bottom:.65rem;display:flex}.spm-face-back-btn{display:none!important}.spm-biometric-btn{cursor:pointer;box-shadow:none!important;transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s,opacity .2s!important}.spm-biometric-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:none!important}.spm-biometric-btn:active:not(:disabled){filter:brightness(.96);transform:translateY(0);box-shadow:none!important}.spm-face-hero-card{text-align:center;background:#fff;border-radius:1.25rem;flex-direction:column;align-items:center;gap:1rem;padding:1.4rem 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0a,0 1px 3px #0f172a05}.spm-face-scanner-container{justify-content:center;align-items:center;width:7.5rem;height:7.5rem;display:flex;position:relative}.spm-face-brackets{pointer-events:none;position:absolute;inset:0}.spm-face-bracket-tl,.spm-face-bracket-tr,.spm-face-bracket-bl,.spm-face-bracket-br{border:0 solid #0284c7;width:1.25rem;height:1.25rem;position:absolute}.spm-face-bracket-tl{border-top-width:2.5px;border-left-width:2.5px;border-top-left-radius:.5rem;top:0;left:0}.spm-face-bracket-tr{border-top-width:2.5px;border-right-width:2.5px;border-top-right-radius:.5rem;top:0;right:0}.spm-face-bracket-bl{border-bottom-width:2.5px;border-left-width:2.5px;border-bottom-left-radius:.5rem;bottom:0;left:0}.spm-face-bracket-br{border-bottom-width:2.5px;border-right-width:2.5px;border-bottom-right-radius:.5rem;bottom:0;right:0}.spm-face-avatar-box{background:#f1f5f9;border-radius:1rem;justify-content:center;align-items:center;width:5.75rem;height:5.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.spm-face-scan-beam{background:linear-gradient(90deg,#0000,#0284c7,#0000);height:2px;animation:2.2s ease-in-out infinite alternate spmScanLine;position:absolute;left:0;right:0;box-shadow:0 0 10px #0284c7}@keyframes spmScanLine{0%{top:5%}to{top:92%}}.spm-face-card-body{background:#fff;border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 20px #0f172a0a}@keyframes spin{to{transform:rotate(360deg)}}.spm-photo-modal-backdrop{-webkit-backdrop-filter:none;z-index:999999;background:#000000d9;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out forwards spmFadeIn;display:flex;position:fixed;inset:0}.spm-photo-modal-content{background:#fff;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;max-width:24rem;padding:1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards spmScaleUp;display:flex;position:relative;box-shadow:0 20px 40px #00000040}@keyframes spmScaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.spm-photo-modal-close{color:#475569;cursor:pointer;z-index:10;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;transition:all .2s;display:flex;position:absolute;top:.85rem;right:.85rem}.spm-photo-modal-close:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.spm-photo-modal-img-container{aspect-ratio:1;background:#f8fafc;border:1px solid #0000000f;border-radius:1.15rem;justify-content:center;align-items:center;width:100%;max-width:20rem;display:flex;overflow:hidden}.spm-photo-modal-img{object-fit:cover;width:100%;height:100%}.spm-photo-modal-fallback{color:var(--st-text-contrast,#0f2942);font-size:5rem;font-weight:800}.spm-photo-modal-footer{text-align:center;flex-direction:column;align-items:center;gap:.2rem;margin-top:1rem;display:flex}.spm-photo-modal-title{color:#0f172a;font-size:1.05rem;font-weight:700}.spm-photo-modal-subtitle{color:#64748b;font-size:.78rem;font-weight:500}.shc-wrapper{flex-direction:column;gap:1rem;width:100%;max-width:36rem;margin:0 auto;padding-bottom:2.5rem;font-family:Poppins,sans-serif;display:flex}.shc-nav-bar{justify-content:space-between;align-items:center;padding:.25rem .25rem 0;display:flex}.shc-back-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.shc-back-btn:hover{background-color:#f8fafc}.shc-badge-pill{letter-spacing:.05em;text-transform:uppercase;color:#075985;background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.shc-hero-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.shc-hero-head{align-items:flex-start;gap:.875rem;display:flex}.shc-hero-icon{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 1px 2px #0000000d}.shc-hero-title{color:#1e293b;margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.shc-hero-desc{color:#64748b;margin:.125rem 0 0;font-size:.75rem;line-height:1.5}.shc-segmented-tabs{background-color:#f1f5f9;border-radius:.75rem;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.25rem;padding:.25rem;display:grid}.shc-tab-btn{cursor:pointer;color:#475569;background-color:#0000;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.shc-tab-btn:hover{color:#0f172a}.shc-tab-btn.active{color:#1e293b;background-color:#fff;box-shadow:0 1px 3px #00000014}.shc-safety-banner{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdfa 50%,#f0f9ff 100%);border:1px solid #a7f3d0b3;border-radius:1rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000a}.shc-safety-icon-wrap{color:#fff;background-color:#10b981;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;box-shadow:0 1px 2px #0000000d}.shc-safety-title{color:#064e3b;margin-bottom:.125rem;font-size:.75rem;font-weight:700;display:block}.shc-safety-text{color:#065f46;margin:0;font-size:.71875rem;line-height:1.5}.shc-success-alert{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;font-size:.75rem;display:flex}.shc-form-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.shc-form-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.shc-form-title{color:#1e293b;margin:0;font-size:.875rem;font-weight:700}.shc-form-subtitle{color:#64748b;margin:.125rem 0 0;font-size:.6875rem}.shc-privacy-tag{text-transform:uppercase;letter-spacing:.05em;color:#b45309;background-color:#fffbeb;border:1px solid #fde68a;border-radius:.375rem;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.shc-field{flex-direction:column;display:flex}.shc-field-label{color:#334155;margin-bottom:.375rem;font-size:.75rem;font-weight:700}.shc-privacy-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem;display:grid}.shc-privacy-option{text-align:left;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.125rem;padding:.75rem;transition:all .15s;display:flex}.shc-privacy-option.active{background-color:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 2px #bae6fdb3}.shc-category-list{flex-direction:column;gap:.375rem;display:flex}.shc-category-btn{text-align:left;cursor:pointer;color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.625rem;transition:all .15s;display:flex}.shc-category-btn:hover{background-color:#f8fafc}.shc-category-btn.active{color:#082f49;background-color:#f0f9ff;border-color:#0284c7;font-weight:600}.shc-grid-2{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}.shc-input,.shc-select,.shc-textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;width:100%;padding:.625rem .75rem;font-family:inherit;font-size:.75rem;transition:border-color .15s}.shc-input:focus,.shc-select:focus,.shc-textarea:focus{border-color:#38bdf8}.shc-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.75rem;font-weight:700;transition:opacity .2s;display:flex;box-shadow:0 1px 3px #0000001a}.shc-submit-btn:disabled{opacity:.5;cursor:not-allowed}.shc-hotline-card{background-color:#fffbeb;border:1px solid #fde68a;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.shc-hotline-title{color:#78350f;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.shc-hotline-desc{color:#92400e;margin:0;font-size:.6875rem;line-height:1.5}.shc-wa-btn{color:#fff;background-color:#059669;border-radius:.75rem;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;margin-top:.25rem;padding:.625rem 1rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.shc-wa-btn:hover{background-color:#047857}.shc-history-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.shc-history-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:.75rem;flex-direction:column;gap:.375rem;padding:.75rem;display:flex}.shc-search-box{width:100%;position:relative}.shc-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:.75rem;left:.875rem}.shc-search-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;width:100%;padding:.625rem 1rem .625rem 2.5rem;font-family:inherit;font-size:.75rem;box-shadow:0 1px 2px #0000000a}.shc-accordion-list{flex-direction:column;gap:.625rem;display:flex}.shc-accordion-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #00000008}.shc-accordion-toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-family:inherit;display:flex}.shc-accordion-tag{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:700}.shc-accordion-title{color:#1e293b;margin:.25rem 0 0;font-size:.75rem;font-weight:700}.shc-accordion-icon-wrap{color:#64748b;background-color:#f8fafc;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:transform .2s;display:flex}.shc-accordion-icon-wrap.open{color:#1e293b;background-color:#f1f5f9;transform:rotate(180deg)}.shc-accordion-body{border-top:1px solid #f8fafc;flex-direction:column;gap:.5rem;padding:.25rem 1rem 1rem;display:flex}.shc-step-row{color:#475569;align-items:flex-start;gap:.625rem;font-size:.75rem;line-height:1.5;display:flex}.shc-step-bubble{color:#075985;background-color:#e0f2fe;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-top:.125rem;font-size:.65625rem;font-weight:700;display:flex}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.spi-root,.spi-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.spi-root{width:100%;max-width:100%;padding:.75rem 1.15rem calc(6.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.15rem;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) forwards spiFadeIn;display:flex}@media (width>=768px){.spi-root{background:#fff!important;border-radius:1.5rem!important;max-width:100%!important;margin:0!important;padding:1.75rem 2rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}}@keyframes spiFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spi-student-banner{background:#f8fafc;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 3px #0f172a08}.spi-student-left{align-items:center;gap:.75rem;display:flex}.spi-student-avatar{background:var(--st-card-avatar-bg,#bde0fe);width:2.6rem;height:2.6rem;color:var(--st-text-contrast,#0f2942);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.spi-student-name{color:#0f172a;margin:0;font-size:.88rem;font-weight:700;line-height:1.25}.spi-student-meta{color:#64748b;margin:.15rem 0 0;font-size:.72rem;font-weight:500}.spi-class-badge{color:#334155;white-space:nowrap;background:#e2e8f0;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;font-weight:600}.spi-pending-card{background:#fff;border-radius:1.15rem;flex-direction:column;gap:.65rem;padding:1.15rem 1.25rem;display:flex;box-shadow:0 4px 18px #0f172a0a,0 1px 3px #0f172a05;border:none!important}.spi-pending-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.spi-pending-title{color:#1e293b;letter-spacing:-.01em;font-size:.8rem;font-weight:700}.spi-pending-badge{color:#d97706;letter-spacing:.04em;background:#fef3c7;border-radius:.45rem;padding:.2rem .55rem;font-size:.65rem;font-weight:700;border:none!important}.spi-pending-body{background:#f8fafc;border-radius:.75rem;padding:.75rem .85rem;font-size:.72rem;line-height:1.5;border:none!important}.spi-pending-footer{color:#94a3b8;margin:0;font-size:.68rem;line-height:1.4}.spi-card{background:#fff;border-radius:1.15rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 18px #0f172a0a,0 1px 3px #0f172a05}.spi-card-header{justify-content:space-between;align-items:center;display:flex}.spi-section-title{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:.82rem;font-weight:700}.spi-btn-link-edit{color:var(--st-frosted-icon-color,#0284c7);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.74rem;font-weight:700;display:inline-flex}.spi-btn-link-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:.74rem;font-weight:600}.spi-locked-badge{color:#94a3b8;letter-spacing:.05em;font-size:.65rem;font-weight:700}.spi-field{flex-direction:column;gap:.35rem;display:flex}.spi-label{color:#475569;letter-spacing:-.01em;font-size:.74rem;font-weight:500}.spi-input-box{color:#0f172a;background:#f1f5f9;border-radius:.85rem;justify-content:space-between;align-items:center;min-height:2.75rem;padding:.75rem .95rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex;box-shadow:none!important;border:none!important;outline:none!important}.spi-input-box.editing{background:#f1f5f9;box-shadow:none!important;border:none!important;outline:none!important}.spi-input-box.editing:focus-within{background:#e2e8f0;box-shadow:none!important;border:none!important;outline:none!important}.spi-input-editable{color:#0f172a;background:0 0;width:100%;font-family:inherit;font-size:.8rem;font-weight:400;box-shadow:none!important;border:none!important;outline:none!important}.spi-select{color:#0f172a;cursor:pointer;background:0 0;width:100%;font-family:inherit;font-size:.8rem;font-weight:600;box-shadow:none!important;border:none!important;outline:none!important}.spi-accordion-dropdown{-webkit-user-select:none;user-select:none;background:#f1f5f9;border-radius:.85rem;width:100%;transition:background .2s,border-radius .2s;position:relative;overflow:hidden}.spi-accordion-dropdown.is-open{background:#f8fafc}.spi-accordion-dropdown.theme-blue.is-open{background:#f0f9ff}.spi-accordion-dropdown.theme-pink.is-open{background:#fff1f2}.spi-accordion-trigger{cursor:pointer;background:0 0;border:none;border-radius:.85rem;outline:none;justify-content:space-between;align-items:center;width:100%;min-height:2.75rem;padding:.75rem .95rem;transition:background .15s;display:flex}.spi-accordion-trigger:hover{background:#00000008}.spi-accordion-trigger:active{background:#0000000d}.spi-accordion-val{color:#0f172a;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.spi-accordion-chevron{color:#64748b;flex-shrink:0;width:1rem;height:1rem;transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s}.spi-accordion-dropdown.is-open .spi-accordion-chevron{transform:rotate(180deg)}.spi-accordion-dropdown.theme-blue.is-open .spi-accordion-chevron{color:#0284c7}.spi-accordion-dropdown.theme-pink.is-open .spi-accordion-chevron{color:#f43f5e}.spi-accordion-body{flex-direction:column;gap:.25rem;max-height:0;padding:0 .45rem;transition:max-height .3s cubic-bezier(.16,1,.3,1),padding .25s;display:flex;overflow-y:hidden}.spi-accordion-dropdown.is-open .spi-accordion-body{scrollbar-width:thin;max-height:220px;padding:.2rem .45rem .55rem;overflow-y:auto}.spi-accordion-body::-webkit-scrollbar{width:4px}.spi-accordion-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.spi-accordion-option{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.65rem;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.spi-accordion-option:hover{color:#0f172a;background:#0000000a}.spi-accordion-dropdown.theme-blue .spi-accordion-option.is-selected{color:#0369a1;background:#e0f2fe;font-weight:700}.spi-accordion-dropdown.theme-pink .spi-accordion-option.is-selected{color:#be123c;background:#ffe4e6;font-weight:700}.spi-accordion-check{flex-shrink:0;width:.95rem;height:.95rem}.spi-otp-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:.85rem;flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.spi-otp-header{justify-content:space-between;align-items:center;display:flex}.spi-btn-send-otp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.78rem;font-weight:700;transition:all .2s;display:flex;box-shadow:none!important}.spi-btn-send-otp:hover:not(:disabled){filter:brightness(1.05)}.spi-btn-send-otp:disabled{opacity:.7;cursor:not-allowed}.spi-otp-input-row{gap:.5rem;display:flex}.spi-otp-input{letter-spacing:.2em;text-align:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:.65rem;outline:none;flex:1;padding:.65rem .85rem;font-size:.85rem;font-weight:700}.spi-otp-input:focus{border-color:#6366f1}.spi-otp-resend-btn{white-space:nowrap;border:1px solid #cbd5e1;border-radius:.65rem;padding:0 .85rem;font-size:.72rem;font-weight:600}.spi-btn-action{cursor:pointer;border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1rem;font-size:.84rem;font-weight:500;transition:all .2s;display:flex;box-shadow:none!important}.spi-btn-action:hover:not(:disabled){filter:brightness(1.06);transform:none!important}.spi-btn-action:disabled{opacity:.65;cursor:not-allowed}.spi-btn-back{color:#334155;background:#fff;border:1.5px solid #cbd5e1}.spi-btn-back:hover{color:#0f172a;background:#f8fafc}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sbr-root,.sbr-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sbr-root{width:100%;max-width:100%;padding:.75rem 1.15rem calc(6.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.15rem;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) forwards sbrFadeIn;display:flex}@media (width>=768px){.sbr-root{background:#fff!important;border-radius:1.5rem!important;max-width:100%!important;margin:0!important;padding:1.75rem 2rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}}@keyframes sbrFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sbr-zero-banner{background:#fef2f2;border:none;border-radius:.85rem;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 3px #0f172a05}.sbr-zero-icon{color:#dc2626;background:#ef444426;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex}.sbr-zero-title{color:#991b1b;margin:0;font-size:.8rem;font-weight:700}.sbr-zero-desc{color:#7f1d1d;margin:.2rem 0 0;font-size:.72rem;line-height:1.45}.sbr-alert-success{color:#15803d;background:#f0fdf4;border-radius:.85rem;flex-direction:column;gap:.35rem;padding:.85rem 1rem;font-size:.75rem;display:flex}.sbr-alert-error{color:#b91c1c;background:#fef2f2;border-radius:.85rem;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.74rem;display:flex}.sbr-privacy-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.sbr-privacy-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:3.2rem;padding:.75rem .85rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.sbr-privacy-btn.active{font-weight:700}.sbr-privacy-sub{opacity:.8;font-size:.65rem}.sbr-date-trigger{cursor:pointer;margin:0;position:relative}.sbr-native-date-hidden{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.sbr-date-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sbr-date-icon{color:#64748b;width:1rem;height:1rem;transition:color .2s}.spi-accordion-dropdown.theme-pink .sbr-date-icon{color:#f43f5e}.spi-accordion-dropdown.theme-blue .sbr-date-icon{color:#0284c7}.sbr-date-popover{z-index:60;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0e6;border-radius:1.15rem;width:275px;animation:.18s cubic-bezier(.16,1,.3,1) sbrDpFadeIn;position:absolute;top:calc(100% + .45rem);left:0;overflow:hidden;box-shadow:0 14px 35px #0f172a24,0 2px 8px #0f172a0f}@keyframes sbrDpFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sbr-dp-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem .95rem .55rem;display:flex}.sbr-dp-title{color:#0f172a;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.sbr-dp-year{color:#0284c7}.spi-accordion-dropdown.theme-pink~.sbr-date-popover .sbr-dp-year,.theme-pink .sbr-dp-year{color:#f43f5e}.sbr-dp-nav-btns{align-items:center;gap:.3rem;display:flex}.sbr-dp-nav-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:1.05rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.sbr-dp-nav-btn:hover{color:#0f172a;background-color:#f1f5f9}.sbr-dp-subaction{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.4rem .95rem;display:flex}.sbr-dp-today-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:0;font-size:.68rem;font-weight:700}.sbr-dp-today-btn:hover{text-decoration:underline}.sbr-dp-badge-date{color:#94a3b8;font-family:inherit;font-size:.65rem}.sbr-dp-day-names{text-align:center;grid-template-columns:repeat(7,1fr);padding:.45rem .65rem .2rem;display:grid}.sbr-dp-dn{color:#94a3b8;font-size:.65rem;font-weight:700}.sbr-dp-dn.sun{color:#f43f5e}.sbr-dp-grid{grid-template-columns:repeat(7,1fr);gap:.15rem;padding:.35rem .65rem .75rem;display:grid}.sbr-dp-cell{aspect-ratio:1;color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:.55rem;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;transition:all .12s;display:flex}.sbr-dp-cell:hover:not(.selected){color:#0f172a;background-color:#f1f5f9}.sbr-dp-cell.overflow{color:#cbd5e1;font-weight:400}.sbr-dp-cell.today:not(.selected){color:#0284c7;border:1px solid #93c5fd;font-weight:800}.sbr-dp-cell.selected{font-weight:800;color:#fff!important;background-color:#0284c7!important}.theme-pink .sbr-dp-cell.selected,.spi-card .theme-pink~.sbr-date-popover .sbr-dp-cell.selected{background-color:#f43f5e!important}.sbr-textarea{resize:none;color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.45}.sbr-textarea::placeholder{color:#94a3b8;font-weight:400}.sbr-submit-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.9rem 1.25rem;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:none!important;border:none!important;outline:none!important}.sbr-submit-btn:hover:not(:disabled){filter:brightness(1.06);opacity:.96;box-shadow:none!important;transform:none!important}.sbr-submit-btn:active:not(:disabled){filter:brightness(.94);box-shadow:none!important;transform:none!important}.sbr-submit-btn:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.2)}.sbr-history-item{background:#f8fafc;border-radius:.75rem;flex-direction:column;gap:.35rem;padding:.75rem .85rem;display:flex}.sbr-history-status{color:#15803d;background:#dcfce7;border-radius:999px;padding:.15rem .5rem;font-size:.62rem;font-weight:700}.sbr-history-text{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sug-root,.sug-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sug-root{width:100%;max-width:100%;padding:.75rem 1.15rem calc(6.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.15rem;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) forwards sugFadeIn;display:flex}@media (width>=768px){.sug-root{background:#fff!important;border-radius:1.5rem!important;max-width:100%!important;margin:0!important;padding:1.75rem 2rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}}@keyframes sugFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sug-search-container{align-items:center;gap:.6rem;display:flex}.sug-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;font-size:.8rem}.sug-card{cursor:pointer;padding:1rem 1.15rem;transition:all .2s}.sug-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sug-badge{text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:600}.sug-title{color:#0f172a;margin:0;font-size:.8rem;font-weight:600;line-height:1.35}.sug-chevron-btn{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:transform .25s;display:flex}.sug-chevron-btn.open{transform:rotate(180deg)}.sug-body{border-top:1px solid #f1f5f9;flex-direction:column;gap:.55rem;padding-top:.75rem;display:flex}.sug-step-row{align-items:flex-start;gap:.65rem;display:flex}.sug-step-number{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;margin-top:1px;font-size:.68rem;font-weight:600;display:flex}.sug-step-text{color:#475569;flex:1;margin:0;font-size:.74rem;font-weight:400;line-height:1.45}.sug-help-icon{background:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex;box-shadow:0 2px 6px #0000000a}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sv-root,.sv-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sv-root{width:100%;max-width:100%;padding:.75rem 1.15rem calc(6.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.15rem;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) forwards svFadeIn;display:flex}@media (width>=768px){.sv-root{background:#fff!important;border-radius:1.5rem!important;max-width:100%!important;margin:0!important;padding:1.5rem 1.75rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}}@keyframes svFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sv-card{background:#fff;border-radius:1.15rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 18px #0f172a0a,0 1px 3px #0f172a05}.sv-card-header{justify-content:space-between;align-items:center;display:flex}.sv-section-title{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:.82rem;font-weight:600}.sv-status-pill{border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:500}.sv-status-pill.good{color:#15803d;background:#dcfce7}.sv-status-pill.warning{color:#c2410c;background:#ffedd5}.sv-points-hero{background:#f8fafc;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.sv-points-left{flex-direction:column;gap:.2rem;display:flex}.sv-points-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:.68rem;font-weight:600}.sv-points-num-row{align-items:baseline;gap:.4rem;display:flex}.sv-points-number{font-size:1.75rem;font-weight:700;line-height:1}.sv-points-unit{color:#64748b;font-size:.75rem;font-weight:500}.sv-points-desc{color:#64748b;margin:.25rem 0 0;font-size:.72rem;font-weight:400;line-height:1.35}.sv-points-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;font-size:1.25rem;font-weight:700;display:flex}.sv-points-badge.good{color:#15803d;background:#dcfce7}.sv-points-badge.warning{color:#ea580c;background:#ffedd5}.sv-input-box{color:#0f172a;background:#f1f5f9;border-radius:.85rem;padding:.75rem .95rem}.sv-record-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:.85rem;padding:.85rem 1rem;transition:all .15s}.sv-record-card:hover{background:#fff;box-shadow:0 2px 8px #0f172a0a}.sv-record-badge{border-radius:999px;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.sv-record-badge.light{color:#0369a1;background:#e0f2fe}.sv-record-badge.mid{color:#c2410c;background:#ffedd5}.sv-record-badge.heavy{color:#b91c1c;background:#fee2e2}.sv-sp-print-container{display:none}@media print{body.printing-sp .sv-root,body.printing-sp .shd-desktop,body.printing-sp .shm-banner,body.printing-sp .sh-bottom-nav,body.printing-sp .sbn-bar,body.printing-sp nav,body.printing-sp header,body.printing-sp aside,body.printing-sp footer{visibility:hidden!important;display:none!important}body.printing-sp .sv-sp-print-container{background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}@page{size:A4 portrait;margin:14mm 16mm}}.sv-sp-sheet{color:#000;background:#fff;width:100%;font-family:Times New Roman,Times,serif;font-size:11pt;line-height:1.45}.sv-sp-kop{border-bottom:3px double #000;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:8px;display:flex}.sv-sp-kop-logo{object-fit:contain;flex-shrink:0;width:72px;height:72px}.sv-sp-kop-text{text-align:center;flex:1}.sv-sp-kop-text h4{letter-spacing:.5px;margin:0;font-size:11pt;font-weight:400}.sv-sp-kop-text h3{margin:0;font-size:12pt;font-weight:700}.sv-sp-kop-text h2{margin:2px 0;font-size:14pt;font-weight:700}.sv-sp-kop-text p{margin:0;font-size:9pt;line-height:1.3}.sv-sp-meta-row{justify-content:space-between;margin-bottom:16px;font-size:10.5pt;display:flex}.sv-sp-meta-left table td{vertical-align:top;padding:1px 4px 1px 0}.sv-sp-title{text-align:center;margin:18px 0 16px}.sv-sp-title h3{letter-spacing:.5px;margin:0;font-size:12pt;font-weight:700;text-decoration:underline}.sv-sp-title p{margin:2px 0 0;font-size:10pt}.sv-sp-body{text-align:justify;font-size:10.5pt}.sv-sp-body p{text-indent:28px;margin:0 0 10px}.sv-sp-student-table{width:100%;margin:8px 0 14px 28px;font-size:10.5pt}.sv-sp-student-table td{vertical-align:top;padding:2px 6px}.sv-sp-violations-table{border-collapse:collapse;width:100%;margin:10px 0 14px;font-size:9.5pt}.sv-sp-violations-table th,.sv-sp-violations-table td{text-align:left;border:1px solid #333;padding:5px 8px}.sv-sp-violations-table th{text-align:center;background:#f1f5f9}.sv-sp-sign-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;font-size:10.5pt;display:grid}.sv-sp-sign-box{text-align:center}.sv-sp-sign-space{height:65px}.sv-sp-sign-name{font-weight:700;text-decoration:underline}.sn-page-wrapper{width:100%;min-height:calc(100vh - 4.5rem);padding:1rem 1.15rem calc(7.5rem + env(safe-area-inset-bottom,0px))!important;scrollbar-width:none!important;-ms-overflow-style:none!important;background:#fff!important}.sn-page-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}@media (width>=768px){.sn-page-wrapper{border-radius:1.5rem!important;padding:1.5rem 1.75rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}.sn-root{max-width:100%!important;margin:0!important}}.sn-root,.sn-root *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sn-root{flex-direction:column;gap:.85rem;width:100%;max-width:32rem;margin:0 auto;padding:0;display:flex;position:relative}.sn-header-card{border-radius:1rem;justify-content:space-between;align-items:center;gap:.85rem;padding:1rem 1.15rem;display:flex;box-shadow:none!important;background:#f1f4f9!important;border:none!important}.sn-header-left{align-items:center;gap:.85rem;min-width:0;display:flex}.sn-header-icon{color:#0284c7;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:auto;display:flex;background:0 0!important}.sn-header-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:.98rem;font-weight:700;line-height:1.2}.sn-header-desc{color:#64748b;margin:.15rem 0 0;font-size:.72rem;line-height:1.35}.sn-header-badge-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.sn-badge-count{color:#fff;white-space:nowrap;background:#ff5a5f;border-radius:999px;padding:.22rem .65rem;font-size:.68rem;font-weight:700;box-shadow:none!important}.sn-header-mark-all{color:#0284c7;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.68rem;font-weight:600;transition:color .15s}.sn-header-mark-all:hover{color:#0369a1;text-decoration:underline}.sn-badge-all-read{color:#10b981;white-space:nowrap;background:#ecfdf5;border-radius:999px;padding:.22rem .6rem;font-size:.68rem;font-weight:600}.sn-filters{scrollbar-width:none;align-items:center;gap:.45rem;padding:.1rem 0 .2rem;display:flex;overflow-x:auto}.sn-filters::-webkit-scrollbar{display:none}.sn-filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.42rem .85rem;font-size:.73rem;font-weight:500;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:none!important}.sn-filter-btn:hover{color:#0f172a;background:#f8fafc}.sn-filter-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:none!important}.theme-pink .sn-filter-btn.active,.theme-student-girl .sn-filter-btn.active{color:#fff!important;background:#f43f5e!important;border-color:#f43f5e!important}.theme-blue .sn-filter-btn.active,.theme-student-boy .sn-filter-btn.active{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.sn-list{flex-direction:column;gap:.75rem;display:flex}.sn-item-card{border-radius:1rem;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem;transition:all .2s;display:flex;position:relative;box-shadow:none!important;background:#f1f4f9!important;border:none!important}.sn-item-card.unread{box-shadow:none!important;background:#f1f4f9!important;border:none!important}.sn-item-card:hover{transform:translateY(-1px);box-shadow:none!important;background:#e8edf5!important}.sn-item-icon-wrap{border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:auto;padding-top:.15rem;display:flex;color:#0284c7!important;background:0 0!important}.theme-pink .sn-item-icon-wrap,.theme-student-girl .sn-item-icon-wrap{color:#f43f5e!important}.theme-blue .sn-item-icon-wrap,.theme-student-boy .sn-item-icon-wrap{color:#0284c7!important}.sn-item-icon-presence,.sn-item-icon-schedule,.sn-item-icon-announcement,.sn-item-icon-discipline,.sn-item-icon-p5{color:inherit!important;background:0 0!important}.sn-item-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.sn-item-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sn-item-badge{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600;box-shadow:none!important;color:#64748b!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.sn-item-badge.presence,.sn-item-badge.schedule,.sn-item-badge.announcement,.sn-item-badge.discipline,.sn-item-badge.p5{color:#64748b!important;background:0 0!important}.sn-item-time{color:#94a3b8;font-size:.65rem;font-weight:500}.sn-item-title{color:#0f172a;margin:0;font-size:.84rem;font-weight:700;line-height:1.35}.sn-item-desc{color:#475569;margin:0;font-size:.73rem;line-height:1.5}.sn-item-action-wrap{margin-top:.35rem}.sn-item-action-btn{color:#0284c7;cursor:pointer;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .85rem;font-size:.72rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.sn-item-action-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px)}.theme-pink .sn-item-action-btn,.theme-student-girl .sn-item-action-btn{color:#f43f5e;background:#ffe4e6;border-color:#fecdd3}.theme-pink .sn-item-action-btn:hover,.theme-student-girl .sn-item-action-btn:hover{color:#fff;background:#f43f5e;border-color:#f43f5e}.theme-blue .sn-item-action-btn,.theme-student-boy .sn-item-action-btn{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.theme-blue .sn-item-action-btn:hover,.theme-student-boy .sn-item-action-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.sn-empty-card{text-align:center;background:#fff;border:none;border-radius:1.15rem;flex-direction:column;align-items:center;gap:.5rem;padding:2.75rem 1.5rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.sn-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin-bottom:.25rem;display:flex}.sn-empty-title{color:#1e293b;margin:0;font-size:.88rem;font-weight:700}.sn-empty-desc{color:#94a3b8;max-width:20rem;margin:0;font-size:.73rem;line-height:1.45}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sp-page-wrapper{width:100%;min-height:calc(100vh - 4.5rem);padding:1.15rem 1.15rem 5rem;background:#fff!important}@media (width>=768px){.sp-page-wrapper{border-radius:1.5rem!important;padding:1.5rem 1.75rem 3.5rem!important;overflow:hidden!important;box-shadow:0 4px 20px #0f172a0a!important}}.sp-root,.sp-root *{box-sizing:border-box;border:none!important;outline:none!important;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sp-root{flex-direction:column;gap:1.15rem;width:100%;max-width:44rem;margin:0 auto;display:flex}@media (width>=768px){.sp-root{max-width:100%!important;margin:0!important}}.sp-card{background:#fff;border-radius:0;flex-direction:column;gap:1.15rem;padding:0;display:flex;box-shadow:none!important}.sp-student-info{background:#f8fafc;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.sp-student-avatar{background:var(--st-card-avatar-bg,#bde0fe);width:2.4rem;height:2.4rem;color:var(--st-text-contrast,#0f2942);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.sp-student-name{color:#0f172a;margin:0;font-size:.85rem;font-weight:600;line-height:1.25}.sp-student-meta{color:#64748b;margin:.15rem 0 0;font-size:.7rem}.sp-class-tag,.sp-class-text{white-space:nowrap;font-size:.78rem;font-weight:500;color:#64748b!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.sp-section-title{color:#334155;margin:0 0 .4rem;font-size:.78rem;font-weight:600}.sp-type-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.sp-type-btn{color:#475569;cursor:pointer;background:#f1f5f9;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.65rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.sp-type-btn:hover{color:#1e293b;background:#e2e8f0}.sp-type-btn.selected-sakit{color:#991b1b;background:#fee2e2;font-weight:600;box-shadow:0 1px 3px #dc262626}.sp-type-btn.selected-izin{color:#0369a1;background:#e0f2fe;font-weight:600;box-shadow:0 1px 3px #0284c726}.sp-type-btn.selected-dispensasi{color:#92400e;background:#fef3c7;font-weight:600;box-shadow:0 1px 3px #d9770626}.sp-type-icon{justify-content:center;align-items:center;display:flex}.sp-form{flex-direction:column;gap:.85rem;display:flex}.sp-field{flex-direction:column;gap:.3rem;display:flex}.sp-label{color:#334155;font-size:.72rem;font-weight:500}.sp-input{color:#0f172a;background:#f1f5f9;border-radius:.65rem;width:100%;padding:.65rem .85rem;font-size:.78rem;transition:background .15s,box-shadow .15s;border:none!important;outline:none!important}.sp-input:focus{background:#fff;box-shadow:0 2px 8px #004e891f;border:none!important;outline:none!important}.stdp-wrapper{width:100%;position:relative}.stdp-input-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.65rem;width:100%;padding:.72rem .95rem;transition:all .2s;display:flex;box-shadow:none!important;border:none!important;outline:none!important}.stdp-input-trigger:hover{background:#e2e8f0}.stdp-input-trigger.active{background:#fff;box-shadow:0 4px 16px #0f172a14!important}.stdp-trigger-text{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;display:flex;overflow:hidden}.stdp-date-formatted{color:#0f172a;font-size:.84rem;font-weight:600}.stdp-placeholder{color:#94a3b8;font-size:.8rem}.stdp-icon-wrap{color:#475569;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.stdp-input-trigger.active .stdp-icon-wrap{color:var(--st-text-contrast,#0f2942)}.stdp-calendar-dropdown{z-index:50;-webkit-user-select:none;user-select:none;background:#fff;border-radius:1.15rem;padding:1rem .95rem;animation:.22s cubic-bezier(.16,1,.3,1) stdpFadeDown;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 14px 35px #0f172a24,0 2px 8px #0f172a0f;border:none!important}@keyframes stdpFadeDown{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.stdp-cal-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.stdp-cal-title{color:#0f172a;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:flex}.stdp-month-label{color:#0f172a}.stdp-year-label{color:#64748b;font-weight:600}.stdp-nav-btn{color:#334155;cursor:pointer;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;transition:all .15s;display:flex;border:none!important}.stdp-nav-btn:hover{color:#0f172a;background:#e2e8f0;transform:none!important}.stdp-day-names-row{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:.45rem;display:grid}.stdp-day-name{color:#94a3b8;padding:.25rem 0;font-size:.68rem;font-weight:600}.stdp-day-name.sunday{color:#f87171}.stdp-days-grid{grid-template-columns:repeat(7,1fr);gap:.35rem .25rem;display:grid}.stdp-day-cell{aspect-ratio:1;color:#1e293b;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:2.3rem;margin:0 auto;font-size:.78rem;font-weight:500;transition:background .15s,color .15s;display:flex;border:none!important;outline:none!important}.stdp-day-cell:hover:not(.selected){background:#f1f5f9;transform:none!important}.stdp-day-cell.other-month{color:#cbd5e1}.stdp-day-cell.sunday:not(.selected){color:#ef4444}.stdp-day-cell.today:not(.selected){font-weight:700;position:relative}.stdp-day-cell.today:not(.selected):after{content:"";background:var(--st-brand-primary,#a2d2ff);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.stdp-day-cell.selected{background:var(--st-btn-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:var(--st-btn-text,#0f2942)!important;box-shadow:0 3px 10px var(--st-shadow-glow,#a2d2ff73)!important;font-weight:700!important;transform:none!important}.stdp-cal-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.65rem;display:flex}.stdp-today-btn{color:var(--st-badge-text,#0369a1);background:var(--st-chip-bg,#e0f2fe);cursor:pointer;border-radius:999px;padding:.3rem .75rem;font-size:.72rem;font-weight:600;transition:all .15s;border:none!important}.stdp-today-btn:hover{opacity:.85}.stdp-close-btn{color:#64748b;cursor:pointer;background:0 0;padding:.3rem .65rem;font-size:.72rem;font-weight:600;border:none!important}.stdp-close-btn:hover{color:#0f172a}.sp-textarea{color:#0f172a;resize:vertical;background:#f1f5f9;border-radius:.65rem;width:100%;min-height:4.8rem;padding:.7rem .85rem;font-size:.74rem;font-weight:400;line-height:1.5;transition:background .15s,box-shadow .15s;border:none!important;outline:none!important}.sp-textarea::placeholder{color:#94a3b8;font-size:.74rem;font-weight:400}.sp-textarea:focus{background:#fff;box-shadow:0 2px 8px #004e891f;border:none!important;outline:none!important}.sp-hint{color:#64748b;margin-top:.1rem;font-size:.65rem;line-height:1.4}.sp-alert-error{color:#b91c1c;background:#fef2f2;border-radius:.5rem;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.72rem;display:flex}.sp-alert-success{color:#047857;background:#ecfdf5;border-radius:.65rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;font-weight:500;display:flex}.sp-upload-zone{width:100%;margin-top:.2rem}.sp-upload-box{text-align:center;cursor:pointer;background:#f8fafc;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1rem .85rem;transition:background .15s;display:flex}.sp-upload-box:hover{background:#f1f5f9;transform:none!important}.sp-upload-icon-circle{color:#334155;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.1rem;display:flex}.sp-upload-title{color:#1e293b;margin:0;font-size:.78rem;font-weight:600}.sp-upload-subtitle{color:#64748b;margin:0;font-size:.66rem}.sp-upload-badges-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.2rem;display:flex}.sp-upload-badge{color:#475569;background:#e2e8f0;border-radius:999px;padding:.15rem .5rem;font-size:.6rem;font-weight:600}.sp-upload-badge.limit{color:#92400e;background:#fef3c7}.sp-upload-preview{background:#f8fafc;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem .85rem;display:flex}.sp-upload-preview-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.sp-upload-thumb-img{object-fit:cover;border-radius:.5rem;flex-shrink:0;width:3.25rem;height:3.25rem}.sp-upload-pdf-icon{color:#dc2626;background:#fee2e2;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex}.sp-upload-file-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sp-upload-filename{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:14rem;font-size:.75rem;font-weight:600;overflow:hidden}.sp-upload-filesize{color:#64748b;font-size:.64rem}.sp-upload-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.68rem;font-weight:600;transition:all .15s;display:inline-flex;border:none!important}.sp-upload-remove-btn:hover{color:#b91c1c;background:#fecaca}.sp-actions{align-items:center;width:100%;padding-top:.4rem;display:flex}.sp-btn-submit{cursor:pointer;text-align:center;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #0f172a0f;background:var(--st-btn-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:#fff!important;border:none!important}.sp-btn-submit:hover:not(:disabled){opacity:.92;box-shadow:0 3px 8px #0f172a14;transform:none!important}.sp-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sp-history-section{flex-direction:column;gap:.65rem;display:flex}.sp-history-head{justify-content:space-between;align-items:center;display:flex}.sp-history-title{color:#334155;margin:0;font-size:.8rem;font-weight:600}.sp-history-count{color:#64748b;font-size:.68rem}.sp-history-list{flex-direction:column;gap:.5rem;display:flex}.sp-history-item{background:#fff;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 2px #00000006}.sp-student-left{align-items:center;gap:.65rem;display:flex}.sp-history-date{color:#0f172a;font-size:.75rem;font-weight:600}.sp-history-reason{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.sp-history-badge{border-radius:999px;flex-shrink:0;padding:.2rem .6rem;font-size:.65rem;font-weight:600}.sp-history-badge.sakit{color:#991b1b;background:#fee2e2}.sp-history-badge.izin{color:#0369a1;background:#e0f2fe}.sp-history-empty{text-align:center;color:#94a3b8;background:#fff;border-radius:.75rem;padding:1.5rem;font-size:.72rem;box-shadow:0 1px 2px #00000005}:root,body,.theme-student-boy{--st-banner-bg:linear-gradient(180deg, #a2d2ff 0%, #bde0fe 100%);--st-hero-bg:linear-gradient(180deg, #bde0fe 0%, #a2d2ff 100%);--st-desktop-bg:linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%);--st-btn-bg:linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%);--st-nav-active-bg:linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%);--st-text-contrast:#0f2942;--st-btn-text:#0f2942;--st-nav-text:#fff;--st-frosted-bg:#ffffff8c;--st-frosted-icon-bg:#ffffffbf;--st-frosted-icon-color:#0284c7;--st-frosted-text:#0f2942;--st-badge-bg:#bde0fe;--st-badge-text:#0369a1;--st-accent-lilac:#cdb4db;--st-chip-bg:#e0f2fe;--st-brand-primary:#a2d2ff;--st-brand-secondary:#bde0fe;--st-card-avatar-bg:#bde0fe;--st-shadow-glow:#a2d2ff59;--st-header-glass-bg:linear-gradient(180deg, #a2d2ffc7 0%, #bde0feb8 100%);--st-header-glass-border:transparent;--st-att-banner-bg:#ffffffc7;--st-att-banner-border:transparent;--st-att-banner-shadow:#a2d2ff52;--st-att-card-bg:linear-gradient(135deg, #f0f7ffbd 0%, #e0f2fe85 100%);--st-att-card-border-3d:#cbd5e1;--st-att-card-shadow:#0e749029;--st-att-pill-bg:#bde0fe;--st-att-pill-text:#0369a1}.theme-student-girl{--st-banner-bg:linear-gradient(180deg, #ffafcc 0%, #ffc8dd 100%);--st-hero-bg:linear-gradient(180deg, #ffc8dd 0%, #ffafcc 100%);--st-desktop-bg:linear-gradient(135deg, #ffafcc 0%, #ffc8dd 100%);--st-btn-bg:linear-gradient(135deg, #ffafcc 0%, #ffc8dd 100%);--st-nav-active-bg:linear-gradient(135deg, #ffafcc 0%, #ffc8dd 100%);--st-text-contrast:#4a1525;--st-btn-text:#fff;--st-nav-text:#fff;--st-frosted-bg:#ffffff8c;--st-frosted-icon-bg:#ffffffbf;--st-frosted-icon-color:#ec4899;--st-frosted-text:#4a1525;--st-badge-bg:#ffc8dd;--st-badge-text:#be185d;--st-accent-lilac:#cdb4db;--st-chip-bg:#fce7f3;--st-brand-primary:#ffafcc;--st-brand-secondary:#ffc8dd;--st-card-avatar-bg:#ffc8dd;--st-shadow-glow:#ffafcc59;--st-header-glass-bg:linear-gradient(180deg, #ffafccc7 0%, #ffc8ddb8 100%);--st-header-glass-border:transparent;--st-att-banner-bg:#ffffffc7;--st-att-banner-border:transparent;--st-att-banner-shadow:#ffafcc59;--st-att-card-bg:linear-gradient(135deg, #fff0f7c2 0%, #fce7f38a 100%);--st-att-card-border-3d:#cbd5e1;--st-att-card-shadow:#f472b638;--st-att-pill-bg:#ffc8dd;--st-att-pill-text:#9d174d}.theme-student-boy,.theme-student-girl{scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-boy){scrollbar-width:none!important;-ms-overflow-style:none!important}body:has(.theme-student-girl){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-boy)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body:has(.theme-student-girl)::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-boy ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.theme-student-girl ::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}.sbn-bar,.sbn-bar *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif!important}.sbn-bar{z-index:99999!important;width:100%!important;max-width:100%!important;padding:.5rem 1rem calc(.55rem + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border:none!important;border-radius:0!important;justify-content:space-around!important;align-items:center!important;margin:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -3px 12px #0f172a0a!important}@media (width>=768px){.sbn-bar{display:none!important}}.sbn-item{cursor:pointer;color:#64748b;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .95rem;transition:all .38s cubic-bezier(.55,.055,.675,.19);display:flex;box-shadow:none!important;outline:none!important}.sbn-item:hover{color:var(--st-brand-hover,#0284c7)}.theme-student-girl .sbn-item:hover,.theme-pink .sbn-item:hover{color:#f43f5e!important}.theme-student-boy .sbn-item:hover,.theme-blue .sbn-item:hover{color:#0284c7!important}.sbn-item:active{transform:scale(.94)}.sbn-item.active{animation:.42s cubic-bezier(.4,0,.1,1) forwards sbnPillSmoothPop;background:var(--st-nav-active-bg,linear-gradient(135deg, #a2d2ff 0%, #bde0fe 100%))!important;color:#fff!important;box-shadow:none!important;border-radius:13px!important;padding:.65rem 1.4rem!important}@keyframes sbnPillSmoothPop{0%{transform:scale(.95)}40%{transform:scale(.98)}to{transform:scale(1)}}.sbn-icon{justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:none!important;background:0 0!important}.sbn-icon svg{stroke:currentColor;stroke-width:2.2px;width:22px;height:22px;transition:stroke .3s,transform .35s cubic-bezier(.4,0,.2,1)}.sbn-item.active .sbn-icon{transform:translateY(-.5px)}.sbn-item.active .sbn-icon svg{filter:drop-shadow(0 1px 2px #0000001a);stroke:#fff!important}.sbn-label{letter-spacing:-.01em;white-space:nowrap;font-size:.82rem;font-weight:600;display:none;box-shadow:none!important;text-shadow:none!important}.sbn-item.active .sbn-label{text-shadow:0 1px 2px #0000001f;animation:.36s cubic-bezier(.35,0,.15,1) forwards sbnLabelSlideIn;color:#fff!important;display:inline-block!important}@keyframes sbnLabelSlideIn{0%{opacity:0;max-width:0;transform:translate(-4px)}30%{opacity:.3}to{opacity:1;max-width:80px;transform:translate(0)}}@media print{.sbn-bar,nav.sbn-bar,.sbn-item{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}}.sbl-app-wrapper{color:#0f172a;box-sizing:border-box;background:linear-gradient(#e0f2fe 0%,#f0f9ff 45%,#f8fafc 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem 1rem;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex}.sbl-phone-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:28px;flex-direction:column;width:100%;max-width:380px;min-height:590px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #0f29421f,0 4px 16px -2px #0f172a0a}.sbl-screen{box-sizing:border-box;flex-direction:column;flex:1;min-height:100%;padding:1.5rem 1.35rem 1.35rem;display:flex}.sbl-screen-intro{flex-direction:column;justify-content:space-between;display:flex}.sbl-screen-center-body{flex-direction:column;flex:1;justify-content:center;width:100%;margin:auto 0;display:flex}.sbl-top-bar{justify-content:flex-start;align-items:center;min-height:36px;margin-bottom:.75rem;display:flex}.sbl-top-bar.has-title{justify-content:space-between}.sbl-bar-title{color:#0f172a;text-align:center;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.sbl-bar-spacer{width:36px;height:36px}.sbl-icon-btn-back,.sbl-icon-btn-close{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.sbl-icon-btn-back:hover,.sbl-icon-btn-close:hover{color:#0284c7;background-color:#f1f5f9}.sbl-header-block{text-align:left;margin-bottom:1.25rem}.sbl-main-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 .4rem;font-size:1.6rem;font-weight:700;line-height:1.25}.sbl-sub-title{color:#64748b;margin:0;font-size:.86rem;font-weight:400;line-height:1.4}.sbl-illustration-box{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:270px;height:220px;margin:.75rem auto 1.5rem;display:flex;position:relative}.sbl-box-corner{pointer-events:none;border-style:solid;border-color:#cbd5e1;width:22px;height:22px;position:absolute}.sbl-bcorner-tl{border-width:2.5px 0 0 2.5px;border-top-left-radius:8px;top:-12px;left:-12px}.sbl-bcorner-tr{border-width:2.5px 2.5px 0 0;border-top-right-radius:8px;top:-12px;right:-12px}.sbl-bcorner-bl{border-width:0 0 2.5px 2.5px;border-bottom-left-radius:8px;bottom:-12px;left:-12px}.sbl-bcorner-br{border-width:0 2.5px 2.5px 0;border-bottom-right-radius:8px;bottom:-12px;right:-12px}.sbl-graphic-target{justify-content:center;align-items:center;width:140px;height:140px;display:flex}.sbl-target-svg{width:100%;height:100%}.sbl-tips-row{justify-content:center;align-items:center;gap:2.5rem;margin-top:.5rem;margin-bottom:2rem;padding:0;display:flex}.sbl-tip-item{color:#334155;align-items:center;gap:.45rem;font-size:.78rem;font-weight:500;display:flex}.sbl-sub-caption{color:#94a3b8;text-align:center;letter-spacing:-.01em;margin:.65rem 0 0;font-size:.72rem;font-weight:400}.sbl-camera-card{background-color:#0f172a;border-radius:20px;width:100%;max-width:285px;height:290px;margin:.25rem auto .75rem;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f172a24}.sbl-camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.sbl-cam-corner{pointer-events:none;filter:drop-shadow(0 2px 4px #00000040);border-style:solid;border-color:#fff;width:34px;height:34px;position:absolute}.sbl-ccorner-tl{border-width:4px 0 0 4px;border-top-left-radius:12px;top:16px;left:16px}.sbl-ccorner-tr{border-width:4px 4px 0 0;border-top-right-radius:12px;top:16px;right:16px}.sbl-ccorner-bl{border-width:0 0 4px 4px;border-bottom-left-radius:12px;bottom:16px;left:16px}.sbl-ccorner-br{border-width:0 4px 4px 0;border-bottom-right-radius:12px;bottom:16px;right:16px}.sbl-cam-laser{pointer-events:none;opacity:.75;background:linear-gradient(90deg,#0000 0%,#38bdf8 30%,#fff 50%,#38bdf8 70%,#0000 100%);border-radius:9999px;height:3px;animation:2.5s ease-in-out infinite alternate sblLaserMovement;position:absolute;top:15%;left:10%;right:10%;box-shadow:0 0 16px #0284c7,0 0 30px #38bdf8b3}.sbl-cam-laser.scanning{opacity:1;animation-duration:1.3s;box-shadow:0 0 20px #0284c7,0 0 35px #0284c7e6}.sbl-cam-overlay-state{color:#fff;text-align:center;background-color:#0f172ad9;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.5rem;font-size:.8rem;display:flex;position:absolute;inset:0}.sbl-cam-overlay-state.error{color:#fca5a5}.sbl-blue-spinner{border:3px solid #0284c740;border-top-color:#0284c7;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite sblSpin}.sbl-scan-info-block{text-align:center;margin:.5rem 0 1rem}.sbl-scan-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.sbl-scan-subtitle{color:#64748b;max-width:260px;margin:0 auto;font-size:.82rem;line-height:1.45}.sbl-clean-error-banner{color:#b91c1c;background-color:#fef2f2;border-radius:10px;align-items:flex-start;gap:.6rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;font-weight:500;line-height:1.45;display:flex;box-shadow:0 2px 6px #ef444414;border:none!important;outline:none!important}.sbl-clean-error-icon{flex-shrink:0;margin-top:1px}.sbl-screen-success{text-align:center}.sbl-success-photo-wrapper{justify-content:center;margin:1.5rem auto 1rem;display:flex}.sbl-success-photo-container{width:130px;height:130px;position:relative}.sbl-success-photo-img{object-fit:cover;border:4px solid #e0f2fe;border-radius:50%;width:100%;height:100%;animation:.35s cubic-bezier(.34,1.56,.64,1) sblPopZoom;box-shadow:0 8px 24px #0284c72e}.sbl-success-photo-placeholder{background:#f1f5f9;border:4px solid #e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sbl-blue-check-badge{color:#0f2942;background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) .15s backwards sblPopZoom;display:flex;position:absolute;top:2px;right:4px;box-shadow:0 2px 8px #a2d2ff66}.sbl-success-info-block{margin-top:.5rem;margin-bottom:2rem;padding:0 .5rem}.sbl-success-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.55rem;font-weight:800}.sbl-success-subtitle{color:#64748b;max-width:290px;margin:0 auto;font-size:.85rem;line-height:1.5}.sbl-student-verified-text{color:#475569;justify-content:center;align-items:center;gap:.25rem;margin-top:1.1rem;font-size:.88rem;display:inline-flex}.sbl-student-label{color:#64748b;font-weight:500}.sbl-student-name{color:#0284c7;font-weight:700}.sbl-student-class{color:#0284c7;font-weight:600}.sbl-footer-actions{flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;display:flex}.sbl-btn-primary-blue{cursor:pointer;text-transform:uppercase;letter-spacing:.03em;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:Okine,MADE Okine Sans,Poppins,system-ui,sans-serif;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;color:#0f2942!important;background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%)!important;border:none!important;border-radius:12px!important;font-weight:600!important;box-shadow:0 2px 6px #a2d2ff40!important}.sbl-btn-primary-blue:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-1px);color:#081d30!important;background:linear-gradient(135deg,#91c7f8 0%,#aed6fc 100%)!important;box-shadow:0 3px 10px #a2d2ff59!important}.sbl-btn-primary-blue:active:not(:disabled){transform:translateY(0);box-shadow:none!important;background:#a2d2ff!important}.sbl-btn-primary-blue:disabled,.sbl-btn-primary-blue.disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sbl-btn-cancel-flat{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.sbl-btn-cancel-flat:hover{color:#0f172a;background-color:#f1f5f9}.sbl-mini-spinner-white{border:2px solid #0f294240;border-top-color:#0f2942;border-radius:50%;width:1rem;height:1rem;animation:.75s linear infinite sblSpin}@keyframes sblSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sblLaserMovement{0%{opacity:.4;top:12%}50%{opacity:.95}to{opacity:.4;top:85%}}@keyframes sblPopZoom{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@media (width<=440px){.sbl-app-wrapper{background:#fff;padding:0}.sbl-phone-card{min-height:100vh;box-shadow:none;border:none;border-radius:0}.sbl-screen{padding:1.5rem 1.25rem}}.student-otp-fullpage{box-sizing:border-box;background-color:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2.5rem 1.5rem;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex}.student-otp-clean-container{text-align:center;box-sizing:border-box;width:100%;max-width:360px;margin:0 auto;padding:0;box-shadow:none!important;background:0 0!important;border:none!important}.student-otp-logo-wrap{justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.student-otp-school-logo{object-fit:contain;width:60px;height:60px;display:block}.student-otp-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.35rem;font-weight:600}.student-otp-desc{color:#64748b;margin:0 0 1.5rem;font-size:.85rem;line-height:1.55}.student-otp-email-target{color:#0f172a;word-break:break-all;margin-top:2px;font-weight:600;display:inline-block}.student-otp-form{width:100%;margin-top:1rem}.student-otp-boxes-grid{box-sizing:border-box;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;margin:0 auto 1.25rem;display:flex}.student-otp-box-input{text-align:center;color:#0f172a;box-sizing:border-box;background-color:#f1f5f9;border-radius:12px;flex:none;width:44px;height:50px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.45rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none!important;border:none!important;outline:none!important}.student-otp-box-input:hover,.student-otp-box-input:focus{background-color:#e2e8f0;transform:translateY(-1px);box-shadow:none!important;border:none!important;outline:none!important}.student-otp-box-input.is-filled{color:#0284c7;background-color:#e0f2fe;box-shadow:none!important;border:none!important;outline:none!important}.student-otp-box-input.is-filled:hover,.student-otp-box-input.is-filled:focus{background-color:#bae6fd;transform:translateY(-1px)}.student-otp-alert-error{color:#991b1b;text-align:center;background-color:#fef2f2;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;border:none!important}.student-otp-alert-success{color:#166534;text-align:center;background-color:#f0fdf4;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;border:none!important}.student-otp-btn-submit{color:#0f2942;letter-spacing:.03em;cursor:pointer;text-transform:uppercase;width:100%;box-shadow:none;background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Okine,MADE Okine Sans,Outfit,system-ui,sans-serif;font-size:13px;font-weight:600;transition:all .25s;display:flex}.student-otp-btn-submit:hover:not(:disabled){color:#081d30;background:linear-gradient(135deg,#91c7f8 0%,#aed6fc 100%);transform:translateY(-1px)}.student-otp-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.student-otp-resend-area{margin-top:1.25rem}.student-otp-btn-resend{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8rem;font-weight:500;transition:color .15s}.student-otp-btn-resend:hover:not(:disabled){color:#0284c7;text-decoration:underline}.student-otp-btn-resend:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.student-otp-btn-back{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.75rem;padding:4px 6px;font-size:.78rem;transition:color .15s;display:inline-flex}.student-otp-btn-back:hover{color:#475569}@media (width<=640px){.student-otp-fullpage{padding:1.5rem 1.25rem}}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Medium.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@media (width<=1024px){.student-split-auth-container{background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%)!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;min-height:100dvh!important;margin:0!important;padding:0!important}.student-split-auth-card{width:100%!important;max-width:100%!important;min-height:100dvh!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;margin:0!important}.student-auth-side-panel{background:0 0!important;border-radius:0!important;flex:none!important;order:-1!important;width:100%!important;padding:2.5rem 1.5rem 2.25rem!important}.student-auth-side-panel .student-split-btn-outline{display:none!important}.student-auth-form-panel{z-index:5!important;background:#fff!important;border-radius:28px 28px 0 0!important;flex:1!important;justify-content:flex-start!important;width:100%!important;margin-top:-12px!important;padding:2.25rem 1.75rem 3rem!important;box-shadow:0 -4px 20px #0f294214!important}}@media (width<=640px){.student-auth-form-panel{border-radius:24px 24px 0 0!important;margin-top:-10px!important;padding:2rem 1.5rem 2.5rem!important}.student-auth-side-panel{padding:2.25rem 1.25rem 1.75rem!important}}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Medium.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Okine;src:url(/fonts/okine/MADEOkineSansPERSONALUSE-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}.student-split-auth-container{background:linear-gradient(#e0f2fe 0%,#f0f9ff 100%);flex:1;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex}.student-split-auth-card{background:#fff;width:100%;max-width:860px;min-height:540px;font-family:Poppins,system-ui,-apple-system,sans-serif;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000f,0 4px 6px -2px #00000005;border-radius:18px!important}.student-split-auth-card *{font-family:Poppins,system-ui,-apple-system,sans-serif}.student-auth-form-panel{z-index:2;background:#fff;flex-direction:column;flex:1.1;justify-content:center;padding:3rem 2.5rem;transition:all .5s;display:flex;border-radius:0!important}.student-auth-form-panel h2{letter-spacing:-.01em;font-weight:500!important}.student-auth-side-panel{text-align:center;z-index:2;flex-direction:column;flex:.9;justify-content:center;align-items:center;padding:3rem 2.25rem;transition:all .5s;display:flex;position:relative;overflow:hidden;color:#0f2942!important;background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%)!important;border-radius:0!important}.student-auth-side-panel h2{letter-spacing:-.01em;color:#0f2942!important;font-family:Okine,MADE Okine Sans,Outfit,system-ui,sans-serif!important;font-weight:600!important}.student-auth-side-panel p{color:#1e3a5f!important;opacity:.9!important}.student-social-icons-row{justify-content:center;align-items:center;gap:12px;margin-top:14px;margin-bottom:20px;display:flex}.student-social-badge{color:#64748b;background:#f8fafc;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:500;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 1px 3px #0000000d;border:none!important;border-radius:10px!important}.student-social-badge:hover{color:#0284c7;background-color:#e0f2fe;transform:translateY(-2px)}.student-split-input{color:#1e293b;box-sizing:border-box;background-color:#f1f5f9;width:100%;padding:11px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none!important;border:none!important;border-radius:12px!important;outline:none!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Outfit,sans-serif!important;font-size:14.5px!important;font-weight:400!important}.student-split-input::placeholder{opacity:1;color:#94a3b8!important;text-transform:none!important;letter-spacing:normal!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Outfit,sans-serif!important;font-size:14px!important;font-weight:400!important}.student-split-input:hover{background-color:#e2e8f0;transform:translateY(-1px);box-shadow:none!important}.student-split-input:focus{background-color:#fff;transform:translateY(-1px);border:none!important;outline:none!important;box-shadow:0 2px 8px #a2d2ff33!important}.student-password-wrap{align-items:center;width:100%;display:flex;position:relative}.student-password-wrap .student-split-input{padding-right:42px!important}.student-password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.student-password-toggle-btn:hover{color:#475569;background-color:#f1f5f9}.student-referral-input-wrap{flex:1;align-items:center;display:flex;position:relative}.student-referral-input-wrap .student-split-input{padding-right:38px!important}.student-referral-paste-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.student-referral-paste-btn:hover{color:#2563eb;background-color:#eff6ff}.student-referral-paste-btn.pasted{color:#059669;background-color:#ecfdf5}.student-auth-subcard{background-color:#f8fafc;padding:14px;transition:all .2s;box-shadow:none!important;border:none!important;border-radius:16px!important}.student-inline-action-btn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:none!important;border:none!important;border-radius:12px!important;outline:none!important}.student-inline-action-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.student-inline-action-btn:active{transform:translateY(0)}.student-auth-action-row{align-items:center;gap:10px;width:100%;display:flex}.student-split-btn-action{letter-spacing:.03em;cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:Okine,MADE Okine Sans,Outfit,system-ui,sans-serif;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;color:#0f2942!important;background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%)!important;border:none!important;border-radius:12px!important;font-weight:600!important;box-shadow:0 2px 6px #a2d2ff38!important}.student-split-btn-action:hover{filter:brightness(1.02);transform:translateY(-1px);color:#081d30!important;background:linear-gradient(135deg,#91c7f8 0%,#aed6fc 100%)!important;box-shadow:0 3px 10px #a2d2ff4d!important}.student-split-btn-action:active{transform:translateY(0);box-shadow:none!important;background:#a2d2ff!important}.student-split-btn-bio{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:45px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;color:#0f2942!important;background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%)!important;border:none!important;border-radius:12px!important;box-shadow:0 2px 6px #a2d2ff38!important}.student-split-btn-bio:hover{transform:translateY(-1px);color:#081d30!important;background:linear-gradient(135deg,#91c7f8 0%,#aed6fc 100%)!important;box-shadow:0 3px 10px #a2d2ff4d!important}.student-split-btn-bio:active{transform:translateY(0);box-shadow:none!important;background:#a2d2ff!important}.student-split-btn-outline{letter-spacing:.02em;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:20px;padding:10px 28px;font-family:Okine,MADE Okine Sans,Outfit,system-ui,sans-serif;font-size:12px;transition:all .25s;display:inline-block;color:#0f2942!important;background:#ffffffd9!important;border:none!important;border-radius:12px!important;font-weight:400!important;box-shadow:0 2px 8px #0f294214!important}.student-split-btn-outline:hover{transform:translateY(-1px);color:#fff!important;background:#0f2942!important;box-shadow:0 4px 12px #0f294233!important}.student-split-btn-secondary{letter-spacing:.02em;cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:Okine,MADE Okine Sans,Outfit,system-ui,sans-serif;font-size:12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008;color:#0284c7!important;background:#f1f5f9!important;border:none!important;border-radius:12px!important;outline:none!important;font-weight:400!important}.student-split-btn-secondary:hover{transform:translateY(-1px);color:#0369a1!important;background:#e0f2fe!important;box-shadow:0 2px 6px #0f29420f!important}.student-split-btn-secondary:active{transform:translateY(0)}@media (width<=1024px){.student-split-auth-container{background:linear-gradient(135deg,#a2d2ff 0%,#bde0fe 100%)!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;min-height:100dvh!important;margin:0!important;padding:0!important}.student-split-auth-card{width:100%!important;max-width:100%!important;min-height:100dvh!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;margin:0!important}.student-auth-side-panel{background:0 0!important;border-radius:0!important;flex:none!important;order:-1!important;width:100%!important;padding:2.5rem 1.5rem 2.25rem!important}.student-auth-side-panel .student-split-btn-outline{display:none!important}.student-auth-form-panel{z-index:5!important;background:#fff!important;border-radius:28px 28px 0 0!important;flex:1!important;justify-content:flex-start!important;width:100%!important;margin-top:-12px!important;padding:2.25rem 1.75rem 3rem!important;box-shadow:0 -4px 20px #0f294214!important}}@media (width<=640px){.student-auth-form-panel{border-radius:24px 24px 0 0!important;margin-top:-10px!important;padding:2rem 1.5rem 2.5rem!important}.student-auth-side-panel{padding:2.25rem 1.25rem 1.75rem!important}}.student-att-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf;justify-content:center;align-items:center;padding:.75rem;animation:.2s ease-out attFadeIn;display:flex;position:fixed;inset:0}@keyframes attFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.student-att-modal-card{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;flex-direction:column;width:100%;max-width:44rem;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.student-att-modal-header{color:#fff;background-color:#0a3d62;border-bottom:1px solid #082e4a;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.student-att-header-info{align-items:center;gap:.625rem;display:flex}.student-att-header-icon{background-color:#ffffff1f;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.student-att-header-title{letter-spacing:.01em;margin:0;font-size:.95rem;font-weight:700;line-height:1.2}.student-att-header-subtitle{color:#bfdbfe;margin:0;font-size:.6875rem}.student-att-close-btn{color:#fffc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}.student-att-close-btn:hover{color:#fff;background-color:#ffffff26}.student-att-tabs{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:700;display:flex}.student-att-tab-btn{text-align:center;cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem 1rem;transition:all .2s}.student-att-tab-btn:hover{color:#0f172a;background-color:#f1f5f9}.student-att-tab-btn.active{color:#0a3d62;background-color:#fff;border-bottom-color:#0a3d62;font-weight:800}.student-att-modal-body{background-color:#fafafc;flex:1;padding:1.25rem;overflow-y:auto}.student-id-card{color:#fff;background:linear-gradient(135deg,#0a3d62 0%,#0d4b77 50%,#0a3d62 100%);border:1px solid #082e4a;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0a3d6240}.student-id-card:after{content:"";pointer-events:none;background-color:#ffffff0a;border-radius:50%;width:10rem;height:10rem;position:absolute;top:-2rem;right:-2rem}.student-id-photo-box{background-color:#ffffff1a;border:2px solid #fff6;flex-shrink:0;justify-content:center;align-items:center;width:6.5rem;height:7.75rem;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0003}.student-id-photo-img{object-fit:cover;width:100%;height:100%}.student-id-barcode-container{text-align:center;background-color:#fff;border-top:1px solid #fff3;margin-top:1rem;padding:.75rem}.student-id-barcode-title{color:#0a3d62;letter-spacing:.02em;margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.student-stat-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;padding:.75rem;box-shadow:0 1px 2px #0000000d}.student-stat-label{color:#64748b;text-transform:uppercase;font-size:.6875rem;font-weight:700}.student-stat-value{margin-top:.125rem;font-size:1.125rem;font-weight:900}.student-att-modal-footer{color:#64748b;background-color:#f1f5f9;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.625rem 1.25rem;font-size:.6875rem;display:flex}.student-att-footer-close-btn{color:#0a3d62;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.student-att-footer-close-btn:hover{text-decoration:underline}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-950:oklch(26.2% .051 172.552);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.-z-0{z-index:calc(0 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-auto{height:auto}.h-full{height:100%}.max-h-12{max-height:calc(var(--spacing) * 12)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-52{width:calc(var(--spacing) * 52)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.max-w-\[72rem\]{max-width:72rem}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:var(--spacing)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#0f2942\]{border-color:#0f2942}.border-amber-400\/80{border-color:#fcbb00cc}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/80{border-color:color-mix(in oklab, var(--color-amber-400) 80%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-500\/80{border-color:#00bb7fcc}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/80{border-color:color-mix(in oklab, var(--color-emerald-500) 80%, transparent)}}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-400{border-color:var(--color-sky-400)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-t-slate-600{border-top-color:var(--color-slate-600)}.border-t-transparent{border-top-color:#0000}.bg-\[\#0A3D62\]{background-color:#0a3d62}.bg-\[\#0A3D62\]\/50{background-color:oklab(34.8753% -.0333405 -.075107/.5)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/90{background-color:#fffbebe6}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/90{background-color:color-mix(in oklab, var(--color-amber-50) 90%, transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/5{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/5{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-50\/70{background-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/70{background-color:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-950\/40{background-color:#002c2266}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\/40{background-color:color-mix(in oklab, var(--color-emerald-950) 40%, transparent)}}.bg-emerald-950\/80{background-color:#002c22cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\/80{background-color:color-mix(in oklab, var(--color-emerald-950) 80%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-400{background-color:var(--color-red-400)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-sky-500\/5{background-color:#00a5ef0d}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/5{background-color:color-mix(in oklab, var(--color-sky-500) 5%, transparent)}}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/60{background-color:#f1f5f999}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/60{background-color:color-mix(in oklab, var(--color-slate-100) 60%, transparent)}}.bg-slate-100\/90{background-color:#f1f5f9e6}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/90{background-color:color-mix(in oklab, var(--color-slate-100) 90%, transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/40{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/40{background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.bg-slate-800\/90{background-color:#1d293de6}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/90{background-color:color-mix(in oklab, var(--color-slate-800) 90%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950\/85{background-color:#020618d9}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/85{background-color:color-mix(in oklab, var(--color-slate-950) 85%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-emerald-400{--tw-gradient-via:var(--color-emerald-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-0{padding-bottom:0}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'Poppins\'\,sans-serif\]{font-family:Poppins,sans-serif}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[\#004E89\]{color:#004e89}.text-amber-300{color:var(--color-amber-300)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-blue-100{color:var(--color-blue-100)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-900{color:var(--color-rose-900)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(16\,185\,129\,0\.5\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#10b98180);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:bg-white\/35:is(:where(.group):hover *){background-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/35:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (width>=48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:bg-slate-100{background-color:var(--color-slate-100)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:pb-12{padding-bottom:calc(var(--spacing) * 12)}}@media (width>=64rem){.lg\:bg-slate-100{background-color:var(--color-slate-100)}}@media print{.print\:hidden{display:none}}}*,:before,:after{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:#f1f5f9;margin:0;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}@media (width<=1024px){html,body,#root,*{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}