@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif}:root{--pastel-bg: #FAFAFC;--pastel-surface: #FFFFFF;--pastel-purple: #8C82D6;--pastel-purple-lt: #F4F3FA;--pastel-blue: #7CB8EB;--pastel-blue-lt: #F0F6FC;--pastel-cyan: #62D4D4;--pastel-cyan-lt: #EEF9F9;--pastel-green: #68D3AD;--pastel-green-lt: #EFFBF7;--pastel-amber: #F5B951;--pastel-amber-lt: #FFFBF0;--pastel-rose: #F28CA8;--pastel-rose-lt: #FDF2F5;--pastel-orange: #FA9C7A;--pastel-orange-lt: #FEF5F2;--text-primary: #2A283D;--text-secondary: #7D7C8A;--text-muted: #B5B4BE;--border-soft: rgba(140, 130, 214, .08);--shadow-soft: 0 1.93237vw 7.24638vw rgba(0, 0, 0, .03);--grad-indigo: linear-gradient(135deg, #8C82D6 0%, #A59DF0 100%);--grad-blue: linear-gradient(135deg, #7CB8EB 0%, #9BD0F5 100%);--grad-green: linear-gradient(135deg, #68D3AD 0%, #8BEAC9 100%);--grad-amber: linear-gradient(135deg, #F5B951 0%, #FDDD75 100%);--grad-rose: linear-gradient(135deg, #F28CA8 0%, #FCB6CB 100%);--grad-cyan: linear-gradient(135deg, #62D4D4 0%, #85E8E8 100%)}body{background:var(--pastel-bg);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden;max-width:144.92754vw;margin:0 auto;box-shadow:0 0 9.66184vw #00000005}.ios-wrapper{background:var(--pastel-bg)!important;color:var(--text-primary)!important}.ios-header{position:relative!important;background:#ffffffbf!important;backdrop-filter:blur(4.83092vw)!important;-webkit-backdrop-filter:blur(4.83092vw)!important;border-bottom:1px solid rgba(255,255,255,.7)!important;box-shadow:0 .96618vw 4.83092vw var(--dyn-theme-light, rgba(0, 0, 0, .02))!important;overflow:hidden!important;z-index:50!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:max(3.5rem,calc(env(safe-area-inset-top) + 1.5rem)) 1.25rem 1.1rem!important}.ios-header-left{display:flex!important;align-items:center!important;gap:.9rem!important;flex:1!important}.ios-content{padding:0 1.25rem 2rem}.ios-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(at 10% 0%,var(--dyn-theme-light) 0px,transparent 70%),radial-gradient(at 90% 100%,var(--dyn-theme-light) 0px,transparent 70%);z-index:-1;opacity:.9}.ios-header>*{position:relative;z-index:1}.ios-card{background:var(--pastel-surface)!important;border-radius:4.83092vw!important;box-shadow:var(--shadow-soft)!important;border:1px solid var(--border-soft)!important}.ios-tap{transition:transform .15s ease,background .15s ease!important}.ios-tap:active{transform:scale(.98)!important;background:var(--pastel-purple-lt)!important}.ios-icon-box{background:var(--grad-indigo)!important;box-shadow:0 .96618vw 2.41546vw #8c82d633!important}.ios-icon-box.indigo{background:var(--grad-indigo)!important}.ios-icon-box.violet,.ios-icon-box.purple{background:var(--grad-rose)!important;box-shadow:0 .96618vw 2.41546vw #f28ca833!important}.ios-icon-box.green{background:var(--grad-green)!important;box-shadow:0 .96618vw 2.41546vw #68d3ad33!important}.ios-icon-box.amber{background:var(--grad-amber)!important;box-shadow:0 .96618vw 2.41546vw #f5b95133!important}.ios-icon-box.blue{background:var(--grad-blue)!important;box-shadow:0 .96618vw 2.41546vw #7cb8eb33!important}.ios-card-title{color:var(--text-primary)!important;font-weight:700!important}.ios-card-sub,.ios-section-label,.ios-greeting{color:var(--text-secondary)!important}.ios-school-name{color:var(--text-primary)!important}.ios-chevron{color:var(--text-muted)!important}.ios-alert-bar{background:var(--pastel-surface)!important;box-shadow:var(--shadow-soft)!important;border:1px solid var(--border-soft)!important;border-left-width:.96618vw!important}.ios-alert-bar.warning{border-left-color:var(--pastel-amber)!important}.ios-alert-bar.info{border-left-color:var(--pastel-blue)!important}.ios-stat-divider,.ios-divider{background:var(--pastel-purple-lt)!important}.ios-pct-number{color:var(--pastel-purple)!important}.green-badge{background:var(--pastel-green-lt)!important;color:var(--pastel-green)!important}.amber-badge{background:var(--pastel-amber-lt)!important;color:var(--pastel-amber)!important}.ios-schedule-item.green-border{border-left-color:var(--pastel-green)!important}.ios-schedule-item.amber-border{border-left-color:var(--pastel-amber)!important}.login-form-area{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-top:none!important}.login-title{color:var(--pastel-purple)!important}.ios-segmented-control{background:var(--pastel-purple-lt)!important}.segmented-btn.active{color:var(--pastel-purple)!important;box-shadow:0 .48309vw 1.44928vw #8c82d626!important}.ios-input-group{box-shadow:var(--shadow-soft)!important;border:1px solid var(--pastel-purple-lt)!important}.ios-input-item{border-bottom-color:var(--pastel-purple-lt)!important}.ios-input-item:not(:last-child):after{background-color:var(--pastel-purple-lt)!important}.input-icon{color:var(--pastel-blue)!important}.ios-input::placeholder{color:var(--text-muted)!important}.ios-btn-login,.btn-primary,.ios-btn-primary{background:var(--grad-indigo)!important;color:#fff!important;box-shadow:0 .96618vw 3.62319vw #8c82d640!important;border:none!important}.ios-btn-login:active,.btn-primary:active,.ios-btn-primary:active{transform:scale(.98)!important;background:var(--grad-indigo)!important;box-shadow:0 .48309vw 1.20773vw #8c82d626!important}.ios-btn-danger,.btn-danger{background:var(--grad-rose)!important;color:#fff!important;box-shadow:0 .96618vw 3.62319vw #f28ca840!important;border:none!important}.ios-btn-danger:active,.btn-danger:active{transform:scale(.98)!important}.ios-btn-warning{background:var(--grad-amber)!important;color:#fff!important;box-shadow:0 .96618vw 3.62319vw #f5b95140!important;border:none!important}.ios-btn-success{background:var(--grad-green)!important;color:#fff!important;box-shadow:0 .96618vw 3.62319vw #68d3ad40!important;border:none!important}.ios-btn-add-action{background:var(--pastel-purple-lt)!important;color:var(--pastel-purple)!important;box-shadow:none!important}.ios-btn-add-cancel{background:var(--pastel-rose-lt)!important;color:var(--pastel-rose)!important;box-shadow:none!important}.glass-card{background:#ffffffd9;border:1px solid rgba(255,255,255,.95);border-radius:4.83092vw;box-shadow:var(--shadow-soft)}.glass-effect{background:#ffffffe6;border-top:1px solid rgba(255,255,255,.9);box-shadow:0 -.96618vw 4.83092vw #00000005}.lightbox-overlay{position:fixed;inset:0;background:#1e1b4bd9;display:flex;flex-direction:column;z-index:9999}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:max(1.5rem,env(safe-area-inset-top,2rem)) 1.5rem 1rem;background:transparent}.btn-close-lightbox{background:#ffffff26!important;border:none!important;width:8.21256vw!important;height:8.21256vw!important;border-radius:50%!important;display:flex!important;justify-content:center!important;align-items:center!important;color:#fff!important;cursor:pointer!important}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:3.86473vw;box-shadow:0 2.41546vw 9.66184vw #00000040}.ios-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem;margin-top:.5rem}.ios-grid-card{margin:0!important;padding:1.25rem 1rem!important;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;justify-content:space-between}.ios-grid-card .ios-icon-box{width:10.14493vw!important;height:10.14493vw!important;border-radius:2.89855vw!important;font-size:1.2rem!important;margin-bottom:.25rem}.ios-grid-card .ios-card-text{flex:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.ios-grid-card .ios-chevron{display:none!important}.ios-grid-card.violet-card{background:#eae6fe!important;border:none!important}.ios-grid-card.violet-card .ios-icon-box{background:transparent!important;color:var(--pastel-purple)!important;box-shadow:none!important;font-size:1.5rem!important}.ios-grid-card.blue-card{background:#e1f0fd!important;border:none!important}.ios-grid-card.blue-card .ios-icon-box{background:transparent!important;color:var(--pastel-blue)!important;box-shadow:none!important;font-size:1.5rem!important}.ios-grid-card.rose-card{background:#fde2ea!important;border:none!important}.ios-grid-card.rose-card .ios-icon-box{background:transparent!important;color:var(--pastel-rose)!important;box-shadow:none!important;font-size:1.5rem!important}.ios-grid-card.green-card{background:#e1f8ed!important;border:none!important}.ios-grid-card.green-card .ios-icon-box{background:transparent!important;color:var(--pastel-green)!important;box-shadow:none!important;font-size:1.5rem!important}.ios-grid-card.amber-card{background:#fcf0d3!important;border:none!important}.ios-grid-card.amber-card .ios-icon-box{background:transparent!important;color:var(--pastel-amber)!important;box-shadow:none!important;font-size:1.5rem!important}.custom-spinner{width:9.66184vw;height:9.66184vw;border:.72464vw solid var(--pastel-purple-lt);border-top-color:var(--pastel-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{min-height:100vh;position:relative;display:flex;flex-direction:column}.ios-page-icon{background:var(--dyn-theme-grad, var(--grad-indigo))!important;box-shadow:0 .96618vw 3.38164vw var(--dyn-theme-light, rgba(140, 130, 214, .3))!important;color:#fff!important;width:10.62802vw!important;height:10.62802vw!important;border-radius:3.38164vw!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;animation:pageIconPulse 2.5s ease-in-out infinite!important}@keyframes pageIconPulse{0%,to{box-shadow:0 4px 14px var(--dyn-theme-light, rgba(140, 130, 214, .3));transform:scale(1)}50%{box-shadow:0 8px 24px var(--dyn-theme-light, rgba(140, 130, 214, .5));transform:scale(1.04)}}.badge-success,.bg-success,.green-badge{background:#e1f8ed!important;color:#059669!important;border:1px solid rgba(16,185,129,.15)!important}.badge-warning,.bg-warning,.amber-badge{background:#fff4d9!important;color:#d97706!important;border:1px solid rgba(245,158,11,.15)!important}.badge-danger,.bg-danger,.red-badge{background:#fce1e8!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.15)!important}.badge-gray,.badge-info{background:#eae6fe!important;color:#6d28d9!important;border:1px solid rgba(139,92,246,.15)!important}.siswa-item,.history-card{background:#fff!important;border-bottom:none!important;border-radius:3.86473vw!important;margin-bottom:.6rem!important;box-shadow:0 .96618vw 3.86473vw #00000008!important;border:1px solid var(--border-soft)!important;transition:all .25s cubic-bezier(.175,.885,.32,1.2)!important;padding:.85rem!important}.siswa-item:active,.history-card:active{transform:scale(.96)!important;background:#f4f3fa!important;border-color:#a59df0!important}.siswa-avatar{background:var(--grad-blue)!important;color:#fff!important;box-shadow:0 .72464vw 1.93237vw #7cb8eb4d!important}.main-content{flex:1;padding-bottom:21.73913vw}body{--dyn-theme: #0A84FF;--dyn-theme-light: rgba(10, 132, 255, .15);--dyn-theme-grad: linear-gradient(135deg, #0A84FF, #60AFFF)}body.theme-rose{--dyn-theme: #FF2D55;--dyn-theme-light: rgba(255, 45, 85, .15);--dyn-theme-grad: linear-gradient(135deg, #FF2D55, #FF6685)}body.theme-purple{--dyn-theme: #BF5AF2;--dyn-theme-light: rgba(191, 90, 242, .15);--dyn-theme-grad: linear-gradient(135deg, #BF5AF2, #D484F6)}body.theme-green{--dyn-theme: #32ADE6;--dyn-theme-light: rgba(50, 173, 230, .15);--dyn-theme-grad: linear-gradient(135deg, #32ADE6, #6AD2FF)}body.theme-orange{--dyn-theme: #FF9F0A;--dyn-theme-light: rgba(255, 159, 10, .15);--dyn-theme-grad: linear-gradient(135deg, #FF9F0A, #FFB947)}body.theme-mint{--dyn-theme: #30D158;--dyn-theme-light: rgba(48, 209, 88, .15);--dyn-theme-grad: linear-gradient(135deg, #30D158, #63E689)}body.theme-teal{--dyn-theme: #00C7BE;--dyn-theme-light: rgba(0, 199, 190, .15);--dyn-theme-grad: linear-gradient(135deg, #00C7BE, #50E6DE)}body.theme-gold{--dyn-theme: #FFAA00;--dyn-theme-light: rgba(255, 170, 0, .15);--dyn-theme-grad: linear-gradient(135deg, #FFAA00, #FFC54D)}body.theme-indigo{--dyn-theme: #5E5CE6;--dyn-theme-light: rgba(94, 92, 230, .15);--dyn-theme-grad: linear-gradient(135deg, #5E5CE6, #807EE8)}body.theme-blue{--dyn-theme: #0A84FF;--dyn-theme-light: rgba(10, 132, 255, .15);--dyn-theme-grad: linear-gradient(135deg, #0A84FF, #60AFFF)}.ios-page-icon,.ios-page-icon.bg-blue,.ios-page-icon.custom-color{background:var(--dyn-theme-grad)!important;box-shadow:0 .96618vw 2.41546vw var(--dyn-theme-light)!important}.absen-status-icon.bg-info-light,.bg-info-light,.ios-btn-add-action{background:var(--dyn-theme-light)!important}.absen-status-icon i.text-info,.ios-btn-add-action i,.ios-btn-add-action,.text-info{color:var(--dyn-theme)!important}.ios-btn-primary,.btn-primary{background:var(--dyn-theme-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 .96618vw 3.62319vw var(--dyn-theme-light)!important}.ios-btn-custom-outline{background:transparent!important;border:.36232vw solid var(--dyn-theme)!important;color:var(--dyn-theme)!important}.ios-btn-attachment,.btn-lampiran-dashed{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:1.44928vw!important;padding:1.44928vw 3.38164vw!important;background:var(--dyn-theme-light)!important;color:var(--dyn-theme)!important;border:1px solid var(--dyn-theme)!important;border-radius:4.83092vw!important;font-size:.75rem!important;font-weight:600!important;font-family:inherit!important;cursor:pointer!important;transition:transform .15s!important}.ios-btn-attachment:active,.btn-lampiran-dashed:active{transform:scale(.95)!important}.ios-page-title,.form-title.text-primary-dark{background:var(--dyn-theme-grad)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:1.1rem!important;font-weight:800!important;margin:0!important;letter-spacing:-.02em!important}.ios-page-sub{font-size:.78rem!important;color:#7d7c8a!important;margin:.15rem 0 0!important}.ios-segment-wrapper{background:#ffffffa6!important;backdrop-filter:blur(4.83092vw)!important;-webkit-backdrop-filter:blur(4.83092vw)!important;padding:.5rem 1.25rem 1rem!important;border-bottom:1px solid rgba(255,255,255,.7)!important;position:relative!important;z-index:10!important}.ios-segment-control{display:flex!important;background:#0000000d!important;border-radius:2.41546vw!important;padding:.96618vw!important;width:100%!important;box-shadow:inset 0 .48309vw 1.20773vw #00000008!important}.segment-btn{flex:1!important;text-align:center!important;border:none!important;background:transparent!important;padding:1.93237vw 0!important;font-size:.85rem!important;font-weight:600!important;color:#8e8e93!important;border-radius:1.93237vw!important;transition:all .25s cubic-bezier(.175,.885,.32,1.2)!important;cursor:pointer!important}.segment-btn.active{background:#fff!important;color:var(--dyn-theme)!important;box-shadow:0 .96618vw 2.89855vw var(--dyn-theme-light),0 1px .72464vw #0000000f!important;transform:scale(1.02)!important}.ios-tab-bar{background:#ffffffa6!important;backdrop-filter:blur(4.83092vw)!important;-webkit-backdrop-filter:blur(4.83092vw)!important;display:flex!important;gap:.4rem!important;overflow-x:auto!important;padding:.6rem 1rem .75rem!important;border-bottom:1px solid rgba(255,255,255,.7)!important;scrollbar-width:none!important;position:relative!important;z-index:10!important}.ios-tab-bar::-webkit-scrollbar{display:none!important}.ios-tab-btn{flex:0 0 auto!important;border:none!important;border-radius:12.07729vw!important;padding:.5rem 1rem!important;font-family:inherit!important;font-size:.8rem!important;font-weight:600!important;white-space:nowrap!important;color:#8e8e93!important;background:#0000000d!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.35rem!important;transition:all .25s cubic-bezier(.175,.885,.32,1.2)!important}.ios-tab-btn i{font-size:.8rem!important}.ios-tab-btn.active{background:#ffffffe6!important;color:var(--dyn-theme)!important;box-shadow:0 .96618vw 3.38164vw var(--dyn-theme-light),0 1px .96618vw #0000000f!important;transform:scale(1.03)!important;border:1px solid rgba(255,255,255,.9)!important}.ios-header-new{position:relative;background:#fff;padding:max(4rem,calc(env(safe-area-inset-top) + 2rem)) 1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.7);border-radius:0 0 8.69565vw 8.69565vw;box-shadow:0 3.86473vw 9.66184vw #ff7e6714;overflow:hidden;margin-bottom:.5rem}.ios-header-new:before{content:"";position:absolute;inset:0;background-color:#fff;background-image:radial-gradient(at 15% 10%,hsla(15,100%,82%,.8) 0px,transparent 50%),radial-gradient(at 85% 15%,hsla(45,100%,80%,.8) 0px,transparent 50%),radial-gradient(at 90% 85%,hsla(350,100%,85%,.8) 0px,transparent 50%),radial-gradient(at 10% 90%,hsla(160,100%,82%,.6) 0px,transparent 50%);z-index:0;opacity:.9}.mobile-nav-wrapper[data-v-e384878e]{position:fixed;bottom:calc(3.62319vw + env(safe-area-inset-bottom));left:3.62319vw;right:3.62319vw;z-index:1050}.liquidGlass-wrapper[data-v-e384878e]{position:relative;display:flex;font-weight:600;width:100%;border-radius:8.45411vw;background:#ffffff73;border:1px solid rgba(255,255,255,.9);box-shadow:0 3.86473vw 9.66184vw #0000000f,inset 0 .48309vw 1.20773vw #ffffffb3;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.liquidGlass-wrapper[data-v-e384878e]::-webkit-scrollbar{display:none}.liquidGlass-text[data-v-e384878e]{z-index:3;width:100%}.dock[data-v-e384878e]{display:flex;align-items:center;justify-content:space-evenly;padding:.4rem .2rem;width:100%;min-width:max-content}.liquid-nav-link[data-v-e384878e]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8e8e93;font-size:2.29469vw;font-weight:600;text-decoration:none;flex:1 1 0;min-width:11.5942vw;max-width:17.3913vw;transition:all .5s cubic-bezier(.175,.885,.32,1.27);font-family:-apple-system,SF Pro Display,Inter,sans-serif;padding:.72464vw .48309vw;position:relative}.icon-wrap[data-v-e384878e]{width:8.21256vw;height:8.21256vw;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);margin-bottom:.48309vw;background:transparent;position:relative}.liquid-nav-link i[data-v-e384878e]{font-size:4.34783vw;transition:all .4s ease;z-index:2}.liquid-nav-link span[data-v-e384878e]{display:block;transition:all .4s ease;opacity:.9;transform-origin:top;white-space:nowrap}.liquid-nav-link[data-v-e384878e]:active{transform:scale(.92)}.nav-blue[data-v-e384878e]{--theme: #0A84FF;--bg-light: rgba(10, 132, 255, .25)}.nav-rose[data-v-e384878e]{--theme: #FF2D55;--bg-light: rgba(255, 45, 85, .25)}.nav-purple[data-v-e384878e]{--theme: #BF5AF2;--bg-light: rgba(191, 90, 242, .25)}.nav-green[data-v-e384878e]{--theme: #32ADE6;--bg-light: rgba(50, 173, 230, .25)}.nav-orange[data-v-e384878e]{--theme: #FF9F0A;--bg-light: rgba(255, 159, 10, .25)}.nav-mint[data-v-e384878e]{--theme: #30D158;--bg-light: rgba(48, 209, 88, .25)}.nav-teal[data-v-e384878e]{--theme: #00C7BE;--bg-light: rgba(0, 199, 190, .25)}.nav-gold[data-v-e384878e]{--theme: #FFAA00;--bg-light: rgba(255, 170, 0, .25)}.nav-red[data-v-e384878e]{--theme: #FF3B30;--bg-light: rgba(255, 59, 48, .25)}.nav-indigo[data-v-e384878e]{--theme: #5E5CE6;--bg-light: rgba(94, 92, 230, .25)}.liquid-nav-link.active[data-v-e384878e]{color:var(--theme)}.liquid-nav-link.active .icon-wrap[data-v-e384878e]{background:var(--theme);transform:translateY(-1.93237vw) scale(1.08);box-shadow:0 1.93237vw 3.86473vw var(--bg-light),inset 0 .48309vw .96618vw #fff6}.liquid-nav-link.active i[data-v-e384878e]{color:#fff;transform:scale(1.05)}.liquid-nav-link.active span[data-v-e384878e]{transform:translateY(-.48309vw) scale(1.02);font-weight:800}@media(max-width:380px){.liquid-nav-link span[data-v-e384878e]{font-size:9px}}.badge-dot[data-v-e384878e]{position:absolute;top:-.48309vw;right:-.48309vw;width:2.41546vw;height:2.41546vw;background-color:#ef4444;border:.48309vw solid #fff;border-radius:50%;animation:pulse-e384878e 1.5s infinite}@keyframes pulse-e384878e{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}html,body{min-height:100vh;position:relative;background-color:#f4f6fa!important;margin:0;padding:0}.app-layout{min-height:100vh;position:relative}.main-content{min-height:100vh;display:flex;flex-direction:column}.main-content.has-nav{padding-top:0;padding-bottom:27.77778vw}.custom-hero,.dashboard-custom-wrapper .custom-container{padding-top:calc(env(safe-area-inset-top,8.45411vw) + 1.5rem)!important}