@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.ntf-popup-overlay{position:fixed;top:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10001;pointer-events:none}.ntf-popup-card.ntf-professional{background:rgba(255,255,255,.82);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:16px 20px;width:94%;max-width:440px;box-shadow:0 20px 50px -10px rgba(0,0,0,.12);position:relative;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;cursor:pointer;user-select:none;touch-action:none;animation:ntf-slideDown .6s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes ntf-slideDown{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}.ntf-popup-accent{position:absolute;top:0;left:0;right:0;height:4px;opacity:1}.ntf-popup-container{display:flex;gap:16px;align-items:center}.ntf-icon-area{flex-shrink:0}.ntf-icon-circle{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 16px rgba(0,0,0,.05);position:relative}.ntf-logo-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:#fff;border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.15);border:1px solid rgba(226,232,240,.8)}.ntf-logo-badge img{width:85%;height:85%;object-fit:contain}.ntf-content-area{flex:1;display:flex;align-items:center;justify-content:space-between}.ntf-text-box{display:flex;flex-direction:column;gap:2px;flex:1}.ntf-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.ntf-title{margin:0;font-size:1.1rem;font-weight:850;color:#0f172a;letter-spacing:-.5px}.ntf-type-badge{font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ntf-message{margin:0;font-size:.95rem;color:#64748b;line-height:1.3;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ntf-swipe-hint{width:4px;height:24px;background:#e2e8f0;border-radius:2px;margin-left:12px;opacity:.6}@media (max-width: 480px){.ntf-popup-overlay{top:15px}.ntf-popup-card.ntf-professional{padding:14px 18px;border-radius:26px;max-width:none}.ntf-icon-circle{width:48px;height:48px;font-size:1.4rem}.ntf-title{font-size:1rem}.ntf-message{font-size:.88rem}}.app-sidebar{width:280px;height:100vh;background:rgba(255,255,255,.85);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;padding:1.5rem;box-sizing:border-box;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .4s ease;z-index:999}.sidebar-backdrop.show{opacity:1;visibility:visible}.logo-container{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;cursor:pointer;transition:transform .2s ease}.logo-container:hover{transform:translateY(-2px)}.logo-wrapper{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.logo-img{width:100%;height:100%;object-fit:contain;z-index:2;background:#fff;border-radius:12px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.logo-icon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e1b4b,#312e81);display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;color:#fff;font-size:1.4rem;box-shadow:0 4px 15px rgba(99,102,241,.2);z-index:1}.logo-text-stack{display:flex;flex-direction:column}.logo-text{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:#0f172a;letter-spacing:-.5px;line-height:1}.logo-tagline{font-size:.6rem;font-weight:800;background:linear-gradient(135deg,#1e1b4b,#312e81);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;margin-top:2px;text-transform:uppercase;opacity:.8}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto;padding-right:.3rem;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.mobile-close-btn{display:none;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:10px;color:#64748b;font-size:1.4rem;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-close-btn:active{transform:scale(.9)}.sidebar-children-module{background:rgba(99,102,241,.03);border-radius:24px;padding:8px;margin:0 0 1rem;border:1px solid rgba(99,102,241,.05);transition:all .3s ease}.sidebar-children-module:hover{background:rgba(99,102,241,.05);border-color:rgba(99,102,241,.1)}.children-module-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer}.header-title-wrapper{display:flex;align-items:center;gap:12px}.header-icon-box{width:32px;height:32px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 10px rgba(99,102,241,.2)}.header-label-text{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;color:#1e293b;letter-spacing:1.2px;text-transform:uppercase}.header-toggle-arrow{font-size:.9rem;color:#64748b;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header-toggle-arrow.is-open{transform:rotate(0)}.children-scroll-container{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:0 4px 4px}.child-profile-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.child-profile-card:hover{background:#fff;transform:translate(4px);box-shadow:0 4px 12px rgba(0,0,0,.03)}.child-profile-card.card-is-active{background:#fff;border-color:rgba(99,102,241,.2);box-shadow:0 8px 20px rgba(99,102,241,.08)}.child-avatar-frame{position:relative;width:38px;height:38px;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.avatar-initial{font-family:Outfit,sans-serif;font-weight:800;font-size:1rem;background:linear-gradient(135deg,#1e1b4b,#312e81);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-is-active .child-avatar-frame{background:linear-gradient(135deg,#1e1b4b,#312e81)}.card-is-active .avatar-initial{-webkit-text-fill-color:white}.active-pulse-ring{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:14px;border:2px solid #1e1b4b;opacity:0;animation:pulseAvatar 2s infinite}@keyframes pulseAvatar{0%{transform:scale(1);opacity:.5}to{transform:scale(1.15);opacity:0}}.child-identity-info{display:flex;flex-direction:column;flex:1}.child-display-name{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:#334155;transition:color .3s ease}.card-is-active .child-display-name{color:#0f172a}.child-grade-tag{display:flex;align-items:center;gap:4px}.tag-bullet{font-size:1rem;color:#cbd5e1;line-height:1}.tag-text{font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.card-is-active .tag-text{color:#1e1b4b}.active-selection-sparkle{color:#1e1b4b;font-size:1.1rem;animation:sparkleRotate 4s linear infinite}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-group{display:flex;flex-direction:column;gap:.3rem}.group-label{padding:.5rem 1rem .3rem;font-size:.65rem;font-weight:800;color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:14px;cursor:pointer;transition:all .2s ease;color:#64748b;position:relative}.sidebar-item:hover{background:rgba(0,0,0,.02);color:#0f172a}.sidebar-item.active{background:linear-gradient(to right,rgba(99,102,241,.1),transparent);background:linear-gradient(135deg,#1e1b4b,#312e81);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-icon{font-size:1.3rem}.sidebar-label{font-family:Inter,sans-serif;font-size:.9rem;font-weight:650}.active-indicator{position:absolute;right:0;width:4px;height:20px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:4px 0 0 4px}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:1.2rem}.user-brief{display:flex;align-items:center;gap:.8rem}.user-avatar{width:44px;height:44px;background:#f1f5f9;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.1rem;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.user-info{display:flex;flex-direction:column;flex:1}.user-name{font-size:.9rem;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-role{font-size:.7rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.logout-button{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:.8rem;color:#ef4444;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:all .2s ease;font-family:Outfit,sans-serif;font-weight:700}.logout-button:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.2)}@media screen and (max-width: 768px){.app-sidebar{position:fixed;left:0;top:0;width:280px;height:100%;transform:translate(-100%);box-shadow:20px 0 50px rgba(0,0,0,.1);background:#fff;z-index:1001;border-radius:0 24px 24px 0;padding-top:calc(1.5rem + env(safe-area-inset-top));visibility:hidden}.app-sidebar.open{transform:translate(0);visibility:visible}.mobile-close-btn{display:flex}.logo-text-stack,.sidebar-label,.group-label,.user-info,.logout-button span,.section-header span,.section-header .toggle-icon,.student-info-mini,.selection-sparkle{display:flex!important}.sidebar-item{justify-content:flex-start!important;padding:.8rem 1rem!important}.sidebar-icon{font-size:1.3rem!important}.user-avatar{margin:0!important}.logout-button{padding:.8rem!important;border-radius:12px!important;width:100%!important;height:auto!important;margin:0!important}.sidebar-section{background:rgba(0,0,0,.02)!important}.section-header{justify-content:flex-start!important}}@media screen and (min-width: 1600px){.app-sidebar{width:320px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:75px;background:rgba(15,23,42,.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:1000;transition:transform .3s ease}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:8px 0;cursor:pointer;position:relative;transition:all .2s ease;color:rgba(255,255,255,.4)}.nav-item.active{background:linear-gradient(135deg,#1e1b4b,#312e81);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.icon-wrapper{font-size:1.5rem;transition:transform .2s ease}.nav-item.active .icon-wrapper{transform:translateY(-2px)}.nav-label{font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.2px}.nav-dot{position:absolute;top:4px;width:4px;height:4px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:50%;box-shadow:0 0 8px rgba(99,102,241,.6)}@media (min-width: 769px){.bottom-nav{display:none}}:root{--uts-bottom-nav-height: 75px}.responsive-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:transparent}.content-area{flex:1;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;background:transparent}.scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;-webkit-overflow-scrolling:touch;background:transparent;scroll-behavior:smooth}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:rgba(99,102,241,.1);border-radius:20px;border:2px solid transparent;background-clip:content-box}.scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.3);border:2px solid transparent;background-clip:content-box}.scroll-container ion-router-outlet{position:relative!important;display:block!important;height:auto!important;width:100%!important;overflow:visible!important;contain:none!important}.scroll-container .ion-page,.scroll-container .dashboard-page,.scroll-container .attendance-page,.scroll-container .app-page{position:relative!important;display:flex!important;flex-direction:column;height:auto!important;min-height:100%;width:100%!important;overflow:visible!important;contain:none!important;z-index:1}.scroll-container [hidden],.scroll-container .ion-page-hidden,.scroll-container .ion-page-invisible{display:none!important;visibility:hidden!important;height:0!important;width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;pointer-events:none!important;opacity:0!important;z-index:-1!important}.scroll-container .ion-page:not(.ion-page-hidden):not(.ion-page-invisible){display:flex!important;opacity:1!important;visibility:visible!important;position:relative!important;height:auto!important;min-height:100%}.sm-bg-canvas{pointer-events:none}.mobile-view .content-area{padding-bottom:calc(var(--uts-bottom-nav-height) + env(safe-area-inset-bottom))}.app-page{max-width:1200px;margin:0 auto;padding:2.5rem;min-height:calc(100vh - 75px);box-sizing:border-box;transition:all .3s ease}@media (min-width: 1600px){.app-page{max-width:1500px;padding:3.5rem}}@media (max-width: 1100px){.app-page{padding:1.5rem}}@media (max-width: 768px){.app-page{padding:.5rem 1rem 2rem}}.loader-container{display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease-in-out}.loader-container.full-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-main, #0f172a)}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner{position:relative;width:60px;height:60px}.inner-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:linear-gradient(135deg,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%),#a855f7);border-radius:50%;box-shadow:0 0 15px rgba(99,102,241,.5);animation:pulse 1.5s infinite ease-in-out}.outer-orbit{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-right-color:#a855f7;border-radius:50%;animation:rotate 1s linear infinite}.loader-text{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500;color:rgba(255,255,255,.9);letter-spacing:.5px;margin:0;animation:fadeInOut 2s infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.error-state-container{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:rgba(220,38,38,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(220,38,38,.2);margin-top:1rem}.error-state-content{text-align:center}.error-icon{font-size:3.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(220,38,38,.3))}.error-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600;color:#ef4444;margin-bottom:.75rem}.error-message{font-family:Inter,sans-serif;font-size:1rem;color:rgba(255,255,255,.8);max-width:350px;margin:0 auto;line-height:1.5}.retry-btn{margin-top:2rem;padding:.75rem 2.5rem;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;border-radius:12px;max-width:350px;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(239,68,68,.3)}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.4)}.retry-btn:active{transform:translateY(0)}:root{--dash-primary: #5a189a;--dash-primary-light: #9d4edd;--dash-accent: #e0aaff;--dash-success: #10b981;--dash-warning: #f59e0b;--dash-danger: #f43f5e;--dash-bg: #fdfcff;--dash-card-bg: #ffffff;--dash-glass: rgba(255, 255, 255, .7);--dash-border: rgba(0, 0, 0, .05);--dash-text-main: #1a1a1a;--dash-text-sub: #6b7280;--dash-radius-xl: 32px;--dash-radius-lg: 24px;--dash-radius-md: 16px;--dash-shadow-soft: 0 10px 30px rgba(90, 24, 154, .04);--dash-shadow-float: 0 20px 40px rgba(0, 0, 0, .06);--dash-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.erp-dash-container{min-height:100vh;background-color:var(--dash-bg);font-family:Outfit,Inter,sans-serif;color:var(--dash-text-main);padding-bottom:100px;animation:dashFadeIn .8s ease-out}@keyframes dashFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.erp-dash-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:rgba(253,252,255,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--dash-border)}.erp-dash-greeting-text{font-size:.85rem;font-weight:600;color:var(--dash-text-sub);letter-spacing:.5px}.erp-dash-user-name{font-size:1.5rem;font-weight:800;margin:2px 0 0;letter-spacing:-.5px}.erp-dash-header-actions{display:flex;gap:12px;align-items:center}.erp-dash-icon-btn{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--dash-border);display:flex;align-items:center;justify-content:center;color:var(--dash-text-main);cursor:pointer;position:relative;transition:var(--dash-transition);box-shadow:var(--dash-shadow-soft)}.erp-dash-mini-avatar{width:32px;height:32px;border-radius:10px;object-fit:cover}.erp-dash-pulse-badge{position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--dash-danger);border-radius:50%;border:2px solid white;animation:pulseAnim 2s infinite}@keyframes pulseAnim{0%{transform:scale(.95);box-shadow:0 0 rgba(244,63,94,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(244,63,94,0)}to{transform:scale(.95);box-shadow:0 0 rgba(244,63,94,0)}}.erp-dash-scroll-view{max-width:1200px;margin:0 auto;padding:24px}.erp-dash-focus-section{margin-bottom:32px}.erp-dash-focus-card{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:var(--dash-radius-xl);padding:32px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(90,24,154,.15)}.erp-dash-focus-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;backdrop-filter:blur(4px)}.erp-dash-focus-card h3{font-size:1.8rem;font-weight:800;margin:0 0 8px;line-height:1.2}.erp-dash-focus-card p{font-size:.95rem;opacity:.9;margin-bottom:24px;max-width:80%}.erp-dash-focus-cta{background:#fff;color:var(--dash-primary);border:none;padding:12px 20px;border-radius:14px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--dash-transition)}.erp-dash-focus-cta:hover{transform:translate(5px);box-shadow:0 4px 15px rgba(255,255,255,.3)}.erp-dash-focus-visual{position:relative;width:120px;height:120px}.focus-blob{position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);top:-30px;right:-30px;border-radius:50%;animation:blobFloat 6s infinite ease-in-out}@keyframes blobFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.erp-dash-quick-hub{margin-bottom:32px}.erp-dash-hub-scroller{display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}.erp-dash-hub-scroller::-webkit-scrollbar{display:none}.hub-item{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:85px;cursor:pointer;transition:var(--dash-transition)}.hub-icon-box{width:64px;height:64px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--dash-primary);box-shadow:var(--dash-shadow-soft);border:1px solid var(--dash-border);transition:var(--dash-transition)}.hub-item span{font-size:.8rem;font-weight:700;color:var(--dash-text-main)}.hub-item:active{transform:scale(.9)}.hub-item:active .hub-icon-box{background:var(--dash-primary);color:#fff}.erp-dash-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.bento-cell{background:#fff;border-radius:var(--dash-radius-lg);padding:24px;border:1px solid var(--dash-border);box-shadow:var(--dash-shadow-soft);cursor:pointer;transition:var(--dash-transition)}.bento-cell:hover{transform:translateY(-5px);box-shadow:var(--dash-shadow-float)}.bento-cell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--dash-text-sub)}.bento-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.attendance-circular-container{display:flex;justify-content:center;margin-bottom:16px}.circular-chart{width:100px;height:100px}.circle-bg{fill:none;stroke:#f3f4f6;stroke-width:3.8}.circle{fill:none;stroke:var(--dash-primary);stroke-width:3.8;stroke-linecap:round;transition:stroke-dasharray .6s ease}.percentage{fill:var(--dash-text-main);font-family:Outfit,sans-serif;font-size:.5rem;font-weight:800;text-anchor:middle}.finance-summary{margin-bottom:16px}.finance-val{font-size:1.8rem;font-weight:800;display:block}.finance-tag{font-size:.75rem;font-weight:700;background:#fef2f2;color:#ef4444;padding:2px 8px;border-radius:6px}.finance-progress-track{height:8px;background:#f3f4f6;border-radius:10px;overflow:hidden;margin-bottom:12px}.finance-progress-fill{height:100%;background:var(--dash-success);border-radius:10px}.bento-subtext{font-size:.8rem;color:var(--dash-text-sub);font-weight:500}.cell-news{grid-column:span 2;color:#fff;border:none;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;position:relative;overflow:hidden}.cell-news:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3))}.news-content{position:relative;z-index:2}.news-tag{font-size:.65rem;background:rgba(255,255,255,.2);padding:4px 8px;border-radius:6px;font-weight:800}.cell-news h4{font-size:1.3rem;font-weight:800;margin:12px 0 4px}.cell-news p{font-size:.85rem;opacity:.9}.news-dots{display:flex;gap:6px;position:relative;z-index:2}.news-dot{width:6px;height:6px;background:rgba(255,255,255,.3);border-radius:50%;transition:var(--dash-transition)}.news-dot.active{width:16px;border-radius:6px;background:#fff}.erp-dash-timeline{background:#fff;border-radius:var(--dash-radius-lg);padding:24px;border:1px solid var(--dash-border)}.section-title{font-size:1.1rem;font-weight:800;margin-bottom:24px}.timeline-container{display:flex;flex-direction:column;gap:24px}.timeline-item{display:flex;gap:16px;position:relative}.timeline-marker{width:12px;height:12px;border-radius:50%;background:var(--dash-primary);flex-shrink:0;margin-top:6px;position:relative;z-index:2}.timeline-marker:after{content:"";position:absolute;top:12px;left:5px;width:2px;height:40px;background:#f3f4f6;z-index:1}.timeline-item:last-child .timeline-marker:after{display:none}.timeline-marker.danger{background:var(--dash-danger)}.timeline-content h4{font-size:.95rem;font-weight:700;margin:0}.timeline-content p{font-size:.85rem;color:var(--dash-text-sub);margin:2px 0 4px}.timeline-time{font-size:.75rem;color:var(--dash-text-sub);font-weight:600}@media (max-width: 600px){.erp-dash-bento{grid-template-columns:1fr}.cell-news{grid-column:span 1}.erp-dash-focus-card{padding:24px}.erp-dash-focus-card h3{font-size:1.4rem}.erp-dash-focus-visual{display:none}}.ripple{position:relative;overflow:hidden}.ripple:active:after{content:"";position:absolute;width:100px;height:100px;background:rgba(255,255,255,.3);display:block;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:rippleAnim .6s linear;top:50%;left:50%}@keyframes rippleAnim{to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.login-page{--background: #ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:100vh;width:100%}.login-page::part(background){background:#fff}.login-bg-ornaments{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(168,85,247,.05) 0%,transparent 50%)}.bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 25s infinite alternate ease-in-out}.bubble-3{width:350px;height:350px;background:rgba(45,212,191,.1);top:15%;right:10%;animation-duration:40s;animation-delay:-12s}@keyframes float{0%{transform:translate(0) scale(1.1)}50%{transform:translate(40px,60px) scale(1)}to{transform:translate(0) scale(1.1)}}.login-container{max-width:440px;width:90%;padding:40px 0;z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px;width:100%}.login-logo-wrapper{position:relative;display:inline-block;margin-bottom:20px}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:38px;font-weight:800;box-shadow:0 15px 35px rgba(99,102,241,.3);font-family:Outfit,sans-serif;transform:rotate(-6deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.login-logo-wrapper:hover .login-logo{transform:rotate(0) scale(1.1);box-shadow:0 20px 45px rgba(99,102,241,.4)}.login-logo-glow{position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);z-index:-1}.login-header h1{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;color:#1e293b;margin:0 0 4px;letter-spacing:-1.5px}.login-header p{font-family:Inter,sans-serif;color:#64748b;font-size:1.1rem;margin:0;font-weight:500}.login-card-premium{background:rgba(255,255,255,.7);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:36px;padding:40px;box-shadow:0 20px 60px -15px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;color:#475569;letter-spacing:.8px;text-transform:uppercase;padding-left:2px}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:16px 20px;background:rgba(248,250,252,.8);border:1.5px solid #e2e8f0;border-radius:18px;color:#1e293b;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;box-sizing:border-box}.input-wrapper input:focus{background:#fff;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);outline:none;box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-2px)}.input-wrapper input::placeholder{color:#94a3b8}.login-error{padding:12px 16px;background:#fef2f2;border:1px solid #fee2e2;border-radius:16px;color:#ef4444;font-size:.85rem;text-align:center;font-family:Inter,sans-serif;font-weight:600;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.login-submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border:none;border-radius:18px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px -5px rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;margin-top:8px}.login-submit-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 35px -8px rgba(99,102,241,.5);filter:saturate(1.2)}.login-submit-btn:active:not(:disabled){transform:translateY(-1px)}.login-footer{margin-top:10px;text-align:center}.forgot-password{color:#64748b;font-family:Inter,sans-serif;font-size:.95rem;margin:0}.forgot-password span{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);font-weight:700;cursor:pointer;transition:all .3s ease}.forgot-password span:hover{text-decoration:underline;opacity:.8}@media (max-width: 480px){.login-container{width:92%;padding:20px 0}.login-card-premium{padding:32px 24px;border-radius:32px}.login-header h1{font-size:2.1rem;letter-spacing:-1px}.login-header p{font-size:1rem}.login-logo{width:70px;height:70px;font-size:32px}}ion-content::part(scroll){display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important}.empty-state-container{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:rgba(0,0,0,.016);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:32px;border:2px dashed rgba(0,0,0,.05);margin-top:1.5rem}.empty-state-content{text-align:center}.empty-icon{font-size:4rem;margin-bottom:2rem;filter:drop-shadow(0 10px 20px rgba(99,102,241,.15))}.empty-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:1rem;letter-spacing:-.5px}.empty-message{font-family:Inter,sans-serif;font-size:1.1rem;color:#64748b;max-width:350px;margin:0 auto;line-height:1.6;font-weight:500}.student-selector-page{--background: #ffffff;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.student-selector-page::part(background){background:#fff}.selector-bg-ornaments{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(168,85,247,.05) 0%,transparent 50%)}.selector-bubble{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:selectorFloat 25s infinite alternate ease-in-out}.bubble-1{width:500px;height:500px;background:rgba(99,102,241,.15);top:-150px;left:-150px;animation-duration:30s}.bubble-2{width:400px;height:400px;background:rgba(168,85,247,.12);bottom:-100px;right:-100px;animation-duration:35s;animation-delay:-7s}@keyframes selectorFloat{0%{transform:translate(0) scale(1.1)}50%{transform:translate(40px,60px) scale(1)}to{transform:translate(0) scale(1.1)}}.selector-container{max-width:550px;width:90%;z-index:1;position:relative;padding:40px 0;animation:selectorFadeIn .8s cubic-bezier(.4,0,.2,1)}@keyframes selectorFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selector-header{text-align:center;margin-bottom:40px}.selector-header h1{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:#1e293b;margin:0 0 8px;letter-spacing:-1px}.selector-header p{font-family:Inter,sans-serif;color:#64748b;font-size:1.1rem;margin:0;font-weight:500}.students-grid{display:flex;flex-direction:column;gap:16px}.student-card-premium{background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:20px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -10px rgba(0,0,0,.05);text-decoration:none;position:relative;overflow:hidden}.student-card-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(168,85,247,.05));opacity:0;transition:opacity .4s ease}.student-card-premium:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px -15px rgba(99,102,241,.15);border-color:rgba(99,102,241,.3)}.student-card-premium:hover:before{opacity:1}.student-card-premium:active{transform:translateY(-2px) scale(1)}.student-avatar-wrapper{position:relative;width:72px;height:72px;flex-shrink:0}.student-avatar{width:100%;height:100%;border-radius:20px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 8px 20px rgba(0,0,0,.1);background:#f1f5f9}.student-info{flex:1;z-index:1}.student-info h2{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 4px}.student-meta{display:flex;align-items:center;gap:8px;color:#64748b;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500}.meta-badge{background:#f1f5f9;padding:4px 10px;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1e1b4b}.meta-text{color:#94a3b8;font-size:.85rem}.selector-icon{width:40px;height:40px;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .3s ease;z-index:1}.student-card-premium:hover .selector-icon{background:#1e1b4b;color:#fff;transform:translate(3px)}@media (max-width: 600px){.selector-container{width:92%;padding:30px 0}.selector-header h1{font-size:1.8rem}.selector-header p{font-size:1rem}.student-card-premium{padding:16px;border-radius:24px;gap:16px}.student-avatar-wrapper{width:60px;height:60px}.student-info h2{font-size:1.1rem}}@media (max-width: 400px){.student-meta{flex-wrap:wrap}}ion-content::part(scroll){scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent}:root{--sp-primary: #1e1b4b;--sp-primary-light: #312e81;--sp-accent: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--sp-accent-pink: #ec4899;--sp-bg: #f8fafc;--sp-card-bg: rgba(255, 255, 255, .85);--sp-glass: rgba(255, 255, 255, .7);--sp-border: rgba(255, 255, 255, .5);--sp-text-main: #1e293b;--sp-text-sub: #64748b;--sp-radius-lg: 26px;--sp-radius-md: 18px;--sp-radius-sm: 12px;--sp-shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .1);--sp-shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1);--sp-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1);--sp-blur: blur(16px);--sp-transition: all .3s cubic-bezier(.4, 0, .2, 1);--sp-font-title: 18px;--sp-font-section: 14px;--sp-font-label: 11px;--sp-font-value: 14px}.sp-page{min-height:100vh;padding:clamp(1rem,5vw,3rem);background:radial-gradient(circle at top right,rgba(99,102,241,.05),transparent),radial-gradient(circle at bottom left,rgba(168,85,247,.05),transparent);animation:spFadeIn .8s ease-out;position:relative;overflow-x:hidden}@keyframes spFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp-header{position:relative;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:var(--sp-radius-lg);padding:4rem 3rem 3rem;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 30px 60px rgba(30,27,75,.3);color:#fff}.sp-header:before{content:"";position:absolute;top:-50%;right:-20%;width:70%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);transform:rotate(-20deg)}.sp-header-content{display:flex;align-items:center;gap:2.5rem;position:relative;z-index:2}.sp-avatar-wrapper{position:relative;width:clamp(100px,15vw,150px);height:clamp(100px,15vw,150px);border-radius:35% 65% 70% 30%/30% 30% 70% 70%;overflow:hidden;border:5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.2);transition:var(--sp-transition)}.sp-header:hover .sp-avatar-wrapper{border-radius:50%;border-color:rgba(255,255,255,.5);transform:scale(1.02)}.sp-avatar-img{width:100%;height:100%;object-fit:cover}.sp-main-info h1{font-family:Outfit,sans-serif;font-size:var(--sp-font-title);font-weight:800;margin:0 0 5px;letter-spacing:-.5px}.sp-id-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:40px;font-weight:700;font-size:.95rem;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1)}.sp-tabs-container{margin-bottom:2.5rem;overflow-x:auto;padding:5px;scrollbar-width:none}.sp-tabs-container::-webkit-scrollbar{display:none}.sp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;margin-bottom:2rem;position:relative;z-index:10}.sp-summary-card{background:#fff;padding:1.2rem;border-radius:20px;box-shadow:var(--sp-shadow-md);text-align:center;border:1px solid rgba(0,0,0,.05);transition:var(--sp-transition)}.sp-summary-card:hover{transform:translateY(-5px);box-shadow:var(--sp-shadow-lg);border-color:var(--sp-accent)}.sp-summary-card span{display:block;font-size:var(--sp-font-label);color:var(--sp-text-sub);text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:5px}.sp-summary-card h2{font-size:1.5rem;margin:0;font-weight:800;color:var(--sp-text-main)}.sp-actions{display:flex;gap:10px;overflow-x:auto;margin-bottom:1.5rem;padding:5px 0;scrollbar-width:none}.sp-actions::-webkit-scrollbar{display:none}.sp-actions button{flex:0 0 auto;padding:10px 18px;border-radius:20px;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border:none;font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--sp-transition);box-shadow:var(--sp-shadow-sm);display:flex;align-items:center;gap:8px}.sp-actions button:active{transform:scale(.95)}.sp-actions button:hover{background:var(--sp-accent);box-shadow:var(--sp-shadow-md)}.sp-tabs{display:flex;gap:12px;min-width:max-content}.sp-tab-btn{background:var(--sp-glass);backdrop-filter:var(--sp-blur);border:1px solid var(--sp-border);padding:12px 24px;border-radius:var(--sp-radius-sm);display:flex;align-items:center;gap:10px;color:var(--sp-text-sub);font-weight:700;cursor:pointer;transition:var(--sp-transition);box-shadow:var(--sp-shadow-sm);font-size:.95rem;position:relative;overflow:hidden}.sp-tab-btn.active{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:var(--sp-shadow-md);transform:translateY(-2px)}.sp-tab-btn span{position:relative;z-index:2}.sp-tab-btn svg{width:20px;height:20px;position:relative;z-index:2}.sp-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;animation:spSlideUp .6s ease-out}@keyframes spSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sp-section{background:var(--sp-glass);backdrop-filter:var(--sp-blur);border-radius:var(--sp-radius-lg);padding:2.5rem;border:1px solid var(--sp-border);box-shadow:var(--sp-shadow-sm);transition:var(--sp-transition)}.sp-section:hover{background:#fff;box-shadow:var(--sp-shadow-lg);transform:translateY(-4px)}.sp-section h3{font-family:Outfit,sans-serif;font-size:var(--sp-font-section);font-weight:800;color:var(--sp-text-main);margin:0 0 1.5rem;display:flex;align-items:center;gap:12px}.sp-info-item{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.2rem;background:#fff;border-radius:var(--sp-radius-sm);border:1px solid rgba(0,0,0,.02);transition:var(--sp-transition)}.sp-info-item:last-child{margin-bottom:0}.sp-info-item:hover{border-color:var(--sp-accent);transform:translate(8px)}.sp-info-icon{width:52px;height:52px;background:#f1f5f9;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--sp-accent);flex-shrink:0}.sp-info-icon svg{width:24px;height:24px}.sp-info-label-val label{display:block;font-size:var(--sp-font-label);font-weight:800;color:var(--sp-text-sub);text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.sp-info-label-val span{font-size:var(--sp-font-value);color:var(--sp-text-main);font-weight:700}.sp-academic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem}.sp-stat-box{background:#fff;padding:1.5rem;border-radius:var(--sp-radius-sm);border:1px solid rgba(0,0,0,.04);transition:var(--sp-transition)}.sp-stat-box:hover{border-color:var(--sp-accent);transform:translateY(-4px)}.sp-stat-box label{display:block;font-size:.7rem;font-weight:700;color:var(--sp-text-sub);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sp-stat-box span{font-size:1.4rem;color:var(--sp-text-main);font-weight:800}.sp-guardian-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:rgba(99,102,241,.05);border-radius:var(--sp-radius-md);margin-bottom:2rem;border:1px solid rgba(99,102,241,.1)}.sp-guardian-avatar{width:64px;height:64px;border-radius:18px;overflow:hidden;border:3px solid white;box-shadow:var(--sp-shadow-sm)}.sp-guardian-info h4{font-size:1.2rem;font-weight:700;color:var(--sp-text-main);margin:0 0 4px}.sp-relation-tag{font-size:.8rem;font-weight:800;color:var(--sp-accent);text-transform:uppercase}.sp-footer{margin-top:3rem;padding-bottom:4rem}.sp-update-btn{width:100%;padding:1.5rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#ef4444;font-family:Outfit,sans-serif;font-weight:800;border-radius:var(--sp-radius-md);cursor:pointer;transition:var(--sp-transition);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.sp-update-btn:hover{background:#ef4444;color:#fff;box-shadow:0 15px 30px rgba(239,68,68,.3);transform:translateY(-4px)}@media (max-width: 1024px){.sp-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sp-page{padding:.8rem;padding-bottom:80px}.sp-header{padding:2.5rem 1.2rem 4rem;border-radius:24px}.sp-summary{gap:.8rem}.sp-summary-card{padding:1rem .5rem;border-radius:18px}.sp-summary-card h2{font-size:1rem}.sp-section{padding:1.2rem;border-radius:18px}.sp-info-item{padding:.8rem;gap:1rem;border-radius:12px}.sp-info-icon{width:40px;height:40px}.sp-info-label-val span{font-size:13px}}.sp-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;display:none;justify-content:space-around;align-items:center;box-shadow:0 -5px 25px rgba(0,0,0,.08);z-index:1000;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(0,0,0,.05)}@media (max-width: 768px){.sp-bottom-nav{display:flex}}.sp-nav-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--sp-text-sub);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:var(--sp-transition)}.sp-nav-btn.active{color:var(--sp-accent)}.sp-nav-btn svg{width:22px;height:22px}.sp-nav-btn:active{transform:scale(.9)}@media (max-width: 480px){.sp-academic-grid{grid-template-columns:1fr}.sp-tab-btn{padding:10px 18px;font-size:.85rem}}@media (max-width: 768px){.sp-tab-btn:active,.sp-info-item:active,.sp-section:active{transform:scale(.97)}}.sp-vault-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}@media (min-width: 768px){.sp-vault-grid{grid-template-columns:repeat(2,1fr)}}.sp-vault-card{background:#fff;border-radius:var(--sp-radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid var(--sp-border);transition:var(--sp-transition);box-shadow:var(--sp-shadow-sm);position:relative;overflow:hidden}.sp-vault-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--sp-accent),transparent);opacity:0;transition:var(--sp-transition)}.sp-vault-card:hover{transform:translateY(-5px);box-shadow:var(--sp-shadow-lg);border-color:var(--sp-accent)}.sp-vault-card:hover:after{opacity:1}.sp-vault-content{display:flex;align-items:center;gap:1.2rem}.sp-vault-icon{width:48px;height:48px;background:var(--sp-bg);border-radius:var(--sp-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--sp-accent);transition:var(--sp-transition)}.sp-vault-card:hover .sp-vault-icon{background:var(--sp-accent);color:#fff;transform:rotate(-5deg) scale(1.1)}.sp-vault-info{display:flex;flex-direction:column}.sp-vault-name{font-weight:800;color:var(--sp-text-main);font-size:1rem}.sp-vault-date{font-size:.75rem;color:var(--sp-text-sub);font-weight:700}.sp-vault-view-btn{background:var(--sp-bg);color:var(--sp-text-main);border:1px solid var(--sp-border);padding:12px;border-radius:var(--sp-radius-sm);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:var(--sp-transition);width:100%}.sp-vault-view-btn:hover{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.sp-vault-empty{grid-column:1 / -1;text-align:center;padding:4rem;background:#fff;border-radius:var(--sp-radius-lg);color:var(--sp-text-sub);display:flex;flex-direction:column;align-items:center;gap:10px}.sp-vault-empty svg{width:64px;height:64px;opacity:.1}.sp-vault-empty p{font-weight:700}@media (max-width: 768px){.sp-actions button,.sp-tab-btn span,.sp-summary-card h2,.sp-vault-card,.sp-info-label-val span{font-size:10px}}:root{--att-primary: #4361ee;--att-primary-rgb: 67, 97, 238;--att-secondary: #3f37c9;--att-success: #06d6a0;--att-warning: #ffbd00;--att-danger: #ef476f;--att-info: #4cc9f0;--att-bg: #f8faff;--att-card-bg: rgba(255, 255, 255, .9);--att-text-main: #1e293b;--att-text-sub: #64748b;--att-text-muted: #94a3b8;--att-radius-xl: 32px;--att-radius-lg: 24px;--att-radius-md: 16px;--att-radius-sm: 12px;--att-shadow-sm: 0 4px 12px rgba(0, 0, 0, .03);--att-shadow-md: 0 10px 30px -5px rgba(67, 97, 238, .1);--att-shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .08);--att-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.att-root{background-color:var(--att-bg);min-height:100vh;font-family:Inter,sans-serif;color:var(--att-text-main);overflow-x:hidden;position:relative}.att-hero{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:2.5rem 1.5rem 5rem;color:#fff;position:relative;overflow:hidden}.att-hero:before{content:"";position:absolute;top:-20%;right:-10%;width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%}.att-hero-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.att-back-btn{width:44px;height:44px;border-radius:var(--att-radius-sm);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:var(--att-transition)}.att-back-btn:active{transform:scale(.9)}.att-hero-title-box{max-width:800px;margin:0 auto;text-align:center}.att-hero-label{text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:800;opacity:.8;display:block;margin-bottom:.5rem}.att-hero-title{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;margin:0;letter-spacing:-.5px}.att-container{max-width:800px;margin:-3.5rem auto 0;padding:0 1.25rem 5rem;position:relative;z-index:10}.att-summary-card{background:var(--att-card-bg);backdrop-filter:blur(20px);border-radius:var(--att-radius-xl);padding:2rem;display:flex;align-items:center;gap:2rem;box-shadow:var(--att-shadow-lg);border:1px solid rgba(255,255,255,.6);margin-bottom:2rem}.att-progress-box{position:relative;width:100px;height:100px;flex-shrink:0}.att-progress-circle{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--att-success) calc(var(--percentage) * 1%),#f1f5f9 0);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 8px #fff}.att-progress-inner{display:flex;flex-direction:column;align-items:center}.att-progress-val{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--att-text-main);line-height:1}.att-progress-label{font-size:.65rem;font-weight:700;color:var(--att-text-muted);text-transform:uppercase;margin-top:2px}.att-stats-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.att-stat-item{text-align:center}.att-stat-count{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;display:block}.att-stat-name{font-size:.75rem;font-weight:700;color:var(--att-text-sub);text-transform:uppercase;letter-spacing:.5px}.att-stat-item.present .att-stat-count{color:var(--att-success)}.att-stat-item.absent .att-stat-count{color:var(--att-danger)}.att-stat-item.leave .att-stat-count{color:var(--att-warning)}.att-calendar-card{background:#fff;border-radius:var(--att-radius-xl);padding:1.5rem;box-shadow:var(--att-shadow-sm);margin-bottom:2rem}.att-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.att-month-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--att-text-main)}.att-calendar-nav{display:flex;gap:8px}.att-nav-btn{width:38px;height:38px;border-radius:var(--att-radius-sm);background:#f8fafc;border:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--att-transition);color:var(--att-text-main)}.att-nav-btn:hover{background:#fff;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.att-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.att-weekday{font-size:.7rem;font-weight:800;color:var(--att-text-muted);text-align:center;text-transform:uppercase;margin-bottom:8px}.att-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;border-radius:12px;cursor:pointer;transition:var(--att-transition);position:relative;gap:2px}.att-day:not(.att-empty):hover{background:#f1f5f9}.att-day.att-today{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;box-shadow:0 8px 16px -4px rgba(67,97,238,.4)}.att-day.att-weekend{color:var(--att-text-muted);background:#fcfcfd}.att-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.att-day.att-present .att-status-dot{background:var(--att-success);box-shadow:0 0 6px var(--att-success)}.att-day.att-absent .att-status-dot{background:var(--att-danger);box-shadow:0 0 6px var(--att-danger)}.att-day.att-leave .att-status-dot{background:var(--att-warning);box-shadow:0 0 6px var(--att-warning)}.att-calendar-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.att-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--att-text-sub)}.att-dot{width:8px;height:8px;border-radius:50%}.att-dot.present{background:var(--att-success)}.att-dot.absent{background:var(--att-danger)}.att-dot.leave{background:var(--att-warning)}.att-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:0 .5rem}.att-section-header h3{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;margin:0}.att-records-list{display:flex;flex-direction:column;gap:12px}.att-record-card{background:#fff;border-radius:var(--att-radius-lg);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--att-shadow-sm);transition:var(--att-transition);cursor:pointer;border:1px solid transparent}.att-record-card:active{transform:scale(.98);background:#f8fafc}.att-record-main{display:flex;align-items:center;gap:1rem}.att-record-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.att-record-card.present .att-record-icon{background:rgba(6,214,160,.1);color:var(--att-success)}.att-record-card.absent .att-record-icon{background:rgba(239,71,111,.1);color:var(--att-danger)}.att-record-card.leave .att-record-icon{background:rgba(255,189,0,.1);color:var(--att-warning)}.att-record-data h4{font-size:.95rem;font-weight:800;margin:0 0 2px}.att-record-data p{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0}.att-record-card.present .att-record-data p{color:var(--att-success)}.att-record-card.absent .att-record-data p{color:var(--att-danger)}.att-record-card.leave .att-record-data p{color:var(--att-warning)}.att-record-side{text-align:right}.att-record-time{font-size:.85rem;font-weight:700;color:var(--att-text-muted)}@media (max-width: 600px){.att-summary-card{flex-direction:column;padding:1.5rem;gap:1.5rem;text-align:center}.att-stats-grid{width:100%;gap:.5rem}.att-hero-title{font-size:1.8rem}.att-calendar-card{padding:1rem}.att-day{font-size:.8rem;border-radius:10px;gap:1px}.att-status-dot{width:4px;height:4px}.att-calendar-legend{gap:1rem;flex-wrap:wrap}}@keyframes attPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.att-root{animation:attFadeIn .5s ease-out}@keyframes attFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.att-calendar-card.syncing{position:relative;opacity:.7;pointer-events:none}.att-sync-indicator{font-size:.7rem;font-weight:800;color:var(--att-primary);background:rgba(67,97,238,.1);padding:4px 10px;border-radius:20px;animation:attPulse 2s infinite}.att-empty-records{padding:3rem 2rem;text-align:center;background:rgba(255,255,255,.5);border:2px dashed #e2e8f0;border-radius:var(--att-radius-lg);color:var(--att-text-muted);font-weight:700;font-size:.9rem}:root{--res-bg: #fdfdff;--res-primary: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--res-primary-glow: rgba(99, 102, 241, .5);--res-accent: #8b5cf6;--res-success: #10b981;--res-warning: #f59e0b;--res-error: #ef4444;--res-text-main: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--res-text-muted: #64748b;--res-text-light: #94a3b8;--res-surface: #ffffff;--res-glass: rgba(255, 255, 255, .7);--res-glass-border: rgba(255, 255, 255, .4);--res-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--res-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .08);--res-shadow-lg: 0 20px 25px -5px rgba(99, 102, 241, .12), 0 8px 10px -6px rgba(99, 102, 241, .12);--res-radius-sm: 12px;--res-radius-md: 18px;--res-radius-lg: 24px;--res-radius-xl: 32px;--res-radius-full: 100px;--res-easing: cubic-bezier(.4, 0, .2, 1);--res-transition: all .4s var(--res-easing)}body{font-family:Outfit,sans-serif;background:var(--res-bg);color:var(--res-text-main);margin:0;overscroll-behavior-y:contain}.res-page-wrapper{background:var(--res-bg);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.res-sticky-header{position:sticky;top:0;z-index:1000;background:var(--res-glass);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.res-header-left{display:flex;align-items:center;gap:12px}.res-back-btn{background:var(--res-surface);border:1px solid rgba(0,0,0,.05);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--res-text-main);cursor:pointer;transition:var(--res-transition);box-shadow:var(--res-shadow-sm)}.res-back-btn:active{transform:scale(.9)}.res-title{font-size:1.15rem;font-weight:800;letter-spacing:-.5px}.res-main-container{flex:1;padding:16px 20px 100px;max-width:1200px;margin:0 auto;width:100%}.res-hero-section{position:relative;border-radius:var(--res-radius-xl);padding:32px 24px;color:#fff;overflow:hidden;margin-bottom:24px;background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:var(--res-shadow-lg);animation:resFadeUp .8s var(--res-easing)}.res-hero-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.res-hero-shape-1{position:absolute;top:-20%;right:-10%;width:200px;height:200px;background:#fff;opacity:.1;border-radius:50%;filter:blur(40px)}.res-hero-shape-2{position:absolute;bottom:-30%;left:-5%;width:150px;height:150px;background:rgba(255,255,255,.2);opacity:.15;border-radius:40px;transform:rotate(30deg);filter:blur(30px)}.res-hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.res-avatar-wrapper{position:relative}.res-avatar-glass{width:68px;height:68px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:var(--res-radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800}.res-profile-details h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.res-profile-meta{display:flex;gap:8px;margin-top:6px}.res-pill-tag{padding:4px 10px;background:rgba(255,255,255,.15);border-radius:var(--res-radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(4px)}.res-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.res-bento-item{background:var(--res-surface);padding:20px;border-radius:var(--res-radius-lg);border:1px solid rgba(0,0,0,.04);box-shadow:var(--res-shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:120px;transition:transform .3s var(--res-easing);animation:resFadeUp .8s var(--res-easing) .1s both}.res-bento-item:hover{transform:translateY(-4px);box-shadow:var(--res-shadow-md)}.res-bento-prime{grid-column:span 2;background:var(--res-text-main);color:#fff;position:relative;overflow:hidden}.res-bento-prime:after{content:"";position:absolute;top:-50%;right:-20%;width:150px;height:150px;background:var(--res-primary);opacity:.2;filter:blur(40px);border-radius:50%}.res-bento-label{font-size:.75rem;font-weight:700;color:var(--res-text-muted);text-transform:uppercase;letter-spacing:.8px}.res-bento-prime .res-bento-label{color:rgba(255,255,255,.5)}.res-bento-value{font-size:2rem;font-weight:900;margin:6px 0;color:var(--res-text-main)}.res-bento-prime .res-bento-value{color:#fff;font-size:2.75rem}.res-bento-footer{font-size:.7rem;font-weight:600;color:var(--res-text-light)}.res-bento-prime .res-bento-footer{color:rgba(255,255,255,.3)}.res-pill-scroller{display:flex;gap:10px;overflow-x:auto;padding:4px 0 24px;scrollbar-width:none;-ms-overflow-style:none}.res-pill-scroller::-webkit-scrollbar{display:none}.res-exam-pill{padding:10px 20px;background:var(--res-surface);border:1px solid rgba(0,0,0,.05);border-radius:var(--res-radius-full);color:var(--res-text-muted);font-weight:700;white-space:nowrap;cursor:pointer;transition:var(--res-transition);font-size:.9rem}.res-exam-pill.active{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border-color:var(--res-primary);box-shadow:0 8px 16px rgba(99,102,241,.2)}.res-section{margin-bottom:32px;animation:resFadeIn .6s ease}.res-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.res-section-header h2{font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.5px}.res-header-line{height:4px;width:40px;background:var(--res-primary);border-radius:2px;margin-top:6px}.res-report-card{background:#fff;border-radius:var(--res-radius-xl);border:1px solid rgba(0,0,0,.04);box-shadow:var(--res-shadow-md);padding:32px 24px;position:relative;overflow:hidden}.res-report-branding{text-align:center;margin-bottom:24px}.res-school-name{font-size:1.5rem;font-weight:900;color:var(--res-primary);margin-bottom:4px}.res-school-tag{font-size:.8rem;font-weight:700;color:var(--res-text-muted);text-transform:uppercase;letter-spacing:1px}.res-student-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:#f8fafc;padding:20px;border-radius:var(--res-radius-md);margin-bottom:24px}.res-info-item label{display:block;font-size:.65rem;font-weight:700;color:var(--res-text-light);text-transform:uppercase;margin-bottom:4px}.res-info-item span{font-size:.95rem;font-weight:700;color:var(--res-text-main)}.res-subjects-container{display:flex;flex-direction:column;gap:12px}.res-subject-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fbfcfe;border-radius:var(--res-radius-md);border:1px solid rgba(0,0,0,.02)}.res-subject-name{flex:1}.res-subject-name h4{margin:0;font-size:1rem;font-weight:700}.res-subject-name p{margin:4px 0 0;font-size:.75rem;color:var(--res-text-muted)}.res-subject-grade{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;background:var(--res-bg);border-radius:12px;color:var(--res-primary)}.grade-a{color:#10b981}.grade-b{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.grade-c{color:#f59e0b}.grade-f{color:#ef4444}.res-report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;padding-top:24px;border-top:1px dashed #e2e8f0}.res-summary-box{text-align:center}.res-summary-box span{display:block;font-size:.65rem;font-weight:700;color:var(--res-text-light);margin-bottom:4px}.res-summary-box strong{font-size:1.1rem;font-weight:900}.res-actions-bar{display:flex;gap:12px;margin-top:24px}.res-btn-primary{flex:1;background:var(--res-primary);color:#fff;border:none;padding:14px;border-radius:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 4px 12px var(--res-primary-glow);transition:var(--res-transition)}.res-btn-primary:active{transform:scale(.96)}.res-eval-grid{display:flex;flex-direction:column;gap:16px}.res-eval-card{background:var(--res-surface);padding:20px;border-radius:var(--res-radius-lg);border:1px solid rgba(0,0,0,.03);box-shadow:var(--res-shadow-sm);display:flex;flex-direction:column;gap:10px}.res-eval-head{display:flex;justify-content:space-between;align-items:center}.res-eval-subject{font-size:.7rem;font-weight:800;color:var(--res-primary);text-transform:uppercase}.res-eval-status{font-size:.6rem;font-weight:800;padding:4px 10px;border-radius:100px}.res-eval-status.evaluated{background:#ecfdf5;color:#059669}.res-eval-status.submitted{background:#eff6ff;color:#2563eb}.res-eval-card h4{margin:0;font-size:1.05rem;font-weight:750;color:var(--res-text-main)}.res-eval-score{display:flex;align-items:center;gap:6px;font-size:1.15rem;font-weight:800}.res-eval-score small{font-size:.8rem;color:var(--res-text-light);font-weight:500}.res-empty-state{text-align:center;padding:48px 24px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:var(--res-radius-xl)}.res-empty-icon{margin-bottom:20px;color:var(--res-text-light);opacity:.5}@keyframes resFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes resFadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.res-main-container{padding:32px 40px}.res-bento-grid{grid-template-columns:repeat(4,1fr)}.res-bento-prime{grid-column:span 1}.res-report-card{padding:48px}.res-subjects-container,.res-eval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1024px){.res-subjects-container,.res-eval-grid{grid-template-columns:repeat(3,1fr)}}:root{--v-exam-bg: #fdfdfd;--v-exam-surface: #ffffff;--v-exam-primary: #5c62f5;--v-exam-primary-glow: rgba(92, 98, 245, .15);--v-exam-secondary: #00d2ff;--v-exam-accent: #9d50bb;--v-exam-text-h: #1a1c3d;--v-exam-text-p: #6b7280;--v-exam-glass: rgba(255, 255, 255, .7);--v-exam-glass-border: rgba(255, 255, 255, .3);--v-exam-success: #10b981;--v-exam-warning: #f59e0b;--v-exam-error: #ef4444;--v-exam-info: #3b82f6;--v-exam-radius-xl: 32px;--v-exam-radius-lg: 24px;--v-exam-radius-md: 16px;--v-exam-radius-sm: 12px;--v-exam-px: 20px}.v-exam-viewport{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--v-exam-bg);display:flex;flex-direction:column;overflow:hidden;font-family:Outfit,Inter,-apple-system,sans-serif;color:var(--v-exam-text-h)}.v-exam-header{position:sticky;top:0;z-index:100;background:var(--v-exam-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);padding:12px var(--v-exam-px) 16px;display:flex;align-items:center;gap:16px}.v-exam-back-btn{width:44px;height:44px;border-radius:14px;background:rgba(0,0,0,.03);border:none;display:flex;align-items:center;justify-content:center;color:var(--v-exam-text-h);font-size:1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.v-exam-back-btn:active{transform:scale(.9);background:rgba(0,0,0,.08)}.v-exam-title-box h1{margin:0;font-size:1.25rem;font-weight:850;letter-spacing:-.5px}.v-exam-title-box p{margin:2px 0 0;font-size:.75rem;font-weight:600;color:var(--v-exam-text-p);text-transform:uppercase;letter-spacing:.5px}.v-exam-scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px}.v-exam-content{padding:16px var(--v-exam-px);display:flex;flex-direction:column;gap:32px;animation:vExamFadeIn .6s ease-out}.v-exam-hero{position:relative;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:var(--v-exam-radius-xl);padding:40px 24px;color:#fff;overflow:hidden;box-shadow:0 20px 40px -10px rgba(102,126,234,.3)}.v-exam-hero:before{content:"";position:absolute;top:-20%;right:-10%;width:200px;height:200px;background:rgba(255,255,255,.1);filter:blur(60px);border-radius:50%}.v-exam-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.v-exam-hero-badge{width:fit-content;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);padding:6px 14px;border-radius:100px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.2)}.v-exam-hero h2{margin:0;font-size:2rem;font-weight:900;line-height:1.1;letter-spacing:-1px}.v-exam-hero-stats{display:flex;gap:20px;margin-top:8px}.v-exam-stat{display:flex;flex-direction:column}.v-exam-stat span:first-child{font-size:1.5rem;font-weight:900}.v-exam-stat span:last-child{font-size:.75rem;font-weight:600;opacity:.7}.v-exam-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.v-exam-section-head h3{margin:0;font-size:1.2rem;font-weight:850;color:var(--v-exam-text-h)}.v-exam-header-line{width:40px;height:4px;background:var(--v-exam-primary);border-radius:2px;margin-top:4px}.v-exam-upcoming-scroller{display:flex;gap:16px;overflow-x:auto;margin:0 -20px;padding:4px 4px 20px 20px;scrollbar-width:none}.v-exam-upcoming-scroller::-webkit-scrollbar{display:none}.v-exam-event-card{min-width:280px;background:#fff;padding:24px;border-radius:var(--v-exam-radius-lg);box-shadow:0 10px 25px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.02);display:flex;align-items:center;gap:20px}.v-exam-days-box{width:64px;height:64px;background:var(--v-exam-primary-glow);color:var(--v-exam-primary);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.v-exam-days-box span:first-child{font-size:1.5rem;font-weight:900;line-height:1}.v-exam-days-box span:last-child{font-size:.6rem;font-weight:800;text-transform:uppercase}.v-exam-event-info h4{margin:0;font-size:1.1rem;font-weight:800;color:var(--v-exam-text-h)}.v-exam-event-info p{margin:4px 0 0;font-size:.85rem;color:var(--v-exam-text-p);font-weight:600}.v-exam-list{display:flex;flex-direction:column;gap:12px}.v-exam-item{background:#fff;padding:20px;border-radius:var(--v-exam-radius-md);border:1px solid rgba(0,0,0,.04);display:flex;gap:16px;transition:all .3s cubic-bezier(.2,.8,.2,1);cursor:pointer}.v-exam-item:active{transform:scale(.97);background:#f9fafb}.v-exam-icon-wrap{width:52px;height:52px;background:#f3f4f6;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--v-exam-primary);flex-shrink:0}.v-exam-item-body{flex:1}.v-exam-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.v-exam-subject{font-size:.75rem;font-weight:800;color:var(--v-exam-primary);text-transform:uppercase;letter-spacing:.5px}.v-exam-status{font-size:.65rem;font-weight:850;padding:4px 10px;border-radius:100px;text-transform:uppercase}.v-exam-status.evaluated{background:#d1fae5;color:#065f46}.v-exam-status.submitted{background:#dbeafe;color:#1e40af}.v-exam-status.pending{background:#fef3c7;color:#92400e}.v-exam-item-body h4{margin:0;font-size:1.05rem;font-weight:850;color:var(--v-exam-text-h)}.v-exam-item-meta{display:flex;gap:16px;margin-top:10px}.v-exam-meta-piece{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--v-exam-text-p);font-weight:600}.v-exam-meta-piece ion-icon{font-size:.9rem}.v-exam-empty{padding:60px 40px;text-align:center;background:#fff;border-radius:var(--v-exam-radius-xl);border:2px dashed #e5e7eb}.v-exam-empty ion-icon{font-size:4rem;color:#d1d5db;margin-bottom:16px}.v-exam-empty h3{margin:0;color:var(--v-exam-text-h)}.v-exam-empty p{color:var(--v-exam-text-p);margin-top:8px}@keyframes vExamFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.v-exam-viewport{position:relative;margin:0 auto;border-radius:var(--v-exam-radius-xl);box-shadow:0 40px 100px rgba(0,0,0,.1);height:90vh;margin-top:5vh;width:100%}.v-exam-content{display:grid;grid-template-columns:1fr 450px;gap:40px}.v-exam-hero{grid-column:span 2}.v-exam-upcoming-scroller{flex-direction:column;overflow-x:visible;margin:0;padding:0;grid-column:2;grid-row:2;gap:20px}.v-exam-section-head{grid-column:1}.v-exam-list{grid-column:1;grid-row:2}.v-exam-event-card{min-width:0}}.v-exam-toast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px;animation:vExamFadeIn .3s ease}.v-exam-toast{background:#fff;padding:32px;border-radius:var(--v-exam-radius-xl);box-shadow:0 30px 60px -12px rgba(0,0,0,.25);max-width:340px;width:100%;text-align:center;display:flex;flex-direction:column;gap:20px;animation:vExamToastSlide .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes vExamToastSlide{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.v-exam-toast-icon{width:64px;height:64px;background:#fff7ed;color:#f97316;border-radius:20px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:2rem}.v-exam-toast h3{margin:0;font-size:1.2rem;font-weight:850;color:var(--v-exam-text-h)}.v-exam-toast p{margin:0;font-size:.95rem;color:var(--v-exam-text-p);line-height:1.5;font-weight:600}.v-exam-toast-btn{background:var(--v-exam-text-h);color:#fff;border:none;padding:14px;border-radius:16px;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .2s ease}.v-exam-toast-btn:active{transform:scale(.95);opacity:.9}:root{--fp-primary: #1e1b4b;--fp-primary-light: #818cf8;--fp-secondary: #0f172a;--fp-success: #10b981;--fp-warning: #f59e0b;--fp-danger: #ef4444;--fp-bg: #f8fafc;--fp-glass: rgba(255, 255, 255, .7);--fp-glass-border: rgba(255, 255, 255, .3);--fp-radius: 24px;--fp-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05)}.fp-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 6rem;font-family:Inter,sans-serif;min-height:100vh;background:var(--fp-bg)}.fp-header{margin-bottom:2rem}.fp-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.fp-title-group h1{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:var(--fp-secondary);margin:0;letter-spacing:-1px}.fp-title-group p{font-size:.9rem;color:#64748b;margin:4px 0 0;font-weight:500}.fp-header-icon{width:48px;height:48px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--fp-primary);box-shadow:var(--fp-shadow)}.fp-alert-banner{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid #fecdd3;padding:1rem;border-radius:18px;display:flex;align-items:center;gap:1rem;margin-top:1rem}.fp-alert-icon{width:36px;height:36px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--fp-danger);font-size:1.2rem;flex-shrink:0}.fp-alert-text{flex:1}.fp-alert-text h4{margin:0;font-size:.95rem;font-weight:700;color:#991b1b}.fp-alert-text p{margin:2px 0 0;font-size:.8rem;color:#b91c1c;font-weight:600}.fp-alert-btn{background:var(--fp-danger);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .2s}.fp-alert-btn:active{transform:scale(.95)}.fp-hero{position:relative;background:var(--fp-secondary);border-radius:var(--fp-radius);padding:2.5rem;color:#fff;overflow:hidden;margin-bottom:2rem;box-shadow:0 20px 40px rgba(15,23,42,.15)}.fp-hero-glass{position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);border-radius:50%;filter:blur(40px)}.fp-hero-content{position:relative;z-index:1}.fp-hero-main label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.7;display:block;margin-bottom:8px}.fp-hero-main h2{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin:0;letter-spacing:-2px}.fp-hero-stats{display:flex;gap:3rem;margin-top:2rem}.fp-stat-item label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.6;margin-bottom:4px}.fp-stat-item span{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700}.fp-paid-text{color:var(--fp-success)}.fp-hero-progress{height:8px;background:rgba(255,255,255,.1);border-radius:4px;margin:2.5rem 0 1.5rem;overflow:hidden}.fp-progress-fill{height:100%;background:linear-gradient(90deg,var(--fp-primary),var(--fp-primary-light));box-shadow:0 0 15px rgba(99,102,241,.5);border-radius:4px;transition:width 1s cubic-bezier(.16,1,.3,1)}.fp-pay-btn{width:100%;padding:1.2rem;background:#fff;color:var(--fp-secondary);border:none;border-radius:18px;font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 20px rgba(0,0,0,.1)}.fp-pay-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.fp-tabs-nav{display:flex;background:#fff;padding:6px;border-radius:20px;margin-bottom:2rem;position:relative;box-shadow:var(--fp-shadow);border:1px solid rgba(0,0,0,.03)}.fp-tabs-indicator{position:absolute;top:6px;bottom:6px;width:calc(50% - 6px);background:var(--fp-secondary);border-radius:16px;z-index:1;transition:all .3s cubic-bezier(.16,1,.3,1)}.fp-tab-item{flex:1;padding:14px;border:none;background:transparent;font-family:Inter,sans-serif;font-weight:700;color:#64748b;position:relative;z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:color .3s}.fp-tab-item.active{color:#fff}.fp-installments-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}@media (min-width: 1024px){.fp-installments-grid{grid-template-columns:repeat(2,1fr)}}.fp-inst-card{background:#fff;border-radius:22px;padding:1.5rem;display:flex;align-items:flex-start;gap:1.2rem;border:1px solid rgba(0,0,0,.03);box-shadow:var(--fp-shadow);transition:transform .3s,border-color .3s}.fp-inst-card:hover{transform:translateY(-2px);border-color:var(--fp-primary-light)}.fp-inst-badge{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.fp-inst-card.paid .fp-inst-badge{background:rgba(16,185,129,.1);color:var(--fp-success)}.fp-inst-card.pending .fp-inst-badge{background:rgba(99,102,241,.1);color:var(--fp-primary)}.fp-inst-card.overdue .fp-inst-badge{background:rgba(239,68,68,.1);color:var(--fp-danger)}.fp-inst-body{flex:1;display:flex;justify-content:space-between;align-items:center}.fp-inst-info h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--fp-secondary)}.fp-inst-info p{margin:4px 0 0;font-size:.85rem;color:#64748b;font-weight:500}.fp-inst-values{text-align:right}.fp-inst-amount{display:block;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--fp-secondary)}.fp-status-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:6px}.fp-status-tag.paid{background:rgba(16,185,129,.1);color:var(--fp-success)}.fp-status-tag.pending{background:rgba(99,102,241,.1);color:var(--fp-primary)}.fp-status-tag.overdue{background:rgba(239,68,68,.1);color:var(--fp-danger)}.fp-history-stack{display:flex;flex-direction:column;gap:1rem}.fp-hist-item{background:#fff;border-radius:20px;padding:1.25rem;display:flex;align-items:center;gap:1.2rem;box-shadow:var(--fp-shadow);border:1px solid rgba(0,0,0,.02)}.fp-hist-icon{width:44px;height:44px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#64748b}.fp-hist-main{flex:1;display:flex;justify-content:space-between;align-items:center}.fp-hist-details h4{margin:0;font-size:1rem;font-weight:700;color:var(--fp-secondary)}.fp-hist-details p{margin:2px 0 0;font-size:.8rem;color:#94a3b8;font-weight:500}.fp-hist-right{display:flex;align-items:center;gap:1.5rem}.fp-hist-amount{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--fp-secondary)}.fp-download-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.fp-download-btn:hover{background:var(--fp-secondary);color:#fff;border-color:var(--fp-secondary)}.fp-footer{margin-top:3rem}.fp-support-card{padding:1.5rem;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);border-radius:22px;border:1px dashed #cbd5e1;display:flex;align-items:center;gap:1.2rem}.fp-support-card i{font-size:1.5rem;color:#94a3b8}.fp-support-card p{margin:0;font-size:.9rem;color:#64748b}.fp-empty-state{padding:4rem 2rem;text-align:center;background:rgba(255,255,255,.3);border-radius:var(--fp-radius);border:2px dashed #e2e8f0}.fp-empty-state i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.fp-empty-state p{color:#94a3b8;font-weight:600}.animate-slide-down{animation:slideDown .6s cubic-bezier(.16,1,.3,1)}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.fp-container{padding:1rem}.fp-hero{padding:1.8rem;border-radius:28px}.fp-hero-main h2{font-size:2.2rem}.fp-hero-stats{gap:1.5rem;flex-wrap:wrap}.fp-inst-card{padding:1.25rem}.fp-inst-info h3{font-size:1rem}.fp-inst-amount{font-size:1.15rem}.fp-hist-right{gap:.8rem}.fp-hist-amount{font-size:1.1rem}}.fp-receipt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.85);backdrop-filter:blur(12px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.fp-receipt-modal{background:#fff;width:100%;max-width:550px;border-radius:40px;overflow:hidden;box-shadow:0 50px 100px -20px rgba(0,0,0,.5);display:flex;flex-direction:column}.fp-receipt-official-header{padding:30px 40px;background:#f8fafc;display:flex;align-items:center;gap:25px;border-bottom:2px solid #f1f5f9;position:relative}.fp-official-logo img{width:80px;height:80px;object-fit:contain}.fp-official-school-info h2{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:#1e1b4b;margin:0;letter-spacing:-.5px}.fp-official-school-info p{margin:4px 0 0;font-size:.85rem;font-weight:600;color:#1e1b4b}.fp-official-sub{font-size:.75rem!important;color:#94a3b8!important;font-weight:500!important}.fp-receipt-close-btn{position:absolute;top:25px;right:25px;width:44px;height:44px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.fp-receipt-close-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.fp-receipt-document-body{padding:30px 40px 40px;flex:1;overflow-y:auto}.fp-document-title{text-align:center;margin-bottom:30px}.fp-document-title span{font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;letter-spacing:3px;color:#1e293b;border-bottom:2px solid #0f172a;padding-bottom:4px}.fp-doc-section{margin-bottom:20px}.fp-doc-row{display:flex;justify-content:space-between}.fp-doc-col label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:4px;letter-spacing:.5px}.fp-doc-col span{font-size:.95rem;font-weight:700;color:#1e1b4b}.text-right{text-align:right}.mt-12{margin-top:12px}.fp-doc-divider{height:1.5px;background:#f1f5f9;margin:15px 0}.fp-doc-table-header{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1.5px solid #e2e8f0;margin-bottom:12px}.fp-doc-table-header span{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:1px}.fp-doc-table-row{display:flex;justify-content:space-between;padding:8px 0}.fp-doc-table-row span:first-child{font-weight:600;color:#334155}.fp-doc-table-row span:last-child{font-family:Outfit,sans-serif;font-weight:800;color:#0f172a}.fp-doc-total-block{margin-top:30px;background:#0f172a;padding:24px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.fp-total-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.7}.fp-total-value{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.fp-doc-footer-note{margin-top:30px;text-align:center}.fp-doc-footer-note p{font-size:.8rem;color:#94a3b8;font-weight:500;margin:0}.fp-computer-gen{margin-top:6px!important;font-weight:700!important;color:#1e1b4b!important;opacity:1!important}.fp-hist-actions{display:flex;align-items:center;gap:12px}.fp-download-mini-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.fp-download-mini-btn:hover{background:#1e1b4b;color:#fff;border-color:#1e1b4b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.amount-input-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:20px}.amount-input-row label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#94a3b8;letter-spacing:1px}.fp-custom-amount-input{width:100%;padding:1rem 1.25rem;font-size:1.5rem;font-family:Outfit,sans-serif;font-weight:800;color:#1e1b4b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;transition:all .3s}.fp-custom-amount-input:focus{outline:none;border-color:#1e1b4b;background:#fff;box-shadow:0 10px 20px rgba(99,102,241,.1)}.fp-due-context{font-family:Outfit,sans-serif;font-weight:700;color:#64748b}.fp-checkout-body label{display:block;margin-bottom:4px}.fp-doc-actions{margin-top:30px}.fp-doc-download-btn{width:100%;padding:18px;background:#1e1b4b;color:#fff;border:none;border-radius:20px;font-family:Outfit,sans-serif;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px rgba(30,27,75,.3)}.fp-doc-download-btn:hover{transform:translateY(-4px);background:#4338ca;box-shadow:0 15px 40px rgba(99,102,241,.4)}@keyframes receipt-in{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-receipt-in{animation:receipt-in .5s cubic-bezier(.16,1,.3,1)}@media (max-width: 600px){.fp-receipt-modal{max-width:100%;height:90vh;border-radius:30px 30px 0 0;align-self:flex-end}.fp-receipt-official-header{padding:20px;gap:15px}.fp-official-logo img{width:60px;height:60px}.fp-official-school-info h2{font-size:1.2rem}.fp-receipt-document-body{padding:25px}.fp-total-value{font-size:1.6rem}}.fp-inst-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fp-inst-pay-btn{background:var(--fp-primary);color:#fff;border:none;padding:8px 16px;border-radius:12px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(99,102,241,.2)}.fp-inst-pay-btn:hover{background:var(--fp-secondary);transform:translateY(-2px);box-shadow:0 6px 15px rgba(15,23,42,.2)}.fp-checkout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);z-index:6000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.fp-checkout-modal{background:#fff;width:100%;max-width:450px;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px -15px rgba(0,0,0,.4)}.fp-checkout-header{padding:24px 30px;background:#f8fafc;display:flex;align-items:center;gap:20px;border-bottom:2px solid #f1f5f9;position:relative}.fp-checkout-icon{width:50px;height:50px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--fp-primary);box-shadow:0 4px 10px rgba(0,0,0,.05)}.fp-checkout-title h3{margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--fp-secondary)}.fp-checkout-title p{margin:4px 0 0;font-size:.85rem;color:#64748b}.fp-checkout-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:5px}.fp-checkout-body{padding:30px}.fp-payment-summary{background:#f1f5f9;border-radius:20px;padding:20px;margin-bottom:24px}.fp-pay-row{display:flex;justify-content:space-between;margin-bottom:12px}.fp-pay-row:last-child{margin-bottom:0}.fp-pay-row span:first-child{font-size:.85rem;color:#64748b;font-weight:600}.fp-pay-row span:last-child{font-weight:700;color:var(--fp-secondary)}.fp-pay-amount{font-family:Outfit,sans-serif;font-size:1.2rem;color:var(--fp-primary)!important}.fp-security-note{display:flex;align-items:center;gap:12px;padding:12px;background:#ecfdf5;border-radius:12px;margin-bottom:24px}.fp-security-note ion-icon{color:var(--fp-success);font-size:1.2rem}.fp-security-note p{margin:0;font-size:.75rem;color:#065f46;font-weight:600}.fp-confirm-pay-btn{width:100%;padding:18px;background:var(--fp-secondary);color:#fff;border:none;border-radius:18px;font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s}.fp-confirm-pay-btn:hover{background:var(--fp-primary);transform:scale(1.02)}.fp-confirm-pay-btn.loading{opacity:.7;cursor:not-allowed}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}:root{--tr-primary: #1e1b4b;--tr-primary-light: #818cf8;--tr-secondary: #0ea5e9;--tr-accent: #f59e0b;--tr-success: #10b981;--tr-slate-50: #f8fafc;--tr-slate-100: #f1f5f9;--tr-slate-200: #e2e8f0;--tr-slate-400: #94a3b8;--tr-slate-600: #475569;--tr-slate-900: #0f172a;--tr-glass-bg: rgba(255, 255, 255, .7);--tr-glass-border: rgba(255, 255, 255, .5);--tr-card-radius: 24px;--tr-shadow: 0 12px 30px -10px rgba(0, 0, 0, .08);--tr-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.tr-container{padding:24px 24px 120px;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif;background:transparent}.tr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.tr-header-content h1{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:var(--tr-slate-900);margin:0;letter-spacing:-1px}.tr-header-content p{color:var(--tr-slate-400);margin:4px 0 0;font-size:1.1rem;font-weight:500}.tr-badge{background:#e0e7ff;color:#4338ca;padding:6px 14px;border-radius:100px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px}.tr-badge .tr-pulse{width:8px;height:8px;background:#4338ca;border-radius:50%;box-shadow:0 0 10px #4338ca;animation:tr-pulse-anim 2s infinite}@keyframes tr-pulse-anim{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.tr-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}.tr-card{background:var(--tr-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tr-glass-border);border-radius:var(--tr-card-radius);padding:24px;box-shadow:var(--tr-shadow);transition:var(--tr-transition)}.tr-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px rgba(0,0,0,.12)}.tr-tracking-card{grid-column:span 8;background:linear-gradient(135deg,#fff,#f1f5f9);display:flex;flex-direction:column;justify-content:space-between}.tr-tracking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tr-bus-id{display:flex;align-items:center;gap:16px}.tr-bus-icon-box{width:64px;height:64px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 8px 16px rgba(99,102,241,.2)}.tr-bus-meta h2{font-family:Outfit,sans-serif;font-size:1.8rem;color:var(--tr-slate-900);margin:0}.tr-bus-meta span{color:var(--tr-slate-400);font-weight:600;font-size:.9rem}.tr-mini-map{height:180px;background:#e2e8f0;border-radius:20px;margin:16px 0;position:relative;overflow:hidden;background-image:url(https://api.mapbox.com/styles/v1/mapbox/light-v10/static/77.5946,12.9716,13,0/600x200?access_token=placeholder);background-size:cover;background-position:center}.tr-map-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;color:var(--tr-primary);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:tr-bounce 2s infinite ease-in-out}@keyframes tr-bounce{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.tr-tracking-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;border-top:1px solid var(--tr-slate-100)}.tr-stat-item label{display:block;font-size:.75rem;color:var(--tr-slate-400);font-weight:700;text-transform:uppercase;margin-bottom:4px}.tr-stat-item span{font-size:1.1rem;font-weight:700;color:var(--tr-slate-900)}.tr-personnel-card{grid-column:span 4;display:flex;flex-direction:column;gap:20px}.tr-staff-item{display:flex;align-items:center;gap:16px;padding:12px;background:#fff;border-radius:18px;border:1px solid var(--tr-slate-100)}.tr-staff-avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;border:2px solid var(--tr-slate-100)}.tr-staff-info{flex:1}.tr-staff-info h4{margin:0;font-size:1rem;font-weight:700;color:var(--tr-slate-900)}.tr-staff-info p{margin:0;font-size:.8rem;color:var(--tr-slate-400);font-weight:600}.tr-staff-action{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--tr-slate-600);text-decoration:none;transition:var(--tr-transition)}.tr-staff-action:hover{background:var(--tr-primary);color:#fff}.tr-timeline-card{grid-column:span 12;padding:32px}.tr-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tr-timeline-list{display:flex;justify-content:space-between;position:relative;padding:40px 0}.tr-timeline-list:before{content:"";position:absolute;top:50%;left:40px;right:40px;height:4px;background:var(--tr-slate-100);transform:translateY(-50%);z-index:0}.tr-stop-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:140px;text-align:center}.tr-stop-dot{width:24px;height:24px;background:#fff;border:4px solid var(--tr-slate-200);border-radius:50%;margin-bottom:16px;transition:var(--tr-transition)}.tr-stop-item.passed .tr-stop-dot{background:var(--tr-success);border-color:#d1fae5;box-shadow:0 0 15px rgba(16,185,129,.3)}.tr-stop-item.current .tr-stop-dot{background:var(--tr-primary);border-color:#e0e7ff;box-shadow:0 0 20px rgba(99,102,241,.4);transform:scale(1.3)}.tr-stop-item h5{margin:0;font-size:.9rem;font-weight:700;color:var(--tr-slate-900)}.tr-stop-item p{margin:4px 0 0;font-size:.8rem;color:var(--tr-slate-400);font-weight:600}.tr-stop-tag{background:var(--tr-primary);color:#fff;font-size:.65rem;padding:2px 8px;border-radius:4px;position:absolute;top:-25px;font-weight:800;white-space:nowrap}@media (max-width: 1024px){.tr-tracking-card{grid-column:span 12}.tr-personnel-card{grid-column:span 12;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.tr-container{padding:16px 16px 100px}.tr-header{flex-direction:column;gap:16px}.tr-header-content h1{font-size:1.8rem}.tr-personnel-card{grid-template-columns:1fr}.tr-timeline-list{flex-direction:column;align-items:flex-start;gap:40px;padding:20px 10px}.tr-timeline-list:before{left:21px;top:0;bottom:0;width:4px;height:auto;transform:none}.tr-stop-item{flex-direction:row;width:100%;text-align:left;gap:24px;align-items:flex-start}.tr-stop-dot{margin-bottom:0;flex-shrink:0}.tr-stop-tag{top:auto;right:0}}@supports (padding: env(safe-area-inset-bottom)){.tr-container{padding-bottom:calc(120px + env(safe-area-inset-bottom))}}.tr-transport-fee-card{margin:16px 0;padding:16px 20px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.tr-transport-fee-card-content{flex:1}:root{--tt-primary-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--tt-accent-color: #1e1b4b;--tt-text-main: #0f172a;--tt-text-muted: #64748b;--tt-glass-bg: rgba(255, 255, 255, .8);--tt-glass-border: rgba(0, 0, 0, .05);--tt-card-shadow: 0 10px 30px -5px rgba(0, 0, 0, .08);--tt-safe-top: env(safe-area-inset-top, 0px)}.tt-native-page{min-height:100vh;background:#fff;color:var(--tt-text-main);font-family:Inter,system-ui,-apple-system,sans-serif;padding-bottom:3rem;overflow-x:hidden;position:relative}.tt-main-header{padding:calc(1.5rem + var(--tt-safe-top)) 1.5rem 2rem;background:var(--tt-primary-gradient);border-bottom:none;border-radius:0 0 30px 30px;box-shadow:0 15px 40px -10px rgba(30,27,75,.4)}.tt-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.tt-header-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.8);font-weight:700;margin-bottom:4px;display:block}.tt-page-title{font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.5px;color:#fff}.tt-header-visual{width:48px;height:48px;background:rgba(255,255,255,.15);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.tt-day-scroller-container{padding:1.25rem 0;background:#fff;position:sticky;top:0;z-index:100;margin-top:-15px}.tt-day-scroller{display:flex;gap:12px;overflow-x:auto;padding:10px 1.5rem 2px;scrollbar-width:none}.tt-day-scroller::-webkit-scrollbar{display:none}.tt-day-chip{flex:0 0 75px;background:#f1f5f9;border:1px solid transparent;border-radius:16px;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--tt-text-muted)}.tt-day-chip.active{background:var(--tt-primary-gradient);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(79,70,229,.2)}.tt-day-abbr{font-size:.7rem;font-weight:800;text-transform:uppercase}.tt-day-full{font-size:.9rem;font-weight:700;display:none}.tt-active-indicator{width:4px;height:4px;background:#fff;border-radius:50%;margin-top:4px}@media (min-width: 768px){.tt-day-chip{flex:0 0 120px}.tt-day-abbr{display:none}.tt-day-full{display:block}}.tt-schedule-feed{padding:2rem 1.5rem;max-width:800px;margin:0 auto}.tt-timeline-list{display:flex;flex-direction:column;gap:0}.tt-period-item{display:flex;gap:1.5rem;opacity:0;transform:translateY(20px);animation:ttFadeIn .5s ease forwards;animation-delay:calc(var(--i) * .1s)}@keyframes ttFadeIn{to{opacity:1;transform:translateY(0)}}.tt-time-sidebar{display:flex;flex-direction:column;align-items:center;width:50px}.tt-time-label{font-size:.85rem;font-weight:800;color:var(--tt-accent-color);margin-bottom:8px}.tt-time-connector{flex:1;display:flex;flex-direction:column;align-items:center}.tt-connector-dot{width:8px;height:8px;background:var(--tt-accent-color);border-radius:50%;box-shadow:0 0 10px rgba(79,70,229,.2)}.tt-connector-line{flex:1;width:2px;background:linear-gradient(to bottom,#e2e8f0,transparent);margin-top:4px}.tt-period-item:last-child .tt-connector-line{background:none}.tt-period-card-wrapper{flex:1;padding-bottom:2rem}.tt-period-card{padding:1.5rem;border-radius:20px;border:1px solid var(--tt-glass-border);background:#fff;box-shadow:var(--tt-card-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tt-period-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px rgba(0,0,0,.12);border-color:rgba(79,70,229,.2)}.tt-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tt-period-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--tt-accent-color);background:rgba(79,70,229,.08);padding:4px 10px;border-radius:10px;display:inline-block;margin-bottom:6px}.tt-subject-name{font-size:1.25rem;font-weight:800;margin:0;color:var(--tt-text-main);letter-spacing:-.2px}.tt-card-icon{color:#e2e8f0}.tt-card-details{display:flex;flex-direction:column;gap:10px;margin-bottom:1.25rem}.tt-detail-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--tt-text-muted)}.tt-location-text{font-weight:700;color:var(--tt-accent-color)}.tt-card-footer{border-top:1px solid #f1f5f9;padding-top:12px;display:flex;justify-content:flex-end}.tt-full-time-range{font-size:.8rem;font-weight:700;color:#94a3b8}.tt-empty-state-native{text-align:center;padding:4rem 2rem;animation:ttFadeIn .8s ease}.tt-empty-illustration{margin-bottom:2rem}.tt-empty-circle{width:100px;height:100px;background:#f8fafc;border:4px solid #f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:3rem;box-shadow:var(--tt-card-shadow)}.tt-empty-title{font-size:1.5rem;font-weight:800;margin-bottom:10px;color:var(--tt-text-main)}.tt-empty-message{font-size:1.05rem;color:var(--tt-text-muted);line-height:1.6;max-width:300px;margin:0 auto}.tt-inspector-container{position:fixed;bottom:20px;right:20px;z-index:1000}.tt-toggle-btn{background:var(--tt-text-main);color:#fff;border:none;border-radius:30px;padding:12px 24px;font-weight:800;display:flex;align-items:center;gap:8px;box-shadow:0 10px 25px rgba(0,0,0,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-toggle-btn:active{transform:scale(.95)}.tt-data-overlay{position:fixed;bottom:85px;right:20px;width:calc(100% - 40px);max-width:500px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:1.5rem;box-shadow:0 25px 60px -15px rgba(0,0,0,.2);animation:ttSlideUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes ttSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tt-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.tt-overlay-header h3{margin:0;font-size:1rem;font-weight:800;color:var(--tt-text-main)}.tt-live-status{font-size:.7rem;font-weight:800;color:#10b981;display:flex;align-items:center;gap:6px;background:rgba(16,185,129,.1);padding:4px 10px;border-radius:20px}.tt-pulse{width:6px;height:6px;background:#10b981;border-radius:50%;animation:ttPulse 1.5s infinite}@keyframes ttPulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.tt-data-content pre{margin:0;background:#0f172a;padding:1.25rem;border-radius:16px;font-family:Fira Code,monospace;font-size:.8rem;max-height:400px;overflow-y:auto;color:#94a3b8;line-height:1.5}.glass-morphism{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 480px){.tt-page-title{font-size:1.6rem}.tt-period-card{padding:1.25rem}.tt-subject-name{font-size:1.15rem}}:root{--nf-primary: #5a189a;--nf-primary-light: #9d4edd;--nf-accent: #ff006e;--nf-success: #10b981;--nf-warning: #f59e0b;--nf-text-main: #1a1a2e;--nf-text-sub: #64748b;--nf-bg-light: #f8fafc;--nf-white: #ffffff;--nf-glass: rgba(255, 255, 255, .95);--nf-card-shadow: 0 10px 30px -10px rgba(90, 24, 154, .12);--nf-radius-xl: 32px;--nf-radius-lg: 24px;--nf-radius-md: 16px;--nf-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.nf-root{background-color:var(--nf-bg-light);min-height:100vh;display:flex;flex-direction:column}.nf-hero-header{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:2.5rem 2rem 5rem;color:#fff;position:relative;margin-bottom:70px;border-radius:20px}.nf-top-nav{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 2.5rem}.nf-back-btn{background:rgba(255,255,255,.15);border:none;width:44px;height:44px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--nf-transition);backdrop-filter:blur(8px)}.nf-back-btn:active{transform:scale(.9)}.nf-mark-all{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:12px;color:#fff;display:flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem;cursor:pointer;backdrop-filter:blur(8px);transition:var(--nf-transition)}.nf-mark-all:hover{background:rgba(255,255,255,.3)}.nf-hero-content{max-width:900px;margin:0 auto;text-align:center}.nf-hero-label{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:800;opacity:.8;display:block;margin-bottom:.8rem}.nf-hero-title{font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin:0 0 .5rem;letter-spacing:-1px}.nf-hero-subtitle{font-size:1.1rem;opacity:.9;font-weight:500}.nf-filters-container{display:flex;gap:12px;max-width:900px;margin:2rem auto -1.5rem;overflow-x:auto;padding:0 4px 10px;scrollbar-width:none}.nf-filters-container::-webkit-scrollbar{display:none}.nf-filter-pill{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);padding:10px 24px;border-radius:50px;color:#fff;font-weight:750;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:var(--nf-transition);backdrop-filter:blur(10px)}.nf-filter-pill.active{background:#fff;color:var(--nf-primary);border-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.15)}.nf-feed-wrapper{max-width:900px;width:100%;margin:-3rem auto 0;padding:0 1.5rem 5rem;position:relative;z-index:10}.nf-scroller{display:flex;flex-direction:column;gap:3rem}.nf-group-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-left:8px}.nf-group-header svg{width:18px;color:#000}.nf-group-header h3{font-size:.85rem;font-weight:850;color:#000;text-transform:uppercase;letter-spacing:1.5px;margin:0}.nf-count-badge{background:#e2e8f0;color:var(--nf-text-sub);font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:10px}.nf-list{display:flex;flex-direction:column;gap:16px}.nf-card{background:var(--nf-white);border-radius:var(--nf-radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:var(--nf-transition);cursor:pointer;box-shadow:var(--nf-card-shadow);border:1px solid rgba(255,255,255,.5);position:relative}.nf-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -15px rgba(90,24,154,.15);border-color:var(--nf-primary-light)}.nf-card:active{transform:scale(.97)}.nf-card.nf-unread{background:linear-gradient(135deg,#fff,#f5f3ff);border-left:4px solid var(--nf-primary)}.nf-icon-box{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.nf-icon-box svg{width:24px;height:24px}.nf-content{flex:1;min-width:0}.nf-content-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:10px}.nf-title{font-size:1.1rem;font-weight:750;color:var(--nf-text-main);margin:0;line-height:1.3}.nf-time{font-size:.8rem;font-weight:700;color:var(--nf-text-sub);white-space:nowrap}.nf-message{font-size:.95rem;color:var(--nf-text-sub);line-height:1.5;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nf-footer{display:flex;align-items:center;gap:12px}.nf-type-tag{font-size:.7rem;font-weight:850;padding:5px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.nf-unread-status{background:var(--nf-accent);color:#fff;font-size:.65rem;font-weight:900;padding:3px 10px;border-radius:6px;text-transform:uppercase;animation:nfPulse 2s infinite}@keyframes nfPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.nf-chevron{color:#cbd5e1;transition:var(--nf-transition)}.nf-card:hover .nf-chevron{color:var(--nf-primary);transform:translate(4px)}.nf-empty-container{padding:6rem 1rem;text-align:center}@media (max-width: 768px){.nf-hero-header{padding:2rem 1.5rem 4.5rem;text-align:left}.nf-hero-content{text-align:left}.nf-feed-wrapper{margin-top:-2.5rem;padding:0 1.2rem 4rem}.nf-scroller{gap:2rem}.nf-card{padding:1.2rem;gap:1.2rem;border-radius:20px}.nf-icon-box{width:50px;height:50px;border-radius:14px}.nf-icon-box svg{width:20px;height:20px}.nf-title{font-size:1rem}.nf-message{font-size:.9rem}.nf-chevron{display:none}}@media (max-width: 480px){.nf-hero-title{font-size:2.2rem}.nf-filter-pill{padding:8px 18px;font-size:.85rem}.nf-card{flex-direction:column;align-items:flex-start;gap:1rem}.nf-time{position:absolute;top:1.2rem;right:1.2rem;font-size:.7rem}.nf-card.nf-unread{border-left:none;border-top:4px solid var(--nf-primary)}}@media (hover: none){.nf-card:active{transform:scale(.96);background:#fff}.nf-filter-pill:active{transform:scale(.92)}}:root{--tc-primary: #5a189a;--tc-primary-light: #9d4edd;--tc-accent: #ff006e;--tc-success: #10b981;--tc-warning: #f59e0b;--tc-danger: #ef4444;--tc-text-main: #1a1a2e;--tc-text-sub: #64748b;--tc-bg-light: #f8fafc;--tc-white: #ffffff;--tc-glass: rgba(255, 255, 255, .95);--tc-card-shadow: 0 10px 40px -10px rgba(90, 24, 154, .15);--tc-radius-xl: 32px;--tc-radius-lg: 24px;--tc-radius-md: 16px;--tc-transition: all .35s cubic-bezier(.4, 0, .2, 1)}.tc-root{background-color:var(--tc-bg-light);min-height:100vh;display:flex;flex-direction:column}.tc-hero-header{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:2.5rem 2rem 6rem;color:#fff;position:relative;overflow:hidden}.tc-hero-header:after{content:"";position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);transform:rotate(-15deg)}.tc-top-nav{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto 3rem;position:relative;z-index:5}.tc-back-btn{background:rgba(255,255,255,.15);border:none;width:44px;height:44px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tc-transition);backdrop-filter:blur(8px)}.tc-action-btn{background:#fff;color:#000;border:none;padding:12px 24px;border-radius:16px;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:var(--tc-transition)}.tc-action-btn.tc-cancel{background:var(--tc-danger);color:#fff}.tc-hero-content{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:5}.tc-hero-icon{width:64px;height:64px;background:rgba(255,255,255,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;backdrop-filter:blur(10px)}.tc-hero-title{font-family:Outfit,sans-serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;margin:0 0 .8rem;letter-spacing:-1px}.tc-hero-subtitle{font-size:1.15rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.4}.tc-main-content{max-width:1000px;width:100%;margin:-3.5rem auto 0;padding:0 1.5rem 5rem;position:relative;z-index:10}.tc-strip-section{background:var(--tc-glass);backdrop-filter:blur(12px);border-radius:var(--tc-radius-lg);padding:1.5rem;margin-bottom:2.5rem;box-shadow:var(--tc-card-shadow);border:1px solid rgba(255,255,255,.6)}.tc-strip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding:0 5px}.tc-strip-header h3{font-size:.9rem;font-weight:850;color:var(--tc-text-sub);text-transform:uppercase;letter-spacing:1.5px}.tc-staff-carousel{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.tc-staff-carousel::-webkit-scrollbar{display:none}.tc-mini-staff-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.5);padding:8px 16px 8px 8px;border-radius:14px;min-width:200px;border:1px solid rgba(0,0,0,.03)}.tc-mini-avatar{width:42px;height:42px;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.tc-mini-info h4{font-size:.9rem;font-weight:750;margin:0;color:var(--tc-text-main)}.tc-mini-role{font-size:.72rem;color:var(--tc-text-sub);font-weight:600}.tc-feed-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding:0 10px}.tc-feed-title h2{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;margin:0;color:var(--tc-text-main)}.tc-feed-title p{color:var(--tc-text-sub);font-weight:600;margin:4px 0 0}.tc-status-pills{display:flex;background:#fff;padding:5px;border-radius:50px;box-shadow:var(--tc-shadow-sm);gap:5px}.tc-pill{border:none;background:transparent;padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:800;color:var(--tc-text-sub);cursor:pointer;transition:var(--tc-transition)}.tc-pill.active{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;box-shadow:0 4px 12px rgba(90,24,154,.25)}.tc-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tc-record-card{background:var(--tc-white);border-radius:var(--tc-radius-lg);padding:1.8rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:var(--tc-card-shadow);border:1px solid rgba(255,255,255,.3);transition:var(--tc-transition);cursor:pointer}.tc-record-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 25px 50px -15px rgba(90,24,154,.18);border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.tc-card-status{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:850;text-transform:uppercase;color:var(--tc-text-sub)}.tc-status-indicator{width:8px;height:8px;border-radius:50%}.tc-status-indicator.open{background:var(--tc-warning);box-shadow:0 0 10px var(--tc-warning)}.tc-status-indicator.resolved{background:var(--tc-success);box-shadow:0 0 10px var(--tc-success)}.tc-status-indicator.closed{background:var(--tc-text-sub)}.tc-target-box{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px 12px;border-radius:10px;font-size:.75rem;font-weight:800;color:var(--tc-text-main);margin-bottom:12px;width:fit-content}.tc-record-card h3{font-size:1.25rem;font-weight:800;color:var(--tc-text-main);margin:0 0 8px}.tc-record-card p{font-size:.95rem;color:var(--tc-text-sub);line-height:1.5;margin:0}.tc-card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1.2rem;border-top:1px solid #f1f5f9}.tc-meta-group{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--tc-text-sub);font-weight:700}.tc-priority-badge{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:900;text-transform:uppercase}.tc-priority-badge.high{color:var(--tc-danger)}.tc-priority-badge.medium{color:var(--tc-warning)}.tc-card-arrow{color:#cbd5e1;transition:var(--tc-transition)}.tc-record-card:hover .tc-card-arrow{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);transform:translate(4px)}.tc-glass-form{background:var(--tc-glass);backdrop-filter:blur(20px);border-radius:var(--tc-radius-xl);padding:3rem;box-shadow:0 40px 100px -20px rgba(90,24,154,.2);border:1px solid rgba(255,255,255,.8);animation:tcSlideUp .6s cubic-bezier(.2,1,.2,1)}@keyframes tcSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tc-form-header{text-align:center;margin-bottom:3rem}.tc-form-header h2{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:850;margin:0 0 8px;color:var(--tc-text-main)}.tc-form-header p{color:var(--tc-text-sub);font-weight:600}.tc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.tc-field{display:flex;flex-direction:column;gap:10px;margin-bottom:2rem}.tc-field label{font-size:.85rem;font-weight:850;color:var(--tc-text-sub);text-transform:uppercase;letter-spacing:1px}.tc-field select,.tc-field input,.tc-field textarea{background:#fff;border:1.5px solid #e2e8f0;padding:14px 18px;border-radius:16px;font-size:1rem;transition:var(--tc-transition)}.tc-field select:focus,.tc-field input:focus,.tc-field textarea:focus{outline:none;border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:0 0 0 4px rgba(157,78,221,.1)}.tc-form-submit{width:100%;padding:1.2rem;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border:none;border-radius:18px;font-weight:850;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:var(--tc-transition)}.tc-form-submit:hover{background:linear-gradient(135deg,#1e1b4b,#312e81);transform:translateY(-4px);box-shadow:0 15px 30px rgba(90,24,154,.2)}.tc-native-fab{position:fixed;bottom:2.5rem;right:2.5rem;width:66px;height:66px;border-radius:22px;background:var(--tc-accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px rgba(255,0,110,.35);z-index:100;cursor:pointer;transition:var(--tc-transition)}.tc-native-fab:active{transform:scale(.9) rotate(90deg)}@media (max-width: 1024px){.tc-bento-grid{grid-template-columns:1fr}}@media (max-width: 768px){.tc-hero-header{padding-bottom:5rem}.tc-main-content{margin-top:-3.5rem;padding:0 1.2rem 4rem}.tc-glass-form{padding:2.5rem 1.5rem;border-radius:28px}.tc-form-row{grid-template-columns:1fr;gap:0}.tc-feed-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.tc-status-pills{width:100%;overflow-x:auto}.tc-native-fab{bottom:1.5rem;right:1.5rem}}@media (max-width: 480px){.tc-hero-title{font-size:2.2rem}.tc-hero-subtitle{font-size:1rem}.tc-card-meta{position:relative}.tc-priority-badge{position:absolute;top:-7rem;right:0}}:root{--tc-primary: #5a189a;--tc-primary-light: #9d4edd;--tc-accent: #ff006e;--tc-success: #10b981;--tc-warning: #f59e0b;--tc-danger: #ef4444;--tc-text-main: #1a1a2e;--tc-text-sub: #64748b;--tc-bg: #f8fafc;--tc-white: #ffffff;--tc-chat-bg: radial-gradient(circle at 50% 50%, rgba(90, 24, 154, .03), transparent);--tc-own-bubble: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--tc-other-bubble: rgba(255, 255, 255, .95);--tc-glass: rgba(255, 255, 255, .85);--tc-radius-bubble: 22px;--tc-transition: all .3s cubic-bezier(.4, 0, .2, 1);--tc-shadow-lg: 0 20px 40px -10px rgba(90, 24, 154, .15)}.tc-chat-root{height:100vh;display:flex;flex-direction:column;background-color:var(--tc-bg);background-image:var(--tc-chat-bg);position:relative;overflow:hidden;max-width:1000px;margin:0 auto;box-shadow:0 0 100px rgba(0,0,0,.05)}.tc-chat-header{background:var(--tc-glass);backdrop-filter:blur(20px);padding:1rem 1.5rem;border-bottom:1px solid rgba(90,24,154,.08);z-index:100;position:sticky;top:0}.tc-chat-nav{display:flex;align-items:center;gap:1.25rem}.tc-chat-back{width:44px;height:44px;border-radius:14px;border:none;background:rgba(90,24,154,.05);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tc-transition)}.tc-chat-back:hover{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;transform:translate(-3px)}.tc-chat-title-box{flex:1;cursor:pointer}.tc-chat-title-box h2{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:850;margin:0;color:var(--tc-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-chat-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:850;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.tc-status-dot{width:8px;height:8px;border-radius:50%;background:var(--tc-text-sub)}.tc-chat-status.open{color:var(--tc-warning)}.tc-chat-status.open .tc-status-dot{background:var(--tc-warning);box-shadow:0 0 10px var(--tc-warning)}.tc-chat-status.resolved{color:var(--tc-success)}.tc-chat-status.resolved .tc-status-dot{background:var(--tc-success);box-shadow:0 0 10px var(--tc-success)}.tc-chat-status.closed{color:var(--tc-text-sub)}.tc-chat-more{width:44px;height:44px;border-radius:14px;border:none;background:transparent;color:var(--tc-text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer}.tc-briefing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(30,27,75,.4);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem}.tc-briefing-card{background:#fff;width:100%;max-width:500px;border-radius:28px;padding:2rem;box-shadow:0 40px 80px -20px rgba(0,0,0,.3);animation:tcBriefingIn .4s cubic-bezier(.2,1,.2,1)}@keyframes tcBriefingIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tc-briefing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tc-briefing-header h3{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:850;margin:0}.tc-close-briefing{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--tc-text-sub);cursor:pointer}.tc-briefing-desc{font-size:.95rem;color:var(--tc-text-sub);line-height:1.6;margin-bottom:2rem}.tc-briefing-meta{background:#f8fafc;padding:1.5rem;border-radius:20px;margin-bottom:2rem;display:flex;flex-direction:column;gap:12px}.tc-meta-item{display:flex;justify-content:space-between;font-size:.85rem}.tc-meta-item strong{color:var(--tc-text-sub)}.tc-meta-item span{color:var(--tc-text-main);font-weight:800}.tc-resolve-btn{width:100%;padding:1.1rem;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border:none;border-radius:18px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:var(--tc-transition)}.tc-resolve-btn:hover{background:linear-gradient(135deg,#1e1b4b,#312e81);transform:translateY(-3px);box-shadow:0 15px 30px rgba(90,24,154,.2)}.tc-messages-feed{flex:1;overflow-y:auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.tc-security-notice{align-self:center;background:rgba(0,0,0,.03);padding:10px 20px;border-radius:50px;font-size:.75rem;font-weight:750;color:var(--tc-text-sub);display:flex;align-items:center;gap:8px;margin-bottom:1rem}.tc-bubble-wrapper{display:flex;max-width:85%;gap:12px;animation:tcBubbleIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes tcBubbleIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.tc-bubble-wrapper.other{align-self:flex-start}.tc-bubble-wrapper.own{align-self:flex-end;flex-direction:row-reverse}.tc-chat-avatar{width:36px;height:36px;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:850;font-size:.9rem;flex-shrink:0;margin-top:4px}.tc-bubble{display:flex;flex-direction:column;gap:4px}.tc-sender-label{font-size:.7rem;font-weight:850;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);text-transform:uppercase;margin-left:12px;margin-bottom:4px}.tc-bubble-content{padding:1rem 1.25rem;font-size:1rem;line-height:1.5;box-shadow:0 4px 15px rgba(0,0,0,.04)}.other .tc-bubble-content{background:var(--tc-other-bubble);color:var(--tc-text-main);border-radius:20px 20px 20px 4px;border:1px solid rgba(255,255,255,.5)}.own .tc-bubble-content{background:var(--tc-own-bubble);color:#fff;border-radius:20px 20px 4px;box-shadow:0 10px 25px -5px rgba(90,24,154,.25)}.tc-chat-attachment{margin-top:12px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.15);padding:12px;border-radius:14px;text-decoration:none;color:inherit;font-size:.85rem;font-weight:750;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.other .tc-chat-attachment{background:rgba(0,0,0,.04);color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.tc-bubble-footer{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:.65rem;font-weight:750;opacity:.6;padding:0 4px}.tc-chat-footer{padding:1.5rem;background:linear-gradient(to top,var(--tc-bg) 70%,transparent)}.tc-input-section{background:#fff;border-radius:24px;padding:8px;box-shadow:var(--tc-shadow-lg);border:1px solid rgba(90,24,154,.1)}.tc-file-preview{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:10px 15px;border-radius:18px;margin-bottom:8px;font-size:.85rem;font-weight:750;color:var(--tc-text-main)}.tc-file-preview button{margin-left:auto;background:transparent;border:none;color:var(--tc-danger);cursor:pointer}.tc-input-row{display:flex;align-items:flex-end;gap:8px}.tc-attach-trigger{width:48px;height:48px;border-radius:18px;border:none;background:#f8fafc;color:var(--tc-text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tc-transition)}.tc-attach-trigger:hover{background:#f1f5f9;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.tc-textarea-container{flex:1;padding:8px 12px}.tc-textarea-container textarea{width:100%;border:none;background:transparent;padding:8px 0;font-family:inherit;font-size:1rem;color:var(--tc-text-main);resize:none;max-height:120px}.tc-textarea-container textarea:focus{outline:none}.tc-send-trigger{width:48px;height:48px;border-radius:18px;border:none;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tc-transition)}.tc-send-trigger:hover:not(:disabled){transform:scale(1.08) rotate(-5deg);background:linear-gradient(135deg,#1e1b4b,#312e81)}.tc-send-trigger:disabled{opacity:.4;filter:grayscale(1)}.tc-closed-bar{background:var(--tc-white);padding:1.2rem;border-radius:20px;border:1.5px dashed #cbd5e1;color:var(--tc-text-sub);display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:.9rem}.tc-chat-spinner{width:40px;height:40px;border:3px solid rgba(90,24,154,.1);border-top-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:50%;animation:tcSpin 1s linear infinite}.tc-chat-spinner-mini{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tcSpin 1s linear infinite}@keyframes tcSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.tc-chat-root{height:100vh;max-width:100%;box-shadow:none}.tc-messages-feed{padding:1.5rem 1.2rem}.tc-bubble-wrapper{max-width:92%}.tc-chat-footer{padding:1rem}}@media (max-device-width: 480px){.tc-textarea-container textarea{font-size:16px}}.assignments-header{margin:20px 0 40px;padding-left:10px}.assignments-title{font-size:2.4rem;font-weight:900;color:#1e293b;margin:0;letter-spacing:-1.5px;line-height:1}.assignments-subtitle{margin:10px 0 0;font-size:1.1rem;color:#475569;font-weight:700;opacity:.8}.assignment-grid{display:flex;flex-direction:column;gap:20px}.assignment-card{position:relative;background:#fff;border-radius:28px;padding:30px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.05);border:1px solid rgba(226,232,240,.8);transition:all .5s cubic-bezier(.4,0,.2,1);animation:slideUp .6s ease-out backwards}.assignment-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(124,58,237,.12);border-color:rgba(124,58,237,.3)}.assignment-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(124,58,237,.05),transparent 70%);opacity:0;transition:opacity .5s ease}.assignment-card:hover .assignment-card-glow{opacity:1}.assignment-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assignment-type-badge{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.assignment-type-badge.mcq{background:#f5f3ff;color:#7c3aed}.assignment-type-badge.theory{background:#fff7ed;color:#ea580c}.submission-badge{padding:6px 12px!important;border-radius:10px!important;font-size:.7rem!important;font-weight:900!important}.assignment-subject{font-size:.85rem;font-weight:800;color:#7c3aed;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.assignment-name{font-size:1.4rem;font-weight:900;color:#0f172a;margin:0;line-height:1.2}.assignment-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid #F1F5F9}.meta-item{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.85rem;font-weight:700}.meta-item .ion-icon{font-size:1.1rem;color:#94a3b8}.assignment-action{margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f8fafc;border-radius:16px;color:#1e293b;font-weight:800;font-size:.9rem;transition:all .3s ease}.assignment-card:hover .assignment-action{background:#7c3aed;color:#fff}.no-assignments{text-align:center;padding:60px 40px;background:#f8fafc;border-radius:32px;border:2px dashed #E2E8F0;margin-top:20px}.no-assignments .ion-icon{font-size:64px;color:#cbd5e1;margin-bottom:20px}.no-assignments h3{font-size:1.4rem;font-weight:900;color:#64748b;margin:0}.no-assignments p{color:#94a3b8;font-weight:600;margin-top:8px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.assignment-card-skeleton{background:#fff;border-radius:28px;padding:30px;margin-bottom:20px}:root{--hp-hw-bg: #f8fafc;--hp-hw-white: #ffffff;--hp-hw-accent: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--hp-hw-accent-dark: #1e1b4b;--hp-hw-text-main: #0f172a;--hp-hw-text-muted: #64748b;--hp-hw-success: #10b981;--hp-hw-warning: #f59e0b;--hp-hw-error: #ef4444;--hp-hw-header-bg: rgba(255, 255, 255, .85);--hp-hw-radius-xl: 32px;--hp-hw-radius-lg: 20px;--hp-hw-radius-md: 12px;--hp-hw-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--hp-hw-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .02);--hp-hw-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .03)}.hp-hw-container{font-family:Outfit,sans-serif;background:var(--hp-hw-bg);min-height:100vh;color:var(--hp-hw-text-main);position:relative;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,20px)}.hp-hw-header{position:sticky;top:0;z-index:1000;background:var(--hp-hw-header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04)}.hp-hw-header-inner{max-width:1200px;margin:0 auto;padding:env(safe-area-inset-top,16px) 20px 16px;display:flex;align-items:center;justify-content:space-between}.hp-hw-back-link{width:44px;height:44px;border-radius:14px;background:var(--hp-hw-white);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;color:var(--hp-hw-text-main);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--hp-hw-shadow-sm)}.hp-hw-back-link:active{transform:scale(.92);background:var(--hp-hw-bg)}.hp-hw-title-box{text-align:center;flex:1}.hp-hw-title-box h1{font-size:1.15rem;font-weight:800;margin:0;letter-spacing:-.01em}.hp-hw-subtitle{font-size:.65rem;font-weight:700;color:var(--hp-hw-text-muted);text-transform:uppercase;letter-spacing:.1em;display:block}.hp-hw-sync-icon{width:44px;height:44px;border-radius:14px;background:var(--hp-hw-white);border:none;display:flex;align-items:center;justify-content:center;color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);cursor:pointer;box-shadow:var(--hp-hw-shadow-sm)}.hp-hw-sync-icon.is-spinning svg{animation:hp-hw-spin 1s linear infinite}.hp-hw-stats-panel{padding:24px 20px;max-width:1200px;margin:0 auto}.hp-hw-stats-card{background:var(--hp-hw-white);border-radius:var(--hp-hw-radius-xl);padding:24px;border:1px solid rgba(0,0,0,.03);box-shadow:var(--hp-hw-shadow-lg)}.hp-hw-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hp-hw-stat-pill{padding:16px 8px;border-radius:var(--hp-hw-radius-lg);background:#f1f5f9;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.hp-hw-stat-pill.is-active{background:linear-gradient(135deg,#1e1b4b,#312e81);transform:translateY(-4px);box-shadow:0 10px 20px rgba(99,102,241,.2)}.hp-hw-stat-pill.is-active .hp-hw-stat-num,.hp-hw-stat-pill.is-active .hp-hw-stat-label{color:var(--hp-hw-white)!important}.hp-hw-stat-num{font-size:1.5rem;font-weight:900;color:var(--hp-hw-text-main)}.hp-hw-stat-num.is-warning{color:var(--hp-hw-warning)}.hp-hw-stat-num.is-success{color:var(--hp-hw-success)}.hp-hw-stat-label{font-size:.65rem;font-weight:800;color:var(--hp-hw-text-muted);text-transform:uppercase;letter-spacing:.05em}.hp-hw-list-section{padding:0 20px 60px;max-width:1200px;margin:0 auto}.hp-hw-grid{display:flex;flex-direction:column;gap:16px}.hp-hw-item-card{background:var(--hp-hw-white);border-radius:var(--hp-hw-radius-lg);padding:20px;border:1px solid rgba(0,0,0,.03);box-shadow:var(--hp-hw-shadow-md);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.15);animation:hp-hw-fadeInUp .6s ease forwards;animation-delay:calc(var(--anim-order) * .1s);opacity:0}.hp-hw-item-card:active{transform:scale(.96);background:#fafafa}.hp-hw-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hp-hw-subject-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.7rem;font-weight:800;text-transform:capitalize}.hp-hw-status-tag{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.hp-hw-status-tag.is-done{color:var(--hp-hw-success)}.hp-hw-status-tag.is-pending{color:var(--hp-hw-warning)}.hp-hw-item-title{font-size:1.1rem;font-weight:800;margin:0 0 8px;line-height:1.3}.hp-hw-item-desc{font-size:.85rem;color:var(--hp-hw-text-muted);line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-hw-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px dashed #f1f5f9}.hp-hw-due-date{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--hp-hw-text-muted)}.hp-hw-action-arrow{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);opacity:.6}.hp-hw-loader{display:flex;flex-direction:column;gap:16px}.hp-hw-skeleton-card{height:140px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:hp-hw-shimmer 1.5s infinite;border-radius:var(--hp-hw-radius-lg)}.hp-hw-empty{text-align:center;padding:60px 20px}.hp-hw-empty-icon{font-size:4rem;margin-bottom:20px}.hp-hw-empty h3{font-size:1.5rem;font-weight:900;margin-bottom:8px}.hp-hw-empty p{color:var(--hp-hw-text-muted);font-weight:500;margin-bottom:24px}.hp-hw-refresh-btn{padding:12px 28px;border-radius:var(--hp-hw-radius-md);background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;border:none;font-weight:800;cursor:pointer}@keyframes hp-hw-spin{to{transform:rotate(360deg)}}@keyframes hp-hw-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-hw-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 768px){.hp-hw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.hp-hw-stats-grid{grid-template-columns:repeat(3,160px);justify-content:center}.hp-hw-item-card:hover{transform:translateY(-6px);box-shadow:var(--hp-hw-shadow-lg)}}@media (max-width: 480px){.hp-hw-header-inner{padding:12px 16px}.hp-hw-stats-panel{padding:16px 12px}.hp-hw-list-section{padding:0 12px 40px}.hp-hw-stat-num{font-size:1.25rem}.hp-hw-item-title{font-size:1rem}}:root{--hwv-primary: linear-gradient(135deg, #1e1b4b 0%, #1e1b4b 100%);--hwv-primary-glow: rgba(99, 102, 241, .3);--hwv-bg: #f8fafc;--hwv-surface: #ffffff;--hwv-text-main: #0f172a;--hwv-text-sub: #64748b;--hwv-accent-bg: #eef2ff;--hwv-accent-text: #1e1b4b;--hwv-radius-lg: 32px;--hwv-radius-md: 20px;--hwv-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .03);--hwv-shadow-hover: 0 20px 30px -10px rgba(0, 0, 0, .1)}.hwv-main-container{font-family:Outfit,sans-serif;background:var(--hwv-bg);min-height:100vh;display:flex;flex-direction:column;color:var(--hwv-text-main)}.hwv-nav-header{position:sticky;top:0;z-index:100;background:rgba(248,250,252,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.03)}.hwv-back-action{width:44px;height:44px;border-radius:12px;border:none;background:var(--hwv-surface);box-shadow:var(--hwv-shadow);display:flex;align-items:center;justify-content:center;color:var(--hwv-text-main);cursor:pointer;transition:all .2s ease}.hwv-back-action:active{transform:scale(.9);background:var(--hwv-accent-bg)}.hwv-nav-title{text-align:center}.hwv-nav-title h1{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.01em}.hwv-nav-title span{font-size:.75rem;color:var(--hwv-text-sub);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hwv-content-scroll{flex:1;padding:24px 20px 40px;max-width:1200px;margin:0 auto;width:100%}.hwv-hero-card{background:var(--hwv-surface);border-radius:var(--hwv-radius-lg);padding:32px;box-shadow:var(--hwv-shadow);margin-bottom:24px;position:relative;overflow:hidden;animation:hwv-fade-up .6s cubic-bezier(.16,1,.3,1)}.hwv-hero-card:before{content:"";position:absolute;top:-100px;right:-100px;width:250px;height:250px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);border-radius:50%}.hwv-subject-pill{display:inline-flex;align-items:center;gap:8px;background:var(--hwv-accent-bg);color:var(--hwv-accent-text);padding:8px 16px;border-radius:100px;font-weight:700;font-size:.85rem;margin-bottom:20px}.hwv-homework-title{margin:0 0 20px;font-size:2rem;font-weight:900;line-height:1.1;letter-spacing:-.02em}.hwv-meta-grid{display:flex;gap:20px}.hwv-meta-item{display:flex;align-items:center;gap:8px;color:var(--hwv-text-sub);font-size:.9rem;font-weight:600}.hwv-meta-item svg{color:var(--hwv-accent-text);opacity:.7}.hwv-bento-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;animation:hwv-fade-up .8s cubic-bezier(.16,1,.3,1) .1s backwards}.hwv-bento-item{background:var(--hwv-surface);border-radius:var(--hwv-radius-lg);padding:32px;box-shadow:var(--hwv-shadow);display:flex;flex-direction:column}.hwv-bento-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.hwv-bento-header h2{margin:0;font-size:1.25rem;font-weight:800}.hwv-bento-header svg{color:var(--hwv-accent-text)}.hwv-blueprint-body{line-height:1.6;font-size:1.05rem;color:#334155;font-weight:500;flex:1}.hwv-bento-footer{margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9}.hwv-item-id{font-size:.7rem;font-weight:800;color:#cbd5e1;letter-spacing:.05em}.hwv-drop-zone{border:2px dashed #e2e8f0;border-radius:var(--hwv-radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc}.hwv-drop-zone:hover{border-color:#1e1b4b;background:#f5f7ff}.hwv-upload-prompt svg{color:#1e1b4b;margin-bottom:12px}.hwv-upload-prompt h3{margin:0 0 4px;font-size:1rem;font-weight:800}.hwv-upload-prompt p{margin:0;font-size:.85rem;color:var(--hwv-text-sub)}.hwv-file-staged h3{margin:0 0 4px;font-weight:800;color:#10b981}.hwv-staged-icon svg{color:#10b981;margin-bottom:12px}.hwv-remarks-box{margin-top:20px}.hwv-remarks-box label{display:block;font-size:.75rem;font-weight:800;color:var(--hwv-text-sub);text-transform:uppercase;margin-bottom:8px;padding-left:4px}.hwv-remarks-box textarea{width:100%;padding:16px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc;font-family:inherit;font-size:.95rem;font-weight:500;resize:none;transition:all .2s ease}.hwv-remarks-box textarea:focus{outline:none;border-color:#1e1b4b;background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.hwv-submit-btn{width:100%;height:60px;background:var(--hwv-primary);color:#fff;border:none;border-radius:16px;margin-top:24px;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 8px 20px -6px var(--hwv-primary-glow);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hwv-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.hwv-submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 25px -8px var(--hwv-primary-glow)}.hwv-submit-btn:not(:disabled):active{transform:scale(.97)}.hwv-success-state{text-align:center;padding:20px 0}.hwv-success-blob{width:80px;height:80px;background:#dcfce7;color:#10b981;border-radius:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:hwv-pop .5s cubic-bezier(.175,.885,.32,1.275)}.hwv-success-state p{color:var(--hwv-text-sub);margin-bottom:32px;font-weight:500}.hwv-action-group{display:flex;flex-direction:column;gap:12px}.hwv-view-btn{width:100%;height:56px;background:var(--hwv-accent-bg);color:var(--hwv-accent-text);border:none;border-radius:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.hwv-close-briefing{width:100%;height:56px;background:transparent;color:var(--hwv-text-sub);border:1px solid #e2e8f0;border-radius:16px;font-weight:700;cursor:pointer}.hwv-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--hwv-bg);z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px}.hwv-loader-content{width:100%;max-width:300px;text-align:center}.hwv-loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#1e1b4b;border-radius:50%;margin:0 auto 24px;animation:hwv-spin 1s linear infinite}.hwv-loading-text{font-weight:900;font-size:.8rem;letter-spacing:.2em;color:#1e1b4b;margin-bottom:20px}.hwv-loading-bar-container{height:6px;background:#e2e8f0;border-radius:10px;overflow:hidden}.hwv-loading-bar-fill{height:100%;width:40%;background:var(--hwv-primary);border-radius:10px;animation:hwv-progress 2s cubic-bezier(.65,0,.35,1) infinite}.hwv-error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:var(--hwv-bg)}.hwv-error-icon{width:80px;height:80px;background:#fee2e2;color:#ef4444;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.hwv-back-home-btn{margin-top:32px;background:var(--hwv-primary);color:#fff;border:none;padding:16px 32px;border-radius:16px;font-weight:800}.hwv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:flex-end;justify-content:center}.hwv-modal-card{width:100%;max-width:900px;background:#fff;height:92vh;border-radius:40px 40px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -20px 50px -10px rgba(0,0,0,.2);animation:hwv-slide-up .5s cubic-bezier(.16,1,.3,1);position:relative}.hwv-modal-drag-handle{width:40px;height:5px;background:#e2e8f0;border-radius:10px;margin:12px auto 0;flex-shrink:0}.hwv-modal-navbar{padding:16px 32px 24px;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #f1f5f9}.hwv-modal-nav-info h2{margin:0;font-size:1.25rem;font-weight:850;color:var(--hwv-text-main)}.hwv-modal-nav-info p{margin:4px 0 0;font-size:.75rem;font-weight:700;color:var(--hwv-text-sub);text-transform:uppercase;letter-spacing:.05em}.hwv-modal-close{width:44px;height:44px;border-radius:50%;border:none;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hwv-modal-close:hover{background:#fee2e2;color:#ef4444}.hwv-preview-viewport{flex:1;background:#0f172a;padding:20px;overflow:hidden}.hwv-preview-inner{width:100%;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.hwv-preview-inner iframe,.hwv-preview-inner img{width:100%;height:100%;border:none;object-fit:contain}.hwv-modal-footer{padding:20px 32px;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:center}.hwv-download-action{background:var(--hwv-primary);color:#fff;border:none;padding:14px 40px;border-radius:100px;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 8px 15px -4px var(--hwv-primary-glow);transition:all .2s ease}.hwv-download-action:hover{transform:translateY(-2px);box-shadow:0 12px 20px -6px var(--hwv-primary-glow)}@keyframes hwv-spin{to{transform:rotate(360deg)}}@keyframes hwv-progress{0%{transform:translate(-100%);width:30%}50%{width:60%}to{transform:translate(330%);width:30%}}@keyframes hwv-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hwv-pop{0%{transform:scale(.8)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes hwv-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 1024px){.hwv-bento-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hwv-hero-card{padding:24px;border-radius:24px}.hwv-homework-title{font-size:1.5rem}.hwv-bento-item{padding:24px;border-radius:24px}.hwv-modal-card{height:100vh;border-radius:0}}.asm-focus-mode{background:#0f172a;--ion-background-color: #0f172a;color:#fff}.asm-focus-header{--background: #1e293b;--color: white;--border-style: none}.asm-focus-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;height:100%}.asm-timer-pill{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:800;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.asm-timer-pill.warning{color:#fb7185;border-color:rgba(251,113,133,.3);animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.asm-progress-section{padding:20px}.asm-progress-meta{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.85rem;font-weight:700;color:#94a3b8}.asm-progress-bar{height:6px;background:#334155;border-radius:3px;overflow:hidden}.asm-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .4s cubic-bezier(.4,0,.2,1)}.asm-question-card{background:#1e293b;border-radius:24px;padding:32px;margin:0 20px 20px;box-shadow:0 20px 50px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05);flex:1;display:flex;flex-direction:column}.asm-question-text{font-size:1.4rem;font-weight:800;line-height:1.4;margin-bottom:40px;color:#f8fafc}.asm-options-grid{display:flex;flex-direction:column;gap:16px}.asm-option-item{background:#334155;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.asm-option-item:hover{background:#475569}.asm-option-item.selected{background:rgba(56,189,248,.1);border-color:#38bdf8;box-shadow:0 0 20px rgba(56,189,248,.2)}.asm-option-label{width:36px;height:36px;background:#1e293b;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#94a3b8}.asm-option-item.selected .asm-option-label{background:#38bdf8;color:#fff}.asm-option-val{flex:1;font-weight:600;font-size:1rem;color:#cbd5e1}.asm-check-icon{color:#38bdf8;font-size:1.5rem}.asm-theory-container{display:flex;flex-direction:column;gap:24px;flex:1}.asm-editor-wrap{flex:1;background:#0f172a;border-radius:16px;border:1px solid #334155}.asm-textarea{width:100%;height:100%;background:transparent;border:none;padding:20px;color:#fff;font-family:inherit;font-size:1rem;resize:none}.asm-upload-trigger{background:#334155;border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:12px;border:2px dashed #475569;cursor:pointer}.asm-upload-trigger:hover{border-color:#38bdf8;background:#1e293b}.asm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,#1e293b,#0f172a);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.asm-overlay-card{width:100%;max-width:600px;background:rgba(30,41,59,.7);backdrop-filter:blur(20px);border-radius:40px;padding:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px rgba(0,0,0,.5);text-align:center}.asm-result-header{margin-bottom:32px}.asm-hero-icon{font-size:100px;color:#38bdf8;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(56,189,248,.4))}.asm-hero-icon.pulse{animation:pulse-glow 2s infinite}.asm-score-ring{display:flex;flex-direction:column;align-items:center;gap:4px}.asm-perc-bar{width:100%;height:8px;background:rgba(255,255,255,.05);border-radius:4px;margin-top:16px;overflow:hidden}.asm-perc-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7);border-radius:4px;box-shadow:0 0 10px rgba(56,189,248,.5);transition:width 1s ease-out}@keyframes pulse-glow{0%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(56,189,248,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(56,189,248,.6))}to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(56,189,248,.4))}}.asm-result-title{font-size:2.2rem;font-weight:900;margin:0;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.asm-result-subtitle{color:#94a3b8;font-weight:600;margin-top:8px;font-size:1rem}.asm-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.asm-score-card{padding:24px;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .3s ease}.asm-score-card.glass{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.asm-score-card.highlighted{background:linear-gradient(135deg,rgba(56,189,248,.1),rgba(129,140,248,.1));border:1px solid rgba(56,189,248,.2)}.asm-score-label{font-size:.75rem;font-weight:800;letter-spacing:1px;color:#64748b}.asm-score-val{font-size:2rem;font-weight:900;color:#f8fafc}.asm-score-val small{font-size:1rem;color:#64748b}.asm-status-pill{padding:6px 16px;border-radius:12px;font-size:.85rem;font-weight:900;text-transform:uppercase}.asm-status-pill.evaluated{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.asm-status-pill.submitted{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.asm-status-pill.pending{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.asm-feedback-card{text-align:left;padding:24px;border-radius:24px;margin-bottom:32px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.asm-feedback-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:900;color:#818cf8;margin-bottom:12px}.asm-feedback-text{font-size:1rem;line-height:1.6;color:#cbd5e1;font-style:italic;margin:0}.asm-result-meta{font-size:.8rem;color:#64748b;margin-bottom:32px;font-weight:600}.asm-return-btn{--background: #38bdf8;--background-activated: #0ea5e9;--border-radius: 20px;height:64px;font-weight:900;font-size:1.1rem;--box-shadow: 0 10px 30px rgba(56, 189, 248, .3)}.animate-up{animation:slideUp .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.asm-review-wrap{margin-top:40px;border-top:1px solid rgba(255,255,255,.05);padding-top:40px}.asm-review-title{font-size:1.25rem;font-weight:800;color:#f8fafc;margin-bottom:24px}.asm-review-list{display:flex;flex-direction:column;gap:16px}.asm-review-card{background:rgba(255,255,255,.02);border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.03);transition:transform .2s ease}.asm-review-card:hover{transform:translate(4px);background:rgba(255,255,255,.04)}.asm-review-card.correct{border-left:4px solid #10b981}.asm-review-card.incorrect{border-left:4px solid #ef4444}.asm-review-num{width:32px;height:32px;background:#1e293b;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.8rem;color:#94a3b8;flex-shrink:0}.asm-review-body{flex:1;min-width:0}.asm-review-q{font-size:.95rem;font-weight:700;color:#cbd5e1;margin:0 0 12px;line-height:1.5}.asm-review-meta-pills{display:flex;flex-wrap:wrap;gap:8px}.asm-mini-pill{padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:800;text-transform:uppercase}.asm-mini-pill.student.success{background:rgba(16,185,129,.1);color:#10b981}.asm-mini-pill.student.danger{background:rgba(239,68,68,.1);color:#ef4444}.asm-mini-pill.correct{background:rgba(56,189,248,.1);color:#38bdf8}.asm-mini-pill.score{background:rgba(255,255,255,.05);color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.asm-review-icon{font-size:1.5rem;flex-shrink:0}.asm-review-card.correct .asm-review-icon{color:#10b981}.asm-review-card.incorrect .asm-review-icon{color:#ef4444}@media (max-width: 600px){.asm-overlay-card{padding:30px 20px;border-radius:30px}.asm-result-title{font-size:1.8rem}.asm-hero-icon{font-size:70px}.asm-score-grid{grid-template-columns:1fr}.asm-score-card{padding:20px}.asm-question-card{margin:0 10px 10px;padding:24px}.asm-question-text{font-size:1.2rem}}.asm-artifact-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.9);backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.asm-artifact-container{width:95%;height:90vh;max-width:1000px;background:#1e293b;border-radius:32px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px rgba(0,0,0,.6)}.asm-artifact-header{padding:20px 32px;background:rgba(255,255,255,.03);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.asm-artifact-content{flex:1;padding:24px;background:rgba(0,0,0,.2);overflow:auto}@media (max-width: 768px){.asm-artifact-container{width:100%;height:100%;border-radius:0;border:none}.asm-artifact-header{padding:16px 20px}.asm-artifact-content{padding:12px}.asm-artifact-backdrop{padding:0}}:root{--sp-primary: #2563EB;--sp-primary-light: #60A5FA;--sp-accent: #F59E0B;--sp-bg: #F8FAFC;--sp-card-bg: rgba(255, 255, 255, .85);--sp-border: #E2E8F0;--sp-text-main: #1E293B;--sp-text-muted: #64748B}.staff-page-content{--background: var(--sp-bg)}.attendance-page,.merp-exam-container{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh}.header-section,.merp-exam-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.header-left h1,.merp-exam-title-wrap h1{font-size:2.2rem;font-weight:950;background:linear-gradient(135deg,#0F172A 0%,linear-gradient(135deg,#1e1b4b 0%,#312e81 100%) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-1px}.header-left p,.merp-exam-subtitle{color:var(--sp-text-muted);font-weight:600;font-size:1rem;margin-top:4px}.filter-card-glass,.merp-exam-card{background:var(--sp-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);padding:24px;border-radius:24px;margin-bottom:32px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:flex-end}.custom-select-container,.merp-exam-input-group{display:flex;flex-direction:column;gap:8px}.filter-label,.merp-exam-label{font-size:.75rem;font-weight:800;color:var(--sp-text-muted);text-transform:uppercase;display:flex;align-items:center;gap:6px}.select-trigger,.date-input,.merp-exam-input,.session-locked{background:#fff;border:2px solid #F1F5F9;padding:12px 16px;border-radius:14px;font-weight:700;color:var(--sp-text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s;width:100%;outline:none}.select-trigger:hover,.date-input:focus,.merp-exam-input:focus{border-color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.load-btn,.merp-exam-btn{background:#1e293b;color:#fff;padding:12px 24px;border-radius:14px;border:none;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s;height:48px;justify-content:center}.merp-exam-btn-primary{background:linear-gradient(135deg,#1e1b4b,#312e81)}.load-btn:hover,.merp-exam-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.ledger-container{background:#fff;border-radius:24px;border:1px solid var(--sp-border);overflow:hidden}.ledger-header{display:grid;grid-template-columns:60px 1.5fr 1fr 1.5fr;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #F1F5F9;font-weight:800;color:var(--sp-text-muted);font-size:.7rem;text-transform:uppercase}.ledger-row{display:grid;grid-template-columns:60px 1.5fr 1fr 1.5fr;padding:12px 24px;border-bottom:1px solid #F1F5F9;align-items:center}.merp-exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.status-group{display:flex;background:#f1f5f9;padding:3px;border-radius:12px;gap:3px}.action-chip{flex:1;border:none;background:transparent;padding:6px;border-radius:9px;font-weight:800;font-size:.7rem;cursor:pointer;color:var(--sp-text-muted)}.action-chip.active.p{background:#22c55e;color:#fff}.action-chip.active.a{background:#ef4444;color:#fff}.action-chip.active.l{background:#f59e0b;color:#fff}.modal-overlay,.merp-exam-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.5);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-container,.merp-exam-card-modal{background:#fff;width:100%;max-width:900px;max-height:90vh;border-radius:24px;overflow:auto}.empty-state{text-align:center;padding:60px 24px;border:2px dashed var(--sp-border);border-radius:24px;color:var(--sp-text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:slideUp .5s ease-out forwards}@media (max-width: 768px){.ledger-header{display:none}.ledger-row{grid-template-columns:1fr;gap:12px;padding:20px}.status-group{width:100%}}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}:root{--primary-gradient: linear-gradient(135deg, linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) 0%, #a855f7 100%);--secondary-gradient: linear-gradient(135deg, #2dd4bf 0%, #3b82f6 100%);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .5);--card-shadow: 0 8px 32px 0 rgba(31, 38, 135, .08);--text-main: #0f172a;--text-muted: #64748b;--bg-main: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;height:100%;width:100%}.sm-bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:#fff}.sm-blob{position:absolute;width:500px;height:500px;background:var(--primary-gradient);filter:blur(80px);border-radius:50%;opacity:.15;animation:blob-move 25s infinite alternate ease-in-out}.sm-blob-1{top:-100px;left:-100px;background:linear-gradient(135deg,#1e1b4b,#312e81)}.sm-blob-2{bottom:-150px;right:-100px;background:#a855f7;animation-duration:35s;animation-delay:-5s}.sm-blob-3{top:40%;left:50%;width:400px;height:400px;background:#2dd4bf;animation-duration:40s;animation-delay:-10s}@keyframes blob-move{0%{transform:translate(0) scale(1)}33%{transform:translate(100px,150px) scale(1.2)}66%{transform:translate(-80px,100px) scale(.9)}to{transform:translate(0) scale(1)}}.native-header{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:16px;position:sticky;top:0;z-index:100}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.7);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -5px 25px rgba(0,0,0,.03)}.nav-item{display:flex;flex-direction:column;align-items:center;color:#94a3b8;font-size:11px;gap:4px}.nav-item.active{color:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.card{background:#fff;border-radius:28px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.02);margin-bottom:20px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:28px;padding:20px;box-shadow:var(--card-shadow)}.app-page{animation:page-in .5s cubic-bezier(.4,0,.2,1)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1px}h2{font-family:Outfit,sans-serif;font-size:20px;font-weight:700}