@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--deep-navy:#1a365d;--royal-blue:#014aa2;--medium-blue:#3182ce;--sky-blue:#ebf8ff;--white:#fff;--text-gray:#4a5568;--accent-yellow:#facd12;--success-green:#48bb78;--topbar-height:36px;--header-height:70px}.navbar-fixed-wrapper{z-index:11000;background:#fff;width:100%;position:fixed;top:0}.nav-spacer{height:calc(var(--topbar-height) + var(--header-height));width:100%}.nav-container-flex{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 25px;display:flex}.top-bar-blue{background:var(--deep-navy);color:#fff;height:var(--topbar-height);align-items:center;font-size:13px;display:flex}.contact-links{align-items:center;gap:15px;display:flex}.contact-links a{color:var(--sky-blue);text-decoration:none}.line-sep{opacity:.3;margin:0 5px}.social-icons-wrap{gap:15px;display:flex}.social-icons-wrap a{color:#fff;transition:all .2s}.main-header-wrap{height:var(--header-height);background:#fff;align-items:center;display:flex;box-shadow:0 4px 12px #1a365d14}.brand-logo-wrap{align-items:center;padding:5px 0;text-decoration:none;display:flex}.logo-container-white{background:#fff;border:1px solid #eee;border-radius:8px;align-items:center;padding:6px 12px;transition:transform .3s;display:flex;box-shadow:0 4px 10px #00000014}.logo-container-white:hover{transform:scale(1.02)}.brand-logo-img{object-fit:contain;width:auto;max-width:220px;height:38px}.nav-links-outer{flex:1;justify-content:center;display:flex}.nav-menu-list{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-link-anchor{color:var(--text-gray);cursor:pointer;align-items:center;gap:5px;padding:8px 0;font-size:13px;font-weight:600;text-decoration:none;display:flex}.nav-link-anchor:hover,.nav-link-anchor.active{color:var(--royal-blue)}.has-mega-menu{position:relative}.mega-menu-panel{border-top:4px solid var(--royal-blue);visibility:hidden;opacity:0;z-index:5000;background:#fff;border-radius:0 0 12px 12px;min-width:250px;padding:15px;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 15px 40px #00000026}.mega-menu-panel.single-col{min-width:220px}.has-mega-menu:hover .mega-menu-panel{visibility:visible;opacity:1;transform:translateY(0)}.has-mega-menu:after{content:"";width:100%;height:15px;position:absolute;top:100%;left:0}.mega-grid-wrapper{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mega-column{flex-direction:column;gap:12px;display:flex}.mega-column a{color:var(--text-gray);border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mega-column a:hover{color:var(--royal-blue);background:#f0f7ff;padding-left:18px}.job-panel{width:400px;padding:0;overflow:hidden}.split-layout{min-height:200px;display:flex}.split-sidebar{background:#f8fbff;border-right:1px solid #edf2f7;flex-direction:column;width:140px;display:flex}.split-sidebar button{text-align:left;color:var(--text-gray);cursor:pointer;background:0 0;border:none;padding:15px;font-weight:700}.split-sidebar button.active{color:var(--royal-blue);border-left:3px solid var(--royal-blue);background:#fff}.split-content{flex:1;padding:20px}.content-links a{color:var(--text-gray);padding:8px 0;font-size:14px;text-decoration:none;display:block}.promo-tag{background:var(--accent-yellow);color:#000;border-radius:4px;margin-left:4px;padding:2px 5px;font-size:9px;font-weight:800}.auth-action-btns{align-items:center;gap:15px;display:flex}.login-link{color:var(--royal-blue);font-size:14px;font-weight:700;text-decoration:none}.info-item{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.info-item a{color:inherit;text-decoration:none;transition:all .3s}.info-item a:hover{color:#3b82f6;opacity:.9}.call-label{color:#fffc;font-size:12px;font-weight:500}.register-btn-solid{background:var(--royal-blue);color:#fff;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s}.mobile-hamburger,.mobile-auth-drawer{display:none}.nav-links-outer:before{content:none}@media (max-width:1200px){.nav-menu-list{gap:12px}.nav-link-anchor{font-size:13px}}.mobile-auth-drawer{display:none}@media (max-width:1024px){.hide-mobile{display:none}.mobile-hamburger{background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.nav-links-outer{z-index:12000;background:#fff;flex-direction:column;width:320px;height:100dvh;min-height:100dvh;max-height:100dvh;transition:left .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:-100%;overflow:hidden;box-shadow:20px 0 50px #00000026;display:flex!important}.nav-links-outer.is-open{left:0}.nav-links-outer:before{content:"EtMS NAVIGATION"!important;color:var(--deep-navy)!important;background:#f8fbff!important;border-bottom:1px solid #edf2f7!important;flex-shrink:0!important;align-items:center!important;padding:24px 20px!important;font-size:13px!important;font-weight:800!important;display:flex!important}.nav-menu-list{-webkit-overflow-scrolling:touch;flex-direction:column!important;flex:auto!important;gap:0!important;min-height:0!important;padding:0 0 90px!important;list-style:none!important;display:flex!important;overflow-y:auto!important}.nav-menu-list li{border-bottom:1px solid #f9f9f9!important;width:100%!important}.nav-link-anchor{width:100%!important;color:var(--deep-navy)!important;padding:18px 25px!important;font-size:14px!important;font-weight:700!important}.mobile-auth-drawer{background:#fff!important;border-top:2px solid #f1f5f9!important;flex-direction:column!important;flex-shrink:0!important;gap:12px!important;width:100%!important;padding:24px 20px!important;display:flex!important;box-shadow:0 -10px 30px #00000008!important}.mob-login,.mob-reg{text-align:center!important;border-radius:8px!important;width:100%!important;padding:14px!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;display:block!important}.mob-login{color:var(--royal-blue);background:#f8fafc}.mob-reg{background:var(--royal-blue);color:#fff}.has-mega-menu{flex-direction:column;width:100%;display:flex}.nav-link-anchor{justify-content:space-between}.mega-menu-panel{opacity:0;visibility:hidden;border-radius:0;max-height:0;transition:max-height .4s,padding .4s,opacity .3s;overflow:hidden;box-shadow:none!important;background:#fdfdfd!important;border:none!important;padding:0 25px!important;position:static!important;transform:none!important}.has-mega-menu.mob-active .mega-menu-panel{opacity:1;visibility:visible;max-height:600px;padding:10px 25px 20px!important}.mega-grid-wrapper{grid-template-columns:1fr}}.public-mobile-tab-bar{display:none!important}@media (max-width:1024px){.public-mobile-tab-bar{z-index:180000;background:#fff;border-top:1px solid #e2e8f0;height:70px;position:fixed;bottom:0;left:0;right:0;display:flex!important}.public-mobile-tab-bar .tab-item{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.public-mobile-tab-bar .tab-item span{font-size:20px}.public-mobile-tab-bar .tab-item label{cursor:pointer;font-size:10px;font-weight:700}.public-mobile-tab-bar .tab-item.active,.public-mobile-tab-bar .tab-item:hover{color:var(--royal-blue)}}@media (max-width:480px){.nav-links-outer{width:100%}.top-bar-blue{display:none}.nav-spacer{height:var(--header-height)}.brand-logo-img{height:32px}.logo-container-white{padding:4px 10px}.main-header-wrap{height:65px}.nav-container-flex{padding:0 15px}}.mob-login{text-align:center;width:100%;color:var(--royal-blue);border:2px solid var(--royal-blue);border-radius:8px;padding:12px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:block}.mob-reg{background:var(--royal-blue);color:#fff;text-align:center;border-radius:8px;width:100%;padding:14px;font-weight:700;text-decoration:none;display:block;box-shadow:0 4px 10px #014aa233}:root{--deep-navy:#1a365d;--royal-blue:#2b6cb0;--medium-blue:#3182ce;--sky-blue:#ebf8ff;--white:#fff;--footer-border:#ffffff1a}.main-footer{background:var(--deep-navy);color:var(--white);padding-top:70px}.footer-container{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px;width:100%;max-width:1300px;margin:0 auto;padding:0 40px;display:grid}.footer-logo{margin-bottom:20px;font-size:30px;font-weight:800}.brand-desc{color:#cbd5e0;margin-bottom:25px;font-size:14px;line-height:1.8}.footer-logo-wrap{background:#fff;border:1px solid #ffffff1a;border-radius:8px;align-items:center;margin-bottom:25px;padding:10px 15px;display:inline-flex;box-shadow:0 4px 15px #0003}.footer-logo-img{object-fit:contain;width:auto;height:48px}.app-download-links{gap:12px;margin-top:20px;display:flex}.store-btn{border:1px solid var(--footer-border);cursor:pointer;background:#ffffff14;border-radius:6px;align-items:center;gap:10px;padding:8px 15px;transition:all .3s;display:flex}.store-btn:hover{background:var(--royal-blue);border-color:var(--royal-blue)}.store-icon{font-size:20px}.store-btn span{font-size:12px;font-weight:600}.footer-col h3{color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;font-size:17px;font-weight:700}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#cbd5e0;font-size:14px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--white);padding-left:5px}.newsletter-box{background:var(--white);border-radius:8px;margin-bottom:20px;padding:5px;display:flex}.newsletter-box input{border:none;outline:none;flex:1;padding:10px;font-size:14px}.newsletter-box button{background:var(--royal-blue);color:var(--white);cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-weight:700}.footer-contact-info p{color:#cbd5e0;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.blue-icon{color:var(--medium-blue)}.language-selector{border:1px solid var(--footer-border);background:#ffffff0d;border-radius:5px;align-items:center;gap:10px;margin-top:20px;padding:8px 15px;display:inline-flex}.language-selector select{color:var(--white);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.social-links-row{gap:15px;margin-bottom:20px;display:flex}.social-circle{color:var(--white);font-size:18px;transition:all .3s}.social-circle:hover{color:var(--medium-blue);transform:translateY(-3px)}.footer-divider{background:var(--footer-border);height:1px;margin-top:50px}.footer-bottom{color:#a0aec0;padding:30px 0;font-size:13px}.bottom-flex{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.bottom-links{gap:20px;display:flex}.bottom-links a{color:#a0aec0;text-decoration:none}.bottom-links a:hover{color:var(--white)}.highlight{color:var(--white);font-weight:600}@media (max-width:1024px){.footer-container{grid-template-columns:1fr 1fr}.main-footer{display:none!important}}@media (max-width:600px){.footer-container{grid-template-columns:1fr}.bottom-flex{text-align:center;flex-direction:column;gap:15px}}:root{--deep-navy:#1a365d;--royal-blue:#2b6cb0;--medium-blue:#3182ce;--sky-blue:#ebf8ff;--white:#fff}.hero-section{background:url(https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1920&q=80) 50%/cover;height:85vh;position:relative}.hero-overlay{height:100%;color:var(--white);background:linear-gradient(90deg,#1a365de6,#2b6cb0b3);align-items:center;display:flex}.hero-content{max-width:800px}.hero-title{margin-bottom:15px;font-size:46px;font-weight:800;line-height:1.2}.text-accent{color:#ecc94b}.hero-subtitle{opacity:.9;margin-bottom:30px;font-size:16px}.search-wrapper{background:var(--white);border-radius:12px;padding:8px;position:relative;box-shadow:0 10px 30px #0003}.search-inner{align-items:center;display:flex}.search-icon{color:var(--royal-blue);margin:0 15px;font-size:20px}.search-inner input{border:none;outline:none;flex:1;padding:15px;font-size:16px}.btn-search{background:var(--royal-blue);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:15px 35px;font-weight:700}.hero-badges{gap:20px;margin-top:25px;display:flex}.hero-badges span{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.sub-tag{color:var(--royal-blue);text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:800}.section-heading{color:var(--deep-navy);margin-top:10px;font-size:36px}.programs-section{background:var(--sky-blue);padding:100px 0}.programs-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.program-card{background:var(--white);border:1px solid #0000000d;border-radius:15px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.program-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #1a365d1a}.card-body{flex:1;padding:30px}.card-body h3{color:var(--deep-navy);margin-bottom:15px;font-size:22px}.card-body p{color:#4a5568;margin-bottom:20px;font-size:14px}.feature-list{padding:0;list-style:none}.feature-list li{color:var(--deep-navy);align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.check-icon{color:#48bb78}.card-footer{background:#f7fafc;padding:20px 30px}.btn-consult{background:var(--royal-blue);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:6px;padding:12px;font-weight:700;transition:all .3s}.btn-consult:hover{background:var(--deep-navy)}.who-we-are{background:var(--white);padding:100px 0}.about-text h2{color:var(--deep-navy);margin:10px 0;font-size:34px}.about-text p{color:#4a5568;margin-bottom:15px;font-size:14px;line-height:1.7}.why-choose-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.why-card{background:var(--sky-blue);text-align:center;border:1px solid #bee3f8;border-radius:12px;padding:30px}.why-icon{color:var(--royal-blue);margin-bottom:15px;font-size:30px}.why-card h4{color:var(--deep-navy);font-size:16px}.modules-section{text-align:center;background:#f8fafc;padding:100px 0}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;display:grid}.module-card{background:var(--white);border-radius:15px;padding:40px 30px;box-shadow:0 4px 15px #0000000d}.module-icon{color:var(--royal-blue);margin-bottom:20px;font-size:40px}.home-cta{color:var(--white);text-align:center;background:linear-gradient(135deg,#1e3a8a 0%,#172554 100%);padding:100px 0;position:relative;overflow:hidden}.home-cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 80% 70%,#3b82f626 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.home-cta h2{letter-spacing:-1px;text-shadow:0 4px 10px #00000080;margin-bottom:20px;font-size:42px;font-weight:800}.home-cta p{opacity:.9;max-width:600px;margin:0 auto;font-size:18px}.cta-btns{justify-content:center;gap:25px;margin-top:40px;display:flex}.btn-blue-solid{background:var(--royal-blue);color:var(--white);cursor:pointer;border:none;border-radius:50px;padding:18px 45px;font-size:16px;font-weight:800;transition:all .3s;box-shadow:0 10px 20px #0003}.btn-blue-solid:hover{background:#3182ce;transform:translateY(-3px);box-shadow:0 15px 30px #0000004d}.btn-blue-outline{color:var(--white);border:2px solid var(--white);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:50px;padding:16px 45px;font-size:16px;font-weight:800;transition:all .3s}.btn-blue-outline:hover{color:var(--royal-blue);background:#fff;transform:translateY(-3px)}.btn-primary-blue{background-color:var(--royal-blue);color:var(--white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:14px 30px;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #2b6cb033}.btn-primary-blue:hover{background-color:var(--deep-navy);transform:translateY(-2px);box-shadow:0 6px 15px #1a365d4d}.search-suggestions-overlay{z-index:100;background:#fff;border:1px solid #eee;border-radius:12px;position:absolute;top:110%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #00000026}.suggestion-row{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;padding:12px 20px;text-decoration:none;transition:background .2s;display:flex}.suggestion-row:hover{background:#f0f7ff}.suggestion-row .s-title{color:#333;font-size:15px;font-weight:600}.suggestion-row .s-tag{color:#014aa2;text-transform:uppercase;background:#eef4ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}@media (max-width:768px){.suggestion-row{padding:15px 20px}}@media (max-width:1024px){.hero-title{font-size:38px}.grid-2{gap:40px}}@media (max-width:768px){.hero-section{height:auto;min-height:600px;padding:0}.hero-overlay{background:linear-gradient(135deg,#1a365dfa,#2b6cb0e6);align-items:center;min-height:600px;padding:80px 0;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:100%;margin:0 auto;display:flex}.hero-title{letter-spacing:-.8px;margin-bottom:25px;padding:0 10px;font-size:32px;line-height:1.25}.hero-subtitle{opacity:.95;max-width:90%;margin:0 auto 35px;font-size:15px;line-height:1.7}.search-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;width:100%;max-width:450px;padding:12px}.search-inner{flex-direction:column;gap:8px}.search-inner input{text-align:center;width:100%;color:var(--deep-navy);background:#fff;border:none;border-radius:10px;padding:14px 15px;font-size:15px;font-weight:500}.btn-search{background:var(--royal-blue);border-radius:10px;width:100%;padding:12px;font-size:15px;box-shadow:0 4px 15px #014aa24d}.hero-badges{flex-direction:column;align-items:center;gap:12px;margin-top:35px}.hero-badges span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-radius:40px;justify-content:center;width:100%;max-width:250px;padding:10px 20px;font-size:13px}.grid-2{grid-template-columns:1fr;gap:50px}.section-heading{font-size:26px}.programs-section,.who-we-are,.modules-section,.home-cta{padding:70px 0}.programs-grid{grid-template-columns:1fr}.cta-btns{flex-direction:column;gap:15px;padding:0 25px}.btn-blue-solid,.btn-blue-outline{border-radius:12px;width:100%;padding:18px;font-size:16px}.home-cta h2{margin-bottom:25px;font-size:28px}}@media (max-width:480px){.hero-title{font-size:24px}.container{padding:0 20px}.hero-subtitle{font-size:14px}}.success-stories{background:var(--sky-blue);padding:80px 0}.text-center{text-align:center;margin-bottom:40px}.section-subheading{color:var(--text-gray);max-width:600px;margin:10px auto 0}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.testimonial-card{background:#fff;border:1px solid #0000000d;border-radius:15px;flex-direction:column;justify-content:space-between;padding:30px;transition:transform .3s;display:flex;box-shadow:0 10px 30px #0000000d}.testimonial-card:hover{transform:translateY(-5px)}.card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.quote-icon{color:var(--royal-blue);opacity:.2;font-size:30px}.stars{color:var(--accent-yellow);font-size:14px}.testimonial-text{color:var(--text-gray);margin-bottom:25px;font-size:16px;font-style:italic;line-height:1.6}.student-profile{border-top:1px solid #f0f0f0;align-items:center;gap:15px;padding-top:20px;display:flex}.student-img{object-fit:cover;border-radius:50%;width:50px;height:50px}.student-info h4{color:var(--deep-navy);margin:0;font-size:18px}.student-course{color:var(--medium-blue);align-items:center;gap:5px;margin:0;font-size:14px;font-weight:600;display:flex}@media (max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.lead-form-section{background:#fff;padding:60px 0}.form-card{background:#f8fbff;border:1px solid #e1e9f5;border-radius:20px;max-width:850px;margin:0 auto;padding:40px;box-shadow:0 15px 50px #014aa214}.form-header{text-align:center;margin-bottom:35px}.form-header h2{color:#014aa2;margin-bottom:10px;font-size:32px;font-weight:800}.form-header p{color:#555;font-size:18px;font-weight:600}.form-row{gap:20px;margin-bottom:20px;display:flex}.input-group{flex-direction:column;flex:1;gap:8px;display:flex}.input-group label{color:#333;font-size:14px;font-weight:700}.input-group input,.input-group select{background:#fff;border:2px solid #e1e9f5;border-radius:10px;outline:none;padding:14px 18px;font-size:16px;transition:all .2s}.input-group input:focus,.input-group select:focus{border-color:#014aa2;box-shadow:0 0 0 4px #014aa20d}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#014aa2;border:none;border-radius:10px;width:100%;margin-top:20px;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.submit-btn:hover{background:#013a80;box-shadow:0 8px 25px #014aa24d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-status{text-align:center;border-radius:8px;margin-top:20px;padding:15px;font-weight:600}.form-status.success{color:#155724;background:#d4edda}.form-status.error{color:#721c24;background:#f8d7da}@media (max-width:768px){.form-row{flex-direction:column;gap:15px}.form-card{padding:25px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f1729d1;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:160px 20px 60px;animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.consultation-modal{text-align:center;background:#fff;border-radius:20px;width:560px;max-width:95%;padding:30px;animation:.5s cubic-bezier(.165,.84,.44,1) slideDown;position:relative;box-shadow:0 40px 100px -20px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{margin-bottom:25px}.modal-header h2{color:#1e3a8a;margin-bottom:5px;font-size:28px;font-weight:800}.modal-header p{color:#475569;margin-top:5px;font-size:15px;line-height:1.4}.input-group{text-align:left;margin-bottom:18px}.input-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.input-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.input-group input,.input-group textarea{color:#1e293b;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input:focus,.input-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.submit-consult-btn{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:320px;margin:10px auto 0;padding:18px;font-size:17px;font-weight:800;transition:all .3s;display:flex}.submit-consult-btn:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 10px 20px #1e3a8a33}.submit-consult-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.success-view{text-align:center;padding:20px 0;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}.success-icon{color:#22c55e;margin-bottom:20px;font-size:80px}.success-view h2{color:#0f172a;margin-bottom:10px}.success-view p{color:#64748b;font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-btn{cursor:pointer;color:#64748b;z-index:10;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}@media (max-width:600px){.input-grid{grid-template-columns:1fr}}:root{--brand-blue:#2563eb;--bg-color:#f8fafc;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0}.clean-login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:10px 20px;font-family:Inter,sans-serif;display:flex}.login-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a}.login-header{text-align:center;margin-bottom:32px}.brand-logo{height:48px;margin-bottom:16px}.login-header h1{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.login-header p{color:var(--text-secondary);font-size:15px}.error-banner{color:#e11d48;text-align:center;background-color:#fff1f2;border:1px solid #fecdd3;border-radius:6px;margin-bottom:24px;padding:12px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group input{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:8px;outline:none;padding:12px 14px;font-size:15px}.form-group input:focus{border-color:var(--brand-blue);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%}.toggle-btn{color:var(--brand-blue);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.forgot-container{justify-content:flex-end;margin-top:4px;display:flex}.forgot-container a{color:var(--brand-blue);font-size:13px;font-weight:500;text-decoration:none}.forgot-container a:hover{text-decoration:underline}.signin-btn{background-color:var(--brand-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:10px;padding:12px;font-size:16px;font-weight:600}.login-footer{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:14px}.login-footer a{color:var(--brand-blue);font-weight:600;text-decoration:none}.etms-register-container{background:linear-gradient(135deg,#f8faff 0%,#eff6ff 100%);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px;font-family:Outfit,sans-serif;display:flex}.etms-register-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.5s ease-out etmsFadeIn;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}@keyframes etmsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.etms-register-header{text-align:center;margin-bottom:32px}.etms-register-header img{filter:drop-shadow(0 4px 6px #0000000d);height:54px;margin-bottom:16px}.etms-register-header h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.etms-register-header p{color:#64748b;margin-top:8px;font-size:14px;font-weight:500}.etms-alert{text-align:center;border:1px solid #0000;border-radius:12px;margin-bottom:24px;padding:14px;font-size:13.5px;font-weight:600}.etms-alert.error{color:#b91c1c;background:#fef2f2;border-color:#fee2e2}.etms-alert.success{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.etms-register-form{flex-direction:column;gap:20px;display:flex}.etms-input-group{flex-direction:column;gap:8px;display:flex}.etms-input-group label{color:#334155;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.etms-input-group input{color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:14.5px;transition:all .2s cubic-bezier(.4,0,.2,1)}.etms-input-group input:focus{background-color:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.etms-input-wrapper{align-items:center;display:flex;position:relative}.etms-input-wrapper input{width:100%}.etms-email-locked{color:#64748b!important;cursor:not-allowed!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}.etms-lock-icon{opacity:.5;font-size:14px;position:absolute;right:14px}.etms-locked-badge{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.etms-email-hint{color:#64748b;margin-top:4px;font-size:12px;font-weight:500}.etms-validation-error{color:#ef4444;margin-top:4px;font-size:12px;font-weight:600}.etms-password-wrapper{align-items:center;display:flex;position:relative}.etms-password-wrapper input{width:100%;padding-right:50px}.etms-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;transition:all .2s;position:absolute;right:14px}.etms-password-toggle:hover{color:#1e293b;background:#f1f5f9}.etms-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;margin-top:10px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.etms-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb4d}.etms-submit-btn:active:not(:disabled){transform:translateY(0)}.etms-submit-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale()}.etms-google-badge,.etms-manual-badge{border:1px solid;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:12px;font-size:13.5px;font-weight:700;display:flex}.etms-google-badge{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.etms-manual-badge{color:#075985;background:#f0f9ff;border-color:#bae6fd}.etms-google-badge-icon{width:20px;height:20px}.etms-check-icon{width:18px;height:18px}.etms-register-footer{text-align:center;color:#64748b;margin-top:32px;font-size:14px;font-weight:500}.etms-register-footer a{color:#2563eb;margin-left:4px;font-weight:700;text-decoration:none}.etms-register-footer a:hover{text-decoration:underline}.etms-phone-row{align-items:stretch;gap:10px;display:flex}.etms-phone-row input{flex:1}.etms-otp-send-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:12px;padding:0 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.etms-otp-send-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.etms-otp-send-btn:disabled{cursor:not-allowed;background:#93c5fd}.etms-verified-tag{color:#16a34a;background:#dcfce7;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.etms-otp-section{background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;margin-top:8px;padding:16px;animation:.3s etmsFadeIn}.etms-otp-hint{color:#0369a1;text-align:center;margin:0 0 14px;font-size:13px;font-weight:500}.etms-otp-boxes{justify-content:center;gap:8px;margin-bottom:14px;display:flex}.etms-otp-box{text-align:center;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:46px;height:52px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800;transition:all .2s}.etms-otp-box:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.etms-otp-box.filled{color:#15803d;background:#f0fdf4;border-color:#16a34a}.etms-otp-verify-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;width:100%;margin-top:4px;padding:12px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.etms-otp-verify-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #16a34a40}.etms-otp-verify-btn:disabled{opacity:.5;cursor:not-allowed}.etms-otp-note{text-align:center;color:#94a3b8;margin-top:-10px;font-size:12px;font-weight:600}.etms-strength-bar-wrap{align-items:center;gap:10px;margin-top:8px;display:flex}.etms-strength-bar{flex:1;gap:4px;display:flex}.etms-strength-segment{border-radius:99px;flex:1;height:5px;transition:background .3s}.etms-strength-label{text-align:right;min-width:72px;font-size:12px;font-weight:700;transition:color .3s}.etms-pw-rules{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:8px;padding:14px 16px;animation:.2s etmsFadeIn}.etms-pw-rules-title{color:#475569;margin:0 0 10px;font-size:12px;font-weight:700}.etms-pw-rule{color:#94a3b8;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;transition:color .2s;display:flex}.etms-pw-rule:last-child{margin-bottom:0}.etms-pw-rule-icon{color:#0000;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.etms-pw-rule.passed{color:#16a34a}.etms-pw-rule.passed .etms-pw-rule-icon{color:#fff;background:#16a34a;border-color:#16a34a}.etms-terms-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px}.etms-terms-label{cursor:pointer;color:#475569;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.etms-terms-checkbox{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.etms-terms-label a{color:#2563eb;font-weight:700;text-decoration:none}.etms-terms-label a:hover{text-decoration:underline}@media (max-width:480px){.etms-register-card{border-radius:20px;padding:32px 24px}.etms-register-header h1{font-size:22px}}:root{--primary-blue:#2563eb;--primary-indigo:#4f46e5;--text-dark:#0f172a;--text-muted:#64748b;--bg-gradient:linear-gradient(135deg, #f8faff 0%, #eff6ff 50%, #f5f3ff 100%);--card-glass:#ffffffe6}.gs-container{background:var(--bg-gradient);justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px 20px;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.gs-blob{filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;animation:12s ease-in-out infinite gsFloat;position:absolute}.gs-blob-1{background:radial-gradient(circle,#e0e7ff,#c7d2fe);width:450px;height:450px;top:-150px;left:-100px}.gs-blob-2{background:radial-gradient(circle,#ede9fe,#ddd6fe);width:350px;height:350px;animation-delay:-4s;bottom:-100px;right:-50px}.gs-blob-3{background:radial-gradient(circle,#dbeafe,#bfdbfe);width:250px;height:250px;animation-delay:-7s;top:40%;left:60%}@keyframes gsFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.1)}}.gs-card{background:var(--card-glass);-webkit-backdrop-filter:blur(24px);z-index:10;border:1px solid #fff;border-radius:28px;width:100%;max-width:440px;padding:50px 40px;animation:.6s cubic-bezier(.22,1,.36,1) gsFadeInUp;position:relative;box-shadow:0 25px 50px -12px #00000014,0 10px 30px -10px #6366f11a}@keyframes gsFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gs-header{text-align:center;margin-bottom:38px}.gs-logo-wrap{background:linear-gradient(135deg,#f5f8ff,#e0e7ff);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:inline-flex;box-shadow:0 8px 20px #6366f11a}.gs-logo{object-fit:contain;width:40px;height:40px}.gs-title{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}.gs-subtitle{color:var(--text-muted);font-size:15px;font-weight:500}.gs-options{flex-direction:column;gap:16px;display:flex}#google-btn-container{justify-content:center;width:100%;min-height:44px;display:flex}.gs-google-custom-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-weight:600;transition:all .2s;display:flex}.gs-google-custom-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.gs-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:15px;margin:10px 0;font-size:13px;font-weight:600;display:flex}.gs-divider:before,.gs-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.gs-email-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #2563eb33}.gs-email-btn svg{flex-shrink:0;width:18px;height:18px}.gs-email-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb4d}.gs-email-btn:active{transform:translateY(0)}.gs-footer{text-align:center;color:var(--text-muted);margin-top:32px;font-size:14px}.gs-link{color:var(--primary-blue);margin-left:4px;font-weight:700;text-decoration:none}.gs-link:hover{text-decoration:underline}.gs-form-group{flex-direction:column;gap:8px;display:flex}.gs-form-label{color:#1e293b;font-size:14px;font-weight:600}.gs-input{background:#fcfdfe;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.gs-input:focus{border-color:var(--primary-blue);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.gs-alert{border-radius:14px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;font-size:14px;font-weight:500;line-height:1.4;animation:.4s ease-out gsFadeInUp;display:flex}.gs-alert svg{flex-shrink:0;width:20px;height:20px}.gs-alert-error{color:#9f1239;background:#fff1f2;border:1px solid #ffe4e6}.gs-alert-success{color:#166534;background:#f0fdf4;border:1px solid #dcfce7}@media (max-width:480px){.gs-card{border-radius:20px;padding:40px 24px}}:root{--auth-brand:#2563eb;--auth-bg:#f8fafc;--auth-text-main:#0f172a;--auth-text-sub:#64748b;--auth-border:#e2e8f0}.auth-container{background-color:var(--auth-bg);justify-content:center;align-items:center;min-height:100vh;padding:10px 20px;font-family:Inter,sans-serif;display:flex}.auth-card{border:1px solid var(--auth-border);background:#fff;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a}.auth-header{text-align:center;margin-bottom:32px}.auth-icon-circle{background:#2563eb1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.auth-icon{color:var(--auth-brand);font-size:24px}.auth-header h1{color:var(--auth-text-main);margin-bottom:8px;font-size:24px;font-weight:700}.auth-header p{color:var(--auth-text-sub);font-size:15px}.auth-form{flex-direction:column;gap:20px;display:flex}.input-with-icon{position:relative}.input-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;font-size:16px;transition:color .2s;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input-clean{border:2px solid var(--auth-border);background-color:var(--auth-bg);width:100%;color:var(--auth-text-main);box-sizing:border-box;border-radius:10px;outline:none;padding:13px 16px;font-size:15px;transition:all .2s ease-in-out}.auth-input-clean:focus{border-color:var(--auth-brand);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.auth-btn{background-color:var(--auth-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:12px;font-size:16px;font-weight:600;transition:background-color .2s}.auth-btn:hover:not(:disabled){background-color:#1d4ed8}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#e11d48;text-align:center;background-color:#fff1f2;border:1px solid #fecdd3;border-radius:6px;margin-bottom:8px;padding:12px;font-size:14px}.auth-success{color:#16a34a;text-align:center;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:8px;padding:12px;font-size:14px}.auth-footer{text-align:center;margin-top:24px}.back-link{color:var(--auth-text-sub);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:var(--auth-brand)}.otp-input-container{justify-content:center;gap:12px;margin:16px 0;display:flex}.otp-digit{background-color:var(--auth-bg);border:1px solid var(--auth-border);text-align:center;width:50px;height:60px;color:var(--auth-text-main);border-radius:8px;font-size:20px;font-weight:700;transition:all .2s}.otp-digit:focus{border-color:var(--auth-brand);background-color:#fff;outline:none;box-shadow:0 0 0 4px #2563eb1a}.text-brand{color:var(--auth-brand)}.resend-section{border-top:1px solid var(--auth-border);margin-top:30px;padding-top:20px}.resend-text{color:var(--auth-text-sub);font-size:14px;line-height:1.6}.timer-text{color:var(--auth-text-main);font-weight:600}.resend-link-btn{color:var(--auth-brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.resend-link-btn:hover{color:#1d4ed8}.resend-link-btn:disabled{color:var(--auth-text-sub);cursor:not-allowed;text-decoration:none}.success-card{text-align:center}.success-icon-bg{background-color:#f0fdf4!important}.success-icon{color:#16a34a;font-size:24px}.success-title{color:#16a34a!important}.success-message{color:var(--auth-text-sub);line-height:1.5}.no-underline{text-decoration:none}.block{display:block}.text-center{text-align:center}.notification-bell-container{margin:0 10px;position:relative}.nav-bell-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:all .2s;display:flex;position:relative}.nav-bell-btn:hover{color:#2563eb;background:#f1f5f9}.notif-badge-pulsing{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:9px;font-weight:800;animation:2s infinite pulseNotif;display:flex;position:absolute;top:6px;right:6px}@keyframes pulseNotif{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1)}}.notif-glass-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;width:320px;margin-top:12px;animation:.2s cubic-bezier(.16,1,.3,1) slideDrop;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideDrop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notif-drop-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px;display:flex}.notif-drop-header h3{color:#1e293b;margin:0;font-size:14px;font-weight:700}.notif-drop-header span{color:#2563eb;background:#eff6ff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.notif-drop-body{max-height:380px;overflow-y:auto}.notif-row-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex;position:relative}.notif-row-item:hover{background:#f8fafc}.notif-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.notif-icon.le{color:#ef4444;background:#fee2e2}.notif-icon.us{color:#10b981;background:#ecfdf5}.notif-icon.qu{color:#0ea5e9;background:#e0f2fe}.notif-icon.sy{color:#64748b;background:#f1f5f9}.notif-icon.an{color:#7c3aed;background:#ede9fe}.notif-content{flex:1}.notif-msg{color:#334155;margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.4}.notif-time{color:#94a3b8;align-items:center;gap:4px;font-size:11px;display:flex}.notif-check-btn{color:#cbd5e1;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;font-size:12px;transition:all .2s}.notif-row-item:hover .notif-check-btn{opacity:1}.notif-check-btn:hover{color:#10b981;background:#e2e8f0}.notif-drop-footer{text-align:center;background:#f8fafc;padding:12px}.notif-drop-footer a{color:#2563eb;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.notif-drop-footer a:hover{color:#1d4ed8}.notif-empty-state{text-align:center;color:#94a3b8;padding:32px 16px}.ghost-bell{opacity:.1;margin-bottom:12px;font-size:40px}.notif-empty-state p{margin:0;font-size:13px;font-weight:500}@media (max-width:520px){.notif-glass-dropdown{border-radius:14px;width:auto;max-width:none;max-height:72vh;margin-top:0;position:fixed;top:64px;left:8px;right:8px;overflow-y:auto}.notif-drop-body{max-height:calc(72vh - 110px)}.notif-msg{font-size:12px}.notif-row-item{padding:11px 12px}.notif-check-btn{opacity:1}}:root{--navy-dark:#0f172a;--navy-main:#1e3a5f;--navy-light:#1e4976;--blue-royal:#014aa2;--blue-hover:#014aa20d;--white:#fff;--text-main:#1e293b;--text-gray:#4a5568}.dashboard-page-wrapper{background-color:#f7fafc;flex-direction:column;width:100%;min-height:100vh;display:flex}.hamburger-btn,.mobile-bell-btn,.mobile-drawer,.drawer-overlay,.mobile-tab-bar,.mobile-header-actions{display:none}.content-fluid-wrapper{width:100%;overflow-x:hidden}.nav-container-inner{box-sizing:border-box;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 16px;display:flex}.dashboard-view-content .nav-container-inner{max-width:100%;padding:0}.top-contact-bar{background:var(--navy-dark);color:#ffffffa6;padding:7px 0;font-size:11.5px}.contact-left{align-items:center;gap:14px;display:flex}.contact-left span{align-items:center;gap:6px;display:flex}.v-sep{opacity:.25;margin:0 4px}.social-right{color:#ffffff8c;align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}.social-right svg,.social-right>*{cursor:pointer;transition:color .15s}.social-right>:hover{color:#fff}.main-dashboard-header{z-index:1000;background:#fff;border-bottom:1px solid #0000000f;align-items:center;height:70px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #1a365d14}.logo-section-left{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon-box{width:44px;height:44px;color:var(--blue-royal);background:#fff;border:1px solid #eee;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex;box-shadow:0 4px 10px #0000000f}.brand-logo-img{object-fit:contain;width:auto;height:40px}.brand-name{color:var(--navy-dark);margin:0;font-size:18px;font-weight:800;line-height:1.1}.brand-tagline{color:#64748b;letter-spacing:.13em;font-size:9px;font-weight:700;display:block}.nav-right-collapse{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.header-nav-menu{justify-content:flex-start;align-items:center;gap:4px;margin-left:16px;padding:0;display:flex}.nav-menu-link{color:var(--text-gray);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-menu-link:hover,.nav-menu-link.active{background:var(--blue-hover);color:var(--blue-royal)}.active-btn{background:var(--blue-royal)!important;color:#fff!important}.drop-icon{opacity:.7;flex-shrink:0;width:10px;height:10px;transition:transform .2s}.drop-icon.rotate{opacity:.9;transform:rotate(180deg)}.nav-dropdown{position:relative}.mega-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.mega-menu{z-index:2000;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #0000000f;border-radius:20px;justify-content:center;gap:50px;width:max-content;margin:0;padding:24px 36px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 15px);left:50%;right:auto;transform:translate(-50%)translateY(10px);box-shadow:0 25px 50px #0000001f}.mega-group{flex-direction:column;gap:12px;min-width:250px;padding:0;display:flex}.mega-items-grid{flex-direction:column;gap:8px;display:flex}@media (min-width:1025px){.mega-items-grid.is-multi-column{grid-template-columns:repeat(2,1fr);gap:10px 40px;min-width:580px;display:grid}}.mega-group:first-child{padding-left:0}.mega-group:last-child{padding-right:0}.mega-group+.mega-group{border-left:1px solid #f1f5f9}.mega-group-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #f1f5f9;margin-bottom:6px;padding-bottom:8px;font-size:9.5px;font-weight:800}.mega-link{color:var(--text-main);border:1px solid #0000;border-radius:14px;align-items:flex-start;gap:16px;padding:14px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.mega-link:hover{background:#eff6ff;border-color:#2b6cb014;transform:translate(6px)}.mega-icon-box{width:44px;height:44px;color:var(--blue-royal);background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.mega-link:hover .mega-icon-box{background:var(--blue-royal);color:#fff;transform:scale(1.1)}.mega-link-text{flex-direction:column;gap:4px;display:flex}.mega-link-name{color:#1e293b;font-size:14px;font-weight:700;line-height:1.2}.mega-link-desc{color:#64748b;font-size:11px;font-weight:500;line-height:1.5}.mega-link:hover .mega-link-name{color:var(--blue-royal)}.mega-link:hover .mega-link-desc{color:#3b82f6}.user-actions-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-user-info{align-items:center;gap:8px;display:flex}.nav-user-text{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.nav-user-role{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:8.5px;font-weight:800}.nav-user-id{color:var(--navy-dark);opacity:.8;font-size:10px;font-weight:700}.nav-avatar{background:var(--blue-royal);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.nav-logout-btn{color:var(--blue-royal);cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;margin-right:4px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}.nav-logout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.dashboard-view-content{flex:1;width:100%}@media (max-width:1024px){.top-contact-bar,.nav-right-collapse{display:none!important}.dashboard-page-wrapper{max-width:100%;padding:0}.main-dashboard-header{border-bottom:1px solid #0000000d;height:64px;padding:0 16px}.mobile-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex!important}.mobile-id-badge{color:#1e40af;letter-spacing:-.01em;background:#eff6ff;border:1px solid #1e40af1a;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}.hamburger-btn{cursor:pointer;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4.5px;width:38px;height:38px;padding:0;transition:all .2s;background:#f8fafc!important;display:flex!important}.hamburger-btn:active{transform:scale(.95);background:#f1f5f9!important}.hamburger-btn span{background:var(--navy-dark);border-radius:4px;width:20px;height:2px;display:block}.mobile-drawer{z-index:200001;background:#fff;flex-direction:column;width:85%;max-width:340px;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:20px 0 60px #0f172a26}.mobile-drawer.open{transform:translate(0)}.drawer-header{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 100%);justify-content:space-between;align-items:flex-start;padding:30px 24px;display:flex;position:relative}.drawer-header:after{content:"";background:#ffffff1a;height:1px;position:absolute;bottom:-1px;left:0;right:0}.drawer-user{align-items:center;gap:14px;display:flex}.avatar-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:800;display:flex}.user-info-text{flex-direction:column;gap:2px;display:flex}.user-name{letter-spacing:-.01em;font-size:18px;font-weight:700}.user-id{opacity:.6;font-size:12px;font-weight:600}.drawer-close-x{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.drawer-close-x:hover{background:#fff3}.drawer-scroll-area{scrollbar-width:none;flex:1;padding:12px 0 100px;overflow-y:auto}.drawer-scroll-area::-webkit-scrollbar{display:none}.drawer-section-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.1em;padding:24px 24px 10px;font-size:11px;font-weight:800}.drawer-item{color:#475569;border-left:4px solid #0000;align-items:center;gap:14px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.drawer-item:active{background:#f8fafc}.drawer-item.active{color:#1d4ed8;background:#eff6ff;border-left-color:#1d4ed8}.drawer-divider{background:#f1f5f9;height:1px;margin:16px 24px}.drawer-logout{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin-top:8px;color:#ef4444!important}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;opacity:0;visibility:hidden;background:#0f172a80;transition:all .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.mobile-tab-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:180000;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;border-top:1px solid #0000000d;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a0a;display:flex!important}.tab-item{color:#64748b;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;text-decoration:none;transition:all .2s;display:flex}.tab-item span{font-size:20px;transition:transform .2s}.tab-item label{text-transform:uppercase;letter-spacing:.02em;cursor:pointer;font-size:10px;font-weight:700}.tab-item.active{color:#1d4ed8}.tab-item.active span{transform:translateY(-2px)}.dashboard-view-content{background-color:#f8fafc;width:100%;min-width:100%;padding-top:15px;padding-bottom:90px;overflow-x:hidden}}.etms-chat-wrapper{transition:all .3s}@media (max-width:768px){.etms-chat-wrapper{bottom:100px!important;right:12px!important}}@media (max-height:600px){.drawer-header{padding:20px}.drawer-item{padding:12px 20px}}.qr-modal-overlay{z-index:10001;background:#000000f5;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qr-modal-box{text-align:center;background:#0f172a;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;max-height:95vh;padding:28px 24px 24px;overflow-y:auto}.qr-modal-icon{margin-bottom:12px;font-size:36px}.qr-modal-box h2{color:#fff;margin:0 0 6px;font-size:20px;font-weight:700}.qr-modal-box p{color:#94a3b8;margin:0 0 24px;font-size:14px}#qr-reader{background:#000;border:2px solid #0ea5e9;border-radius:16px;min-height:280px;overflow:hidden}.qr-scan-msg{border-radius:12px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:600}.qr-scan-msg.info{color:#38bdf8;background:#0ea5e91f;border:1px solid #0ea5e94d}.qr-scan-msg.error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.qr-cancel-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;width:100%;margin-top:20px;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s}.qr-cancel-btn:hover{opacity:.85}.qr-result-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10002;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qr-result-card{text-align:center;background:#0f172a;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 25px 60px #00000080}.qr-result-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:40px;display:flex}.qr-result-icon.success{color:#22c55e;background:#22c55e26;border:2px solid #22c55e4d}.qr-result-icon.fail{color:#ef4444;background:#ef444426;border:2px solid #ef44444d}.qr-result-card h2{color:#fff;margin-bottom:12px;font-size:24px;font-weight:800}.qr-result-card p{color:#94a3b8;margin-bottom:24px;font-size:15px;line-height:1.6}.qr-user-pill{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;margin-bottom:20px;padding:14px 18px}.qr-user-pill .name{color:#fff;font-size:17px;font-weight:700}.qr-user-pill .meta{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.qr-session-details{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:28px;padding:20px}.qr-session-row{justify-content:space-between;margin-bottom:10px;display:flex}.qr-session-row span:first-child{color:#64748b;font-size:13px}.qr-session-row span:last-child{color:#e2e8f0;font-size:14px;font-weight:600}.qr-divider{background:#ffffff0f;height:1px;margin:12px 0}.qr-duration{color:#0ea5e9!important;font-size:16px!important;font-weight:900!important}.qr-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#06f);border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s}.qr-close-btn:hover{opacity:.85}#qr-reader{color:#fff!important;background:#0f172a!important;border:2px solid #0ea5e9!important;border-radius:16px!important;padding:10px!important}#qr-reader img{opacity:.2}#qr-reader__dashboard_section_csr span,#qr-reader__dashboard_section_swaplink{color:#0ea5e9!important;font-weight:600!important;text-decoration:none!important}#qr-reader__dashboard_section_csr button,#qr-reader__dashboard_section_swaplink{cursor:pointer;margin:5px;font-family:inherit;color:#fff!important;background:#1e293b!important;border:1px solid #334155!important;border-radius:8px!important;padding:8px 16px!important}#qr-reader__camera_selection{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;width:100%;margin-bottom:10px;padding:8px}#qr-reader a{color:#38bdf8!important}#qr-reader button{cursor:pointer;font-weight:600;color:#fff!important;background:#0ea5e9!important;border:none!important;border-radius:8px!important;padding:8px 16px!important}#qr-reader__file_scan_input{color:#fff;background:#1e293b;border:1px dashed #475569;border-radius:8px;width:100%;margin-top:10px;padding:8px}:root{--utt-navy:#1e3a8a;--utt-navy-dk:#0f172a;--utt-blue:#2563eb;--utt-blue-lt:#eff6ff;--utt-green:#16a34a;--utt-green-lt:#dcfce7;--utt-red:#dc2626;--utt-red-lt:#fee2e2;--utt-border:#e2e8f0;--utt-muted:#64748b;--utt-bg:#f1f5fb;--utt-white:#fff;--utt-text:#1e293b;--utt-shadow:0 4px 24px #0f172a17;--utt-radius:16px}.utt-page{background:var(--utt-bg);min-height:100vh;color:var(--utt-text);padding:28px 36px 60px;font-family:Outfit,-apple-system,sans-serif}.utt-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.utt-header-left{align-items:center;gap:16px;display:flex}.utt-header-icon{background:linear-gradient(135deg, var(--utt-navy), var(--utt-blue));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex;box-shadow:0 6px 20px #2563eb4d}.utt-page-title{color:var(--utt-navy-dk);letter-spacing:-.5px;font-size:26px;font-weight:800}.utt-page-sub{color:var(--utt-muted);margin-top:3px;font-size:13px;font-weight:500}.utt-live-clock{text-align:right;background:var(--utt-white);border:1px solid var(--utt-border);box-shadow:var(--utt-shadow);border-radius:14px;padding:14px 24px}.utt-clock-time{color:var(--utt-navy-dk);letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;display:block}.utt-clock-date{color:var(--utt-muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.utt-stats-row{background:var(--utt-white);border:1px solid var(--utt-border);border-radius:var(--utt-radius);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #0000000a}.utt-status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;display:flex}.utt-status-in{background:var(--utt-green-lt);color:var(--utt-green)}.utt-status-out{color:#475569;background:#f1f5f9}.utt-status-dot,.dot-green,.dot-red{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-green{background:var(--utt-green);animation:1.5s infinite pulse-dot}.dot-red{background:var(--utt-red)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.utt-stat-mini{border-left:1px solid var(--utt-border);flex-direction:column;padding-left:20px;display:flex}.utt-stat-label{color:var(--utt-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.utt-stat-val{color:var(--utt-navy-dk);margin-top:2px;font-size:20px;font-weight:800}.utt-val-blue{color:var(--utt-blue)}.utt-punch-card{text-align:center;border:2px solid #0000;border-radius:24px;margin-bottom:24px;padding:48px 40px;transition:all .4s;position:relative;overflow:hidden}.utt-punch-card--in{background:linear-gradient(145deg,#ecfdf5,#d1fae5);border-color:#6ee7b7;box-shadow:0 8px 40px #10b98126}.utt-punch-card--out{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#93c5fd;box-shadow:0 8px 40px #2563eb1f}.utt-punch-card__bg-circles{pointer-events:none;position:absolute;inset:0}.utt-circle{opacity:.08;border-radius:50%;position:absolute}.utt-circle--1{background:radial-gradient(circle, var(--utt-blue), transparent);width:300px;height:300px;top:-80px;right:-80px}.utt-circle--2{background:radial-gradient(circle, var(--utt-navy), transparent);width:200px;height:200px;bottom:-60px;left:-40px}.utt-punch-card__content{z-index:1;position:relative}.utt-punch-status-icon{margin-bottom:16px;font-size:56px;display:block}.utt-punch-title{color:var(--utt-navy-dk);margin-bottom:10px;font-size:22px;font-weight:800}.utt-punch-sub{color:var(--utt-muted);max-width:480px;margin:0 auto 24px;font-size:14px;line-height:1.7}.utt-action-msg{border-radius:10px;max-width:460px;margin:0 auto 20px;padding:12px 20px;font-size:14px;font-weight:600}.utt-action-msg--ok{background:var(--utt-green-lt);color:var(--utt-green)}.utt-action-msg--err{color:var(--utt-red);background:#fee2e2}.utt-action-label{color:#1e293b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1.5px solid #00000014;border-radius:999px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.utt-action-label__icon{font-size:16px}.utt-action-label__text{letter-spacing:.2px}.utt-method-grid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff73;border:1.5px solid #ffffffb3;border-radius:18px;align-items:stretch;gap:0;width:100%;margin-top:16px;display:flex;overflow:hidden}.utt-method-card{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:22px 16px;transition:background .2s,transform .15s;display:flex;position:relative}.utt-method-card:hover:not(:disabled){transform:translateY(-2px)}.utt-method-card--in:hover:not(:disabled){background:#2563eb1a}.utt-method-card--out:hover:not(:disabled){background:#dc262614}.utt-method-card--quick:hover:not(:disabled){background:#64748b1a}.utt-method-card:disabled{opacity:.6;cursor:not-allowed}.utt-method-icon{font-size:32px;display:block}.utt-method-title{color:#0f172a;font-size:16px;font-weight:800;display:block}.utt-method-desc{color:#64748b;font-size:12px;font-weight:500;display:block}.utt-method-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#1e3a8a);border-radius:20px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.utt-method-badge--grey{color:#475569;background:#e2e8f0}.utt-method-or{color:#94a3b8;letter-spacing:1px;background:#fff6;border-left:1px solid #00000012;border-right:1px solid #00000012;flex-shrink:0;justify-content:center;align-items:center;width:36px;font-size:11px;font-weight:800;display:flex}@media (max-width:520px){.utt-method-grid{flex-direction:column}.utt-method-or{border:1px solid #00000012;border-left:none;border-right:none;width:100%;height:28px}}.utt-card{background:var(--utt-white);border:1px solid var(--utt-border);border-radius:var(--utt-radius);margin-bottom:24px;padding:24px;box-shadow:0 2px 12px #0000000d}.utt-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.utt-card-header h3{color:var(--utt-navy-dk);font-size:17px;font-weight:700}.utt-badge,.badge-outline{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.utt-badge{background:var(--utt-blue-lt);color:var(--utt-blue)}.badge-outline{border:1px solid var(--utt-border);color:var(--utt-muted)}.utt-badge-active{background:var(--utt-green-lt);color:var(--utt-green);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.utt-badge-done{color:var(--utt-muted);background:#f1f5f9;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.utt-table-wrap{overflow-x:auto}.utt-table{border-collapse:collapse;width:100%;font-size:14px}.utt-table th{text-align:left;color:var(--utt-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--utt-border);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:600}.utt-table td{color:var(--utt-text);border-bottom:1px solid #f8fafc;padding:14px 16px}.utt-table tr:last-child td{border-bottom:none}.utt-table tr:hover td{background:#f8fafc}.time-in{color:var(--utt-green);font-weight:700}.time-out{color:var(--utt-red);font-weight:700}.duration{color:var(--utt-blue);font-weight:800}.utt-empty{color:#94a3b8;padding:16px}.utt-empty-state{text-align:center;padding:48px 20px}.empty-icon{margin-bottom:14px;font-size:48px}.utt-empty-state h4{color:var(--utt-text);margin-bottom:8px;font-size:17px;font-weight:700}.utt-empty-state p{color:var(--utt-muted);font-size:14px}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.pulse-text{animation:1.5s ease-in-out infinite pulse}@media (max-width:768px){.utt-page{padding:16px}.utt-page-header{flex-direction:column;align-items:flex-start}.utt-live-clock{text-align:left;width:100%}.utt-stats-row{gap:12px;padding:14px 16px}.utt-stat-mini{padding-left:12px}.utt-punch-card{padding:32px 20px}.utt-punch-btn{padding:14px 32px;font-size:15px}.utt-clock-time{font-size:22px}.utt-direct-btn{padding:10px 24px;font-size:13px}}.utt-direct-btn{color:#334155;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffbf;border:2px solid #0f172a26;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:0;padding:14px 28px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.utt-direct-btn:hover:not(:disabled){border-color:var(--utt-blue);color:var(--utt-blue);background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb26}.utt-direct-btn:disabled{opacity:.5;cursor:not-allowed}.utt-geofence-notice{color:#64748b;background:#fff9;border:1px solid #64748b33;border-radius:8px;margin-top:18px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-block}@keyframes utt-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.utt-clickable-row{cursor:pointer;transition:background .18s}.utt-clickable-row:hover td{background:#eff6ff!important}.utt-view-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;transition:background .18s;display:inline-flex}.utt-clickable-row:hover .utt-view-btn{color:#fff;background:#2563eb;border-color:#2563eb}.utt-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999999;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out utt-fade-in;display:flex;position:fixed;inset:0}@keyframes utt-fade-in{0%{opacity:0}to{opacity:1}}.utt-modal{z-index:1000000;border-radius:20px;flex-direction:column;width:100%;max-width:620px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) utt-slide-up;display:flex;position:relative;overflow:hidden auto;box-shadow:0 30px 100px #0f172a4d;background:#fff!important}@keyframes utt-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.utt-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.utt-modal-header h2{color:#0f172a;font-size:18px;font-weight:800}.utt-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:background .15s;display:flex}.utt-modal-close:hover{color:#0f172a;background:#e2e8f0}.utt-modal-summary{border-bottom:1px solid #f1f5f9;gap:16px;padding:16px 24px;display:flex}.utt-sum-box{background:#f8fafc;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:14px 18px;display:flex}.utt-sum-box span{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.utt-sum-box strong{color:#1e293b;font-size:22px;font-weight:800}.utt-modal-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:16px 24px 8px;font-size:13px;font-weight:700}.utt-timeline{flex-direction:column;gap:0;padding:0 24px 24px;display:flex}.utt-tl-item{gap:16px;padding-bottom:20px;display:flex;position:relative}.utt-tl-item:last-child{padding-bottom:0}.utt-tl-item:not(:last-child):before{content:"";background:#e2e8f0;width:2px;position:absolute;top:18px;bottom:0;left:7px}.utt-tl-dot{z-index:1;background:#2563eb;border:3px solid #eff6ff;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px;position:relative}.utt-tl-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px 16px}.utt-tl-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.utt-tl-row strong{color:#1e293b;font-size:14px;font-weight:700}.utt-tl-dur{color:#2563eb;background:#eff6ff;border-radius:20px;padding:2px 10px;font-size:13px;font-weight:700}.utt-tl-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:5px;display:grid}.punch-status-in-val{color:#16a34a;font-size:15px;font-weight:700}.punch-status-out-val{font-size:15px;font-weight:700}.punch-status-method{color:#64748b;margin-top:4px;font-size:12px}.punch-status-distance{color:#64748b;font-size:12px}.punch-status-distance.far{color:#ea580c;font-weight:600}.punch-active-label{color:#16a34a;font-size:13px;font-weight:700}.punch-status-reason{border-radius:4px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.punch-status-reason.auto{color:#ea580c;background:#fff7ed}.punch-status-reason.ok{color:#16a34a;background:#f0fdf4}.utt-modal-header-sub{color:#64748b;margin-top:4px;font-size:13px;font-weight:500}.utt-tl-time{align-items:flex-start;gap:10px;display:flex}.utt-tl-time small{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.utt-in-icon,.utt-out-icon{flex-shrink:0;margin-top:2px;font-size:18px}@media (max-width:640px){.utt-tl-grid{grid-template-columns:1fr}.utt-modal-summary{flex-direction:column}.utt-modal{border-radius:14px}}.review-page-wrapper{max-width:1200px;margin:0 auto;padding:30px 40px;font-family:Outfit,sans-serif;animation:.4s ease-out fadeIn}.review-header{margin-bottom:30px}.review-header h1{color:#0f172a;margin-bottom:6px;font-size:28px;font-weight:800}.review-header p{color:#64748b;font-size:14px;font-weight:500}.review-content-grid{grid-template-columns:350px 1fr;gap:24px;display:grid}.review-identity-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:fit-content;padding:24px;display:flex}.identity-header{color:#334155;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:10px;font-size:14px;font-weight:800;display:flex}.identity-field{margin-bottom:18px}.identity-field label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.identity-value{color:#64748b;cursor:not-allowed;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:600}.identity-footer{color:#94a3b8;margin-top:auto;padding-top:15px;font-size:11px;font-style:italic;line-height:1.5}.review-interactive-card{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:32px;box-shadow:0 10px 40px #0f172a0f}.section-label{color:#0f172a;align-items:center;gap:8px;margin-bottom:15px;font-size:15px;font-weight:700;display:flex}.stars-container{gap:12px;margin-bottom:10px;display:flex}.rating-star{color:#e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.rating-star:hover{transform:scale(1.15)}.rating-star.active{color:#fbbf24;filter:drop-shadow(0 4px 6px #fbbf244d)}.rating-text{height:24px;margin-bottom:24px;font-size:14px;font-weight:600}.rating-desc.superb{color:#10b981}.rating-desc.good{color:#3b82f6}.rating-desc.average{color:#f59e0b}.rating-desc.poor{color:#f97316}.rating-desc.terrible{color:#ef4444}.fade-in{animation:.4s ease-out fadeIn}.feedback-textarea{color:#1e293b;resize:vertical;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px;transition:border-color .2s}.feedback-textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.review-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:24px;padding:16px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #2563eb40}.review-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #2563eb59}.review-submit-btn.disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1;transform:none}.inline-icon{font-size:18px}.text-green-500{color:#22c55e}.text-amber-500{color:#f59e0b}.review-error-msg{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:15px;padding:12px;font-size:13px;font-weight:600}.review-success-card{text-align:center;background:#fff;border:1px solid #dcfce7;border-radius:20px;max-width:600px;margin:40px auto;padding:60px 40px;box-shadow:0 20px 60px #10b9811a}.success-icon-wrapper{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.success-emoji{color:#10b981;font-size:40px}.review-success-card h2{color:#064e3b;margin-bottom:12px;font-size:28px;font-weight:800}.review-btn-primary{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;margin-top:20px;padding:12px 24px;font-weight:700;transition:opacity .2s}.review-btn-primary:hover{opacity:.9}.loader-spin{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:800px){.review-content-grid{grid-template-columns:1fr}}.admin-reviews-wrapper{max-width:1400px;margin:0 auto;padding:30px 40px;font-family:Outfit,sans-serif}.admin-reviews-header{margin-bottom:40px}.admin-reviews-header h1{color:#0f172a;font-size:28px;font-weight:800}.admin-reviews-header p{color:#64748b;margin-bottom:20px;font-size:15px}.stats-bar{gap:20px;display:flex}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:200px;padding:20px 30px;box-shadow:0 4px 6px -1px #0000000d}.stat-card h3{text-transform:uppercase;color:#64748b;margin-bottom:8px;font-size:13px;font-weight:700}.stat-card span{color:#1e293b;align-items:center;gap:8px;font-size:32px;font-weight:800;display:flex}.inline-star.active{color:#fbbf24;font-size:24px}.reviews-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;display:grid}.review-display-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s;display:flex;box-shadow:0 10px 25px -5px #0000000d}.review-display-card:hover{transform:translateY(-4px)}.review-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.reviewer-info{align-items:center;gap:12px;display:flex}.reviewer-avatar{color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.reviewer-details{flex-direction:column;display:flex}.reviewer-name{color:#1e293b;font-size:15px;font-weight:700}.reviewer-role{color:#8b5cf6;letter-spacing:.5px;font-size:12px;font-weight:600}.review-card-rating{gap:4px;display:flex}.admin-star{color:#e2e8f0;font-size:16px}.admin-star.active{color:#fbbf24}.review-card-body{color:#334155;background:#f8fafc;border-radius:12px;flex-grow:1;padding:16px;font-size:14px;line-height:1.6;position:relative}.quote-icon{color:#cbd5e1;opacity:.3;font-size:24px;position:absolute;top:10px;left:10px}.review-card-body p{z-index:1;position:relative}.review-card-footer{color:#94a3b8;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;font-weight:500;display:flex}.no-reviews{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;grid-column:1/-1;padding:60px;font-size:16px}@media (max-width:768px){.reviews-grid{grid-template-columns:1fr}}.java-course-container{--navy-blue:#1e3a8a;--navy-dark:#172554;--accent-blue:#3b82f6;--white:#fff;--bg-light:#f8fafc;--text-main:#0f172a;background:var(--bg-light);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.course-hero{background:linear-gradient(135deg,#172554 0%,#1e3a8a 100%);justify-content:space-between;align-items:center;gap:50px;padding:100px 10% 80px;display:flex;position:relative;overflow:hidden}.hero-content{color:#fff;flex:1}.badge{border:1px solid var(--accent-blue);color:var(--accent-blue);background:#3b82f633;border-radius:20px;margin-bottom:25px;padding:6px 15px;font-size:14px;font-weight:700;display:inline-block}.hero-content h1{margin-bottom:20px;font-size:48px;font-weight:900;line-height:1.1}.sub-tagline{opacity:.9;max-width:600px;margin-bottom:35px;font-size:18px;line-height:1.6}.hero-features{gap:25px;margin-bottom:40px;display:flex}.h-feat{background:#ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:600;display:flex}.hero-actions{gap:20px;display:flex}.cta-primary{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:15px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #3b82f64d}.cta-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:10px;padding:15px 30px;font-weight:700}.hero-form-card{width:400px;color:var(--text-main);background:#fff;border-radius:24px;padding:40px;box-shadow:0 30px 60px #00000026}.hero-form-card h3{margin:0;font-size:24px;font-weight:800}.hero-form-card p{color:#64748b;margin:5px 0 25px;font-size:14px}.form-group label{color:var(--navy-dark);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.form-group input{border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 18px;font-size:15px}.submit-btn{background:var(--navy-primary);color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:800;transition:all .3s}.ai-tools-section{background:#fff;padding:80px 10%}.section-header h2{color:var(--navy-dark);font-size:36px;font-weight:800}.ai-tools-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.ai-tool-card{border:1px solid #f1f5f9;border-radius:24px;padding:40px;transition:all .3s}.ai-tool-card.elts{background:#f0f9ff}.ai-tool-card.placements{background:#fdf2f8}.tool-icon{width:60px;height:60px;color:var(--accent-blue);background:#fff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:25px;font-size:24px;display:flex;box-shadow:0 10px 20px #0000000d}.ai-tool-card h3{margin-bottom:15px;font-size:22px}.ai-tool-card ul{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;padding:0;list-style:none;display:grid}.ai-tool-card li{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.curriculum-section{padding:80px 10%}.syllabus-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.module{border-left:5px solid var(--accent-blue);background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 15px #00000008}.module-header{color:var(--navy-dark);align-items:center;gap:12px;margin-bottom:12px;font-weight:800;display:flex}.why-us{background:var(--navy-dark);color:#fff;padding:100px 10%}.points{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;display:grid}.point{gap:20px;display:flex}.point svg{color:var(--accent-blue);min-width:24px;font-size:24px}.final-cta{text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#172554e6,#172554e6),url(https://images.unsplash.com/photo-1517694712202-14dd9538aa97?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:100px 10%}.cta-container{max-width:800px;margin:0 auto}.final-cta h2{margin-bottom:20px;font-size:48px;font-weight:900}.final-cta p{opacity:.9;margin-bottom:40px;font-size:20px}.final-cta button{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:20px 50px;font-size:18px;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #3b82f64d}.final-cta button:hover{background:#2563eb;transform:translateY(-5px);box-shadow:0 20px 45px #3b82f666}@media (max-width:1100px){.course-hero{gap:30px;padding:80px 5%}.hero-content h1{font-size:40px}}@media (max-width:900px){.course-hero{text-align:center;flex-direction:column;padding-top:60px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-form-card{width:100%;max-width:450px}.ai-tools-grid,.why-us .points{grid-template-columns:1fr}.hero-features{flex-wrap:wrap;justify-content:center}.hero-actions{justify-content:center}.sub-tagline{margin-left:auto;margin-right:auto}}@media (max-width:600px){.hero-content h1{letter-spacing:-.5px;font-size:30px}.sub-tagline{font-size:15px}.final-cta h2{font-size:32px}.ai-tool-card ul{grid-template-columns:1fr}.section-header h2{font-size:28px}.module-header{font-size:16px}.course-hero{padding:40px 20px}.hero-actions{flex-direction:column;width:100%}.cta-primary,.cta-secondary{text-align:center;width:100%}}@media (max-width:400px){.hero-content h1{font-size:26px}.badge{font-size:12px}.h-feat{justify-content:center;width:100%}}.about-us-container{--navy-blue:#1e3a8a;--navy-dark:#172554;--accent-blue:#3b82f6;--white:#fff;--text-slate:#475569;--bg-light:#f8fafc;background:var(--bg-light);color:#0f172a;font-family:Inter,system-ui,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 25px}.sub-tag{color:var(--accent-blue);letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;font-size:14px;font-weight:800;display:inline-block}.about-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#172554 0%,#1e3a8a 100%);padding:120px 0 100px}.about-hero h1{letter-spacing:-1px;margin-bottom:20px;font-size:56px;font-weight:900}.lead-text{opacity:.9;max-width:800px;margin:0 auto;font-size:20px;line-height:1.6}.about-content{padding:100px 0}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.text-block h2{color:var(--navy-dark);margin-bottom:25px;font-size:36px;font-weight:800}.text-block p{color:var(--text-slate);margin-bottom:20px;font-size:17px;line-height:1.8}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000000d}.stat-card h3{color:var(--accent-blue);font-size:32px;font-weight:900}.stat-card p{margin:0;font-size:13px;font-weight:700}.image-block img{border-radius:30px;width:100%;box-shadow:0 30px 60px #0000001a}.partnership-section{background:#fff;padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;font-weight:800}.partners-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.partner-card{background:#f8fafc;border:1px solid #0000;border-radius:24px;padding:40px;transition:all .3s}.partner-card:hover{border-color:var(--accent-blue);background:#fff;transform:translateY(-10px);box-shadow:0 20px 40px #0000000d}.p-icon{color:var(--accent-blue);margin-bottom:20px;font-size:35px}.partner-card h4{margin-bottom:15px;font-size:20px;font-weight:800}.ai-innovation{background:var(--navy-dark);color:#fff;padding:100px 0}.ai-row{grid-template-columns:1fr 1fr;gap:40px;margin-top:50px;display:grid}.ai-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:40px}.tool-tag{background:var(--accent-blue);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:6px 15px;font-size:13px;font-weight:700;display:inline-flex}.ai-info h3{margin-bottom:15px;font-size:24px}.why-join-summary{padding:100px 0}.checklist-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:50px;display:grid}.check-item{background:#fff;border-radius:16px;align-items:center;gap:15px;padding:20px 30px;font-weight:700;display:flex;box-shadow:0 4px 15px #00000005}.check-item svg{color:#22c55e;font-size:20px}.about-cta{background:var(--accent-blue);color:#fff;text-align:center;padding:100px 0}.about-cta h2{margin-bottom:15px;font-size:42px;font-weight:900}.btn-white-premium{color:var(--navy-blue);cursor:pointer;background:#fff;border:none;border-radius:50px;margin-top:30px;padding:18px 50px;font-size:18px;font-weight:800;transition:all .3s;box-shadow:0 15px 30px #00000026}.btn-white-premium:hover{transform:scale(1.05)}@media (max-width:900px){.grid-2,.partners-grid,.ai-row,.checklist-grid{grid-template-columns:1fr}.about-hero h1{font-size:36px}}@media (max-width:768px){.sa-page{align-items:flex-start;padding:15px 0 2rem}}@keyframes saSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes saFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}:root{--sa-sb-bg:#0d1b3e;--sa-sb-border:#ffffff12;--sa-sb-active:#2347c559;--sa-sb-hover:#ffffff0d;--sa-sb-text:#94a3b8;--sa-sb-w:250px;--sa-sb-w-sm:80px}.sa-shell{background:var(--sa-bg);min-height:100vh;font-family:var(--font-body);color:var(--sa-text);display:flex}.sa-sidebar{width:var(--sa-sb-w);background:var(--sa-sb-bg);border-right:1px solid var(--sa-sb-border);flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;transition:width .3s;display:flex;position:sticky;top:0;overflow:hidden}.sa-shell.sa-collapsed .sa-sidebar{width:var(--sa-sb-w-sm)}.sa-brand{border-bottom:1px solid var(--sa-sb-border);flex-shrink:0;align-items:center;gap:.65rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.sa-brand-icon{background:var(--sa-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:flex}.sa-brand-words{flex-direction:column;flex:1;min-width:0;display:flex}.sa-brand-name{font-family:var(--font-display);color:#fff;font-size:1.2rem;font-weight:800;line-height:1}.sa-brand-gold{color:var(--sa-gold)}.sa-brand-sub{color:var(--sa-sb-text);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;font-size:.62rem;font-weight:500}.sa-toggle{width:26px;height:26px;color:var(--sa-sb-text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:1rem;transition:all .2s;display:flex}.sa-toggle:hover{color:#fff;background:#ffffff1a}.sa-nav{flex-direction:column;flex:1;gap:.2rem;padding:1.25rem .75rem;display:flex;overflow:hidden auto}.sa-nav-section{letter-spacing:2px;color:#94a3b880;white-space:nowrap;margin-top:.25rem;margin-bottom:.5rem;padding:0 .75rem;font-size:.6rem;font-weight:600;display:block}.sa-nav-item{border-radius:var(--sa-radius-xs);color:var(--sa-sb-text);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.875rem;font-weight:500;transition:all .18s;display:flex;position:relative}.sa-nav-item:hover{background:var(--sa-sb-hover);color:#fff}.sa-nav-item.active{background:var(--sa-sb-active);color:#fff;border-left:3px solid var(--sa-gold);padding-left:calc(.85rem - 3px);font-weight:600}.sa-nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:1rem}.sa-nav-label{flex:1}.sa-count-badge{background:var(--sa-gold);color:var(--sa-sb-bg);text-align:center;border-radius:12px;min-width:20px;padding:.1rem .45rem;font-size:.68rem;font-weight:800}.sa-dot-badge{background:var(--sa-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.sa-sidebar-foot{border-top:1px solid var(--sa-sb-border);flex-shrink:0;align-items:center;gap:.65rem;padding:1rem 1.25rem;display:flex}.sa-foot-avatar{background:linear-gradient(135deg, var(--sa-blue), var(--sa-gold));color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.sa-foot-info{flex-direction:column;flex:1;min-width:0;display:flex}.sa-foot-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.sa-foot-role{color:var(--sa-gold);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.sa-foot-logout{color:var(--sa-sb-text);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;transition:all .2s;display:flex}.sa-foot-logout:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.sa-main{flex-direction:column;flex:1;min-width:0;display:flex}.sa-topbar{background:var(--sa-white);border-bottom:1px solid var(--sa-border);z-index:30;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #0000000d}.sa-topbar-left{align-items:center;gap:.85rem;display:flex}.sa-topbar-icon-box{background:var(--sa-blue-light);width:40px;height:40px;color:var(--sa-blue);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.sa-page-title{font-family:var(--font-display);color:var(--sa-text);font-size:1.45rem;font-weight:800;line-height:1.1}.sa-page-sub{color:var(--sa-text-muted);margin-top:1px;font-size:.8rem}.sa-topbar-id{color:var(--sa-gold);letter-spacing:.5px;font-size:.75rem;font-weight:700}.sa-page-sub strong{color:var(--sa-blue);font-weight:700}.sa-topbar-right{align-items:center;gap:.85rem;display:flex}.sa-date-pill{color:var(--sa-text-mid);background:var(--sa-bg);border:1px solid var(--sa-border);border-radius:20px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:500;display:flex}.sa-notif-btn{border:1px solid var(--sa-border);background:var(--sa-bg);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .2s;display:flex;position:relative}.sa-notif-btn:hover{border-color:var(--sa-blue);background:var(--sa-blue-light)}.sa-notif-dot{background:var(--sa-gold);color:#fff;border:2px solid var(--sa-white);border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-3px;right:-3px}.sa-topbar-av{background:linear-gradient(135deg, var(--sa-blue), var(--sa-blue-mid));color:#fff;width:38px;height:38px;font-family:var(--font-display);border:2.5px solid var(--sa-blue-light);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.sa-content{flex-direction:column;gap:1.5rem;padding:1.75rem 2rem 3rem;display:flex}.sa-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 55%,#1e40af 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:2rem;min-height:200px;padding:3rem 2.5rem;animation:.5s ease-out both saFadeDown;display:flex;position:relative;overflow:hidden}.sa-hero-blob{pointer-events:none;background:#ffffff0f;border-radius:50%;position:absolute}.sa-hero-blob-1{width:300px;height:300px;top:-100px;right:180px}.sa-hero-blob-2{background:#ffffff0a;width:180px;height:180px;bottom:-70px;right:50px}.sa-hero-left{z-index:2;flex-direction:column;gap:.5rem;display:flex;position:relative}.sa-hero-eyebrow{color:#ffffffbf;letter-spacing:.3px;font-size:.78rem;font-weight:500}.sa-hero-heading{font-family:var(--font-display);margin-bottom:.5rem;font-size:2.3rem;font-weight:800;line-height:1.2;color:#fff!important}.sa-hero-desc{max-width:600px;font-size:1rem;font-weight:400;color:#ffffffd9!important}.sa-hero-chips{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.sa-chip{border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.sa-chip.blue{color:#fff;background:#ffffff26}.sa-chip.gold{color:#fde68a;background:#f59e0b40}.sa-chip.green{color:#86efac;background:#16a34a40}.sa-hero-right{z-index:2;flex-shrink:0;position:relative}.sa-hero-revenue-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:220px;padding:1.25rem 1.75rem;display:flex}.sa-hrb-label{color:#ffffffa6;text-transform:uppercase;letter-spacing:1px;font-size:.72rem;font-weight:500}.sa-hrb-value{font-family:var(--font-display);color:#fff;letter-spacing:-1px;font-size:2.2rem;font-weight:900;line-height:1}.sa-hrb-trend{font-size:.78rem;font-weight:600}.sa-hrb-trend.up{color:#86efac}.sa-stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.sa-stat{background:var(--sa-white);border:1px solid var(--sa-border);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);padding:1.4rem 1.5rem;transition:box-shadow .25s,transform .25s;animation:.5s ease-out both saFadeUp;position:relative;overflow:hidden}.sa-stat:after{content:"";background:var(--sa-blue);border-radius:var(--sa-radius) var(--sa-radius) 0 0;opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.sa-stat:hover:after{opacity:1}.sa-stat:hover{box-shadow:var(--sa-shadow-hover);transform:translateY(-4px)}.sa-stat-hl{background:linear-gradient(145deg, #f5f8ff, var(--sa-white));border-color:#2347c533}.sa-stat-hl:after{background:var(--sa-blue);opacity:1}.sa-stat-top{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.sa-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;display:flex}.sa-ring{flex-shrink:0}.sa-stat-value{font-family:var(--font-display);letter-spacing:-.5px;font-size:1.65rem;font-weight:800;line-height:1}.sa-stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--sa-text-muted);margin-top:.2rem;font-size:.7rem;font-weight:600}.sa-stat-trend{align-items:center;gap:.3rem;margin-top:.5rem;font-size:.78rem;font-weight:600;display:flex}.sa-stat-trend.up{color:var(--sa-green)}.sa-stat-trend.down{color:var(--sa-red)}.sa-grid{grid-template-rows:auto;grid-template-columns:1.5fr 1fr;gap:1.25rem;animation:.5s ease-out .1s both saFadeUp;display:grid}.sa-card{background:var(--sa-white);border:1px solid var(--sa-border);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.sa-card-hd{align-items:center;gap:.65rem;display:flex}.sa-card-hd h3{font-family:var(--font-display);color:var(--sa-text);flex:1;font-size:1rem;font-weight:700}.sa-card-ic{background:var(--sa-blue-light);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.sa-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:20px;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.sa-badge.gold{background:var(--sa-gold-soft);color:var(--sa-gold);border:1px solid #f59e0b33}.sa-badge.green{background:var(--sa-green-soft);color:var(--sa-green);border:1px solid #16a34a33}.sa-badge.blue{background:var(--sa-blue-soft);color:var(--sa-blue);border:1px solid #2347c526}.sa-ai-card{border-top:3px solid var(--sa-gold);grid-row:span 1}.sa-insight-list{flex-direction:column;gap:.65rem;display:flex}.sa-insight{border-radius:var(--sa-radius-sm);background:#f8faff;border:1px solid #edf1fb;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:border-color .2s;display:flex}.sa-insight:hover{border-color:#2347c533}.sa-ins-hl{background:#fffbeb;border-color:#f59e0b33}.sa-ins-hl:hover{border-color:#f59e0b59}.sa-ins-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.sa-ins-dot.blue{background:var(--sa-blue)}.sa-ins-dot.gold{background:var(--sa-gold)}.sa-ins-dot.green{background:var(--sa-green)}.sa-insight p{color:var(--sa-text-mid);font-size:.85rem;line-height:1.5}.sa-insight p strong{color:var(--sa-text)}.sa-ov-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (max-width:992px){.sa-ov-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sa-stats{grid-template-columns:1fr}}.sa-ov-tile{border-radius:var(--sa-radius-sm);text-align:center;border:1px solid #0000;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .75rem;transition:transform .2s;display:flex}.sa-ov-tile:hover{transform:scale(1.04)}.sa-ov-tile.blue{background:var(--sa-blue-light);border-color:#2347c526}.sa-ov-tile.gold{background:var(--sa-gold-light);border-color:#f59e0b33}.sa-ov-tile.green{background:var(--sa-green-light);border-color:#16a34a33}.sa-ov-tile.orange{background:var(--sa-orange-light);border-color:#f9731633}.sa-ov-tile.purple{background:var(--sa-purple-light);border-color:#7c3aed26}.sa-ov-ic{font-size:1.3rem}.sa-ov-val{font-family:var(--font-display);color:var(--sa-text);font-size:1.5rem;font-weight:800;line-height:1}.sa-ov-tile.blue .sa-ov-val{color:var(--sa-blue)}.sa-ov-tile.gold .sa-ov-val{color:var(--sa-gold)}.sa-ov-tile.green .sa-ov-val{color:var(--sa-green)}.sa-ov-tile.orange .sa-ov-val{color:var(--sa-orange)}.sa-ov-tile.purple .sa-ov-val{color:var(--sa-purple)}.sa-ov-lbl{color:var(--sa-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.sa-link-btn{color:var(--sa-blue);text-align:left;font-size:.82rem;font-weight:700;font-family:var(--font-body);background:0 0;border:none;padding:0;transition:opacity .2s}.sa-link-btn:hover{opacity:.7}.sa-meeting-box{background:var(--sa-blue-light);border-radius:var(--sa-radius-sm);border:1px solid #2347c526;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem;display:flex}.sa-meet-num{font-family:var(--font-display);color:var(--sa-blue);font-size:3.5rem;font-weight:900;line-height:1}.sa-meet-sub{color:var(--sa-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.sa-empty{border-radius:var(--sa-radius-sm);border:1px dashed var(--sa-border);background:#f8faff;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.sa-empty span{opacity:.5;font-size:1.8rem}.sa-empty p{color:var(--sa-text-muted);font-size:.82rem}.sa-health-list{flex-direction:column;display:flex}.sa-health-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.7rem 0;display:flex}.sa-health-row:last-child{border-bottom:none;padding-bottom:0}.sa-hr-left{align-items:center;gap:.6rem;display:flex}.sa-hr-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.sa-hr-dot.green{background:var(--sa-green);box-shadow:0 0 0 3px #16a34a26}.sa-hr-dot.gold{background:var(--sa-gold);box-shadow:0 0 0 3px #f59e0b26}.sa-hr-label{color:var(--sa-text-mid);font-size:.85rem;font-weight:600}.sa-hr-status{font-size:.75rem;font-weight:700}.sa-hr-status.green{color:var(--sa-green)}.sa-hr-status.gold{color:var(--sa-gold)}.sa-qa-card{grid-column:1/-1}.sa-qa-grid{grid-template-columns:repeat(6,1fr);gap:.85rem;display:grid}.sa-qa-btn{border-radius:var(--sa-radius-sm);color:var(--sa-text-mid);background:#f8faff;border:1px solid #0000;flex-direction:column;align-items:center;gap:.45rem;padding:1rem .5rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.sa-qa-btn:hover{transform:translateY(-3px)}.sa-qa-ic{font-size:1.5rem}.sa-qa-lbl{font-size:.75rem;font-weight:700}.sa-qa-btn.blue{background:var(--sa-blue-light);color:var(--sa-blue);border-color:#2347c526}.sa-qa-btn.green{background:var(--sa-green-light);color:var(--sa-green);border-color:#16a34a33}.sa-qa-btn.gold{background:var(--sa-gold-light);color:#b45309;border-color:#f59e0b33}.sa-qa-btn.purple{background:var(--sa-purple-light);color:var(--sa-purple);border-color:#7c3aed26}.sa-qa-btn.orange{background:var(--sa-orange-light);color:var(--sa-orange);border-color:#f9731633}.sa-qa-btn.blue:hover{background:var(--sa-blue);color:#fff;box-shadow:0 6px 18px #2347c54d}.sa-qa-btn.green:hover{background:var(--sa-green);color:#fff;box-shadow:0 6px 18px #16a34a4d}.sa-qa-btn.gold:hover{background:var(--sa-gold);color:#fff;box-shadow:0 6px 18px #f59e0b4d}.sa-qa-btn.purple:hover{background:var(--sa-purple);color:#fff;box-shadow:0 6px 18px #7c3aed4d}.sa-qa-btn.orange:hover{background:var(--sa-orange);color:#fff;box-shadow:0 6px 18px #f973164d}.sa-btn{background:var(--sa-blue);color:#fff;border-radius:var(--sa-radius-xs);font-family:var(--font-body);letter-spacing:.2px;border:none;padding:.7rem 1.4rem;font-size:.875rem;font-weight:600;transition:background .2s,transform .15s}.sa-btn:hover{background:var(--sa-blue-dark);transform:translateY(-1px)}.sa-btn.full-w{width:100%}.sa-loading{background:var(--sa-bg);height:100vh;font-family:var(--font-body);color:var(--sa-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.875rem;display:flex}.sa-load-brand{font-family:var(--font-display);font-size:3rem;font-weight:900;animation:1.4s ease-in-out infinite saPulse}.slb-et{color:var(--sa-blue)}.slb-ms{color:var(--sa-gold)}.sa-load-track{background:var(--sa-border);border-radius:4px;width:180px;height:4px;overflow:hidden}.sa-load-fill{background:linear-gradient(90deg, var(--sa-blue), var(--sa-blue-mid));border-radius:4px;height:100%;animation:1.4s ease-in-out infinite saLoadBar}.sa-error-screen{height:100vh;font-family:var(--font-body);background:var(--sa-bg);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.sa-error-screen span{font-size:2.5rem}.sa-error-screen p{color:var(--sa-text-muted);font-size:.9rem}@keyframes saFadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes saFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes saPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes saLoadBar{0%{width:0%}60%{width:80%}to{width:100%}}@media (max-width:1280px){.sa-stats{grid-template-columns:repeat(2,1fr)}.sa-qa-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.sa-grid{grid-template-columns:1fr}.sa-qa-card{grid-column:1}}@media (max-width:768px){:root{--sa-sb-w:var(--sa-sb-w-sm)}.sa-brand-words,.sa-nav-label,.sa-foot-info{display:none}.sa-nav-item{justify-content:center}.sa-content{padding:1.25rem 1rem 2rem}.sa-topbar{padding:.85rem 1rem}.sa-stats{grid-template-columns:1fr 1fr}.sa-hero{flex-direction:column;align-items:flex-start;min-height:auto;padding:1.75rem 1.5rem}.sa-hero-right{align-self:stretch}.sa-hero-revenue-box{min-width:unset;align-items:flex-start}.sa-qa-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.sa-stats{grid-template-columns:1fr}.sa-ov-grid,.sa-qa-grid{grid-template-columns:repeat(2,1fr)}.sa-date-pill{display:none}}@media (max-width:768px){.sa-page{align-items:flex-start;padding:15px 0 2rem}}@media (max-width:768px){.sa-page{align-items:flex-start;padding:15px 0 2rem}}.sl-wrapper-extra{max-width:1300px}.sl-side-card{border-radius:var(--sa-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff1a;margin-top:auto;padding:1.25rem}.sl-sc-label{text-transform:uppercase;color:var(--sa-gold);letter-spacing:.5px;margin-bottom:.25rem;font-size:.6rem;font-weight:800;display:block}.sl-sc-value{font-family:var(--font-display);color:#fff;font-size:1.2rem;font-weight:900}.sl-side-illustration{justify-content:center;margin-top:1.5rem;display:flex}.sl-main-panel{flex-direction:column;gap:1.75rem;padding:2.5rem;display:flex;overflow-y:auto}.sl-header{justify-content:space-between;align-items:center;display:flex}.sl-header h1{font-family:var(--font-display);color:var(--sa-text);font-size:1.8rem;font-weight:900}.sl-header p{color:var(--sa-text-muted);font-size:.9rem}.sl-search-box{border:1.5px solid var(--sa-border);background:#fff;border-radius:10px;align-items:center;gap:.75rem;width:300px;padding:.5rem 1rem;transition:all .2s;display:flex}.sl-search-box:focus-within{border-color:var(--sa-blue);box-shadow:0 0 0 3px #2563eb1a}.sl-search-box svg{color:var(--sa-text-muted)}.sl-search-box input{border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.sl-btn-primary{background:var(--sa-blue);color:#fff;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:flex}.sl-btn-primary:hover{background:var(--sa-blue-dark);transform:translateY(-2px)}.sl-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.sl-stat-card{border:1.5px solid var(--sa-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:16px;padding:1.25rem}.sl-stat-label{color:var(--sa-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.sl-stat-value{font-family:var(--font-display);color:var(--sa-blue);margin-top:.4rem;font-size:1.5rem;font-weight:900}.sl-table-card{border:1.5px solid var(--sa-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:20px;overflow:hidden}.sl-table-card h3{font-family:var(--font-display);padding:1.5rem 1.5rem .5rem;font-size:1.1rem;font-weight:800}.sl-table{border-collapse:collapse;width:100%}.sl-table th{text-align:left;color:var(--sa-text-muted);text-transform:uppercase;border-bottom:2px solid var(--sa-border);background:#f8fafc;padding:1.15rem 1.5rem;font-size:.75rem;font-weight:800}.sl-table td{color:var(--sa-text-mid);border-bottom:1px solid #f1f5f9;padding:1.15rem 1.5rem;font-size:.95rem}.sl-td-id{color:var(--sa-blue);letter-spacing:-.2px;font-family:JetBrains Mono,monospace;font-weight:700}.sl-status-pill{text-transform:uppercase;border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:800}.sl-status-pill--active{color:#16a34a;background:#f0fdf4}.sl-status-pill--low{color:#e11d48;background:#fff1f2}.sl-status-pill--warn{color:#ea580c;background:#fff7ed}@media (max-width:900px){.sa-wrapper{grid-template-columns:1fr}.sa-side-panel{display:none}.sl-main-panel{padding:1.5rem}.sl-header{flex-direction:column;align-items:flex-start;gap:1rem}.sl-search-box{width:100%}.sl-btn-primary{justify-content:center;width:100%}}@media (max-width:480px){.sl-main-panel{padding:1rem}.sl-stats-grid{grid-template-columns:1fr}.sl-table td{padding:1rem}}.sa-profile-page{background-color:#f8fafc;min-height:calc(100vh - 140px);padding:40px;font-family:Outfit,sans-serif}.sa-profile-container{max-width:1400px;margin:0 auto}.sa-executive-header{background:#fff;border:1px solid #00000005;border-radius:20px;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding:30px;display:flex;box-shadow:0 4px 20px #0f172a0a}.header-text-block h1{color:#0f172a;margin-bottom:8px;font-size:32px;font-weight:800}.header-text-block p{color:#64748b;font-size:15px;font-weight:500}.header-pill{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;background:#2563eb1a;border:1px solid #2563eb33;border-radius:20px;align-items:center;gap:8px;margin-bottom:15px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.sa-action-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.edit-mode{color:#fff;background:#0f172a;box-shadow:0 4px 15px #0f172a26}.edit-mode:hover{background:#1e293b;transform:translateY(-2px)}.sa-action-group{gap:12px;display:flex}.cancel-btn{color:#64748b;background:0 0;border:2px solid #e2e8f0}.cancel-btn:hover{color:#0f172a;background:#f1f5f9}.save-btn{color:#fff;background:#10b981;box-shadow:0 4px 15px #10b98133}.save-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.sa-content-layout{grid-template-columns:360px 1fr;gap:30px;display:grid}.sa-identity-matrix{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:30px;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.matrix-bg{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);height:120px;position:relative}.matrix-bg:after{content:"";opacity:.5;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.avatar-wrapper{z-index:2;justify-content:center;margin-top:-50px;display:flex;position:relative}.hex-avatar{background:#fff;border-radius:24px;width:100px;height:100px;padding:5px;overflow:hidden;transform:rotate(45deg);box-shadow:0 10px 25px #0000001a}.hex-avatar img{object-fit:cover;border-radius:16px;width:100%;height:100%;transform:rotate(-45deg)scale(1.4)}.identity-text{text-align:center;border-bottom:1px solid #f1f5f9;padding:20px 24px 30px}.identity-text h2{color:#0f172a;margin-bottom:6px;font-size:22px;font-weight:800}.matrix-role{color:#2563eb;background:#2563eb1a;border-radius:12px;margin-bottom:15px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.matrix-email{color:#64748b;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.matrix-stats{background:#f8fafc;display:flex}.matrix-stat-item{text-align:center;flex:1;padding:20px}.matrix-stat-item:first-child{border-right:1px solid #e2e8f0}.stat-value{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:800;display:block}.stat-value.text-green{color:#10b981}.sa-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 15px #00000005}.sa-side-card h3{color:#0f172a;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:800;display:flex}.side-card-desc{color:#64748b;margin-bottom:20px;font-size:13px;line-height:1.5}.security-item{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;align-items:center;gap:15px;padding:15px;display:flex}.sec-icon{color:#10b981;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 10px #0000000d}.sec-details h4{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:700}.sec-details span{color:#64748b;font-size:12px;font-weight:500}.sa-config-column{flex-direction:column;gap:30px;display:flex}.sa-config-group{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 4px 20px #0f172a0a}.config-group-header{border-bottom:2px solid #f1f5f9;margin-bottom:25px;padding-bottom:15px}.config-group-header h3{color:#0f172a;align-items:center;gap:10px;margin-bottom:4px;font-size:18px;font-weight:800;display:flex}.config-group-header span{color:#94a3b8;font-size:13px;font-weight:500}.config-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.config-field{flex-direction:column;display:flex}.config-field.full-width{grid-column:1/-1}.config-field label{color:#475569;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.input-icon{color:#94a3b8}.config-field input,.config-field select,.config-field textarea{border-radius:10px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.config-field .locked{color:#64748b;cursor:not-allowed;background-color:#f8fafc;border:1px solid #e2e8f0}.config-field .system-locked{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border:1px dashed #cbd5e1}.config-field .editable{color:#0f172a;background-color:#fff;border:2px solid #cbd5e1}.config-field .editable:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.bio-text{resize:vertical;min-height:100px}@media (max-width:1024px){.sa-content-layout{grid-template-columns:1fr}.sa-executive-header{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:640px){.config-grid{grid-template-columns:1fr}.sa-profile-page{padding:20px}}.sa-loader-container,.sa-error-state{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 100px);display:flex}.sa-spin{border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}.sa-error-box{text-align:center;background:#fff;border:1px solid #fee2e2;border-radius:20px;padding:40px;box-shadow:0 10px 30px #ef44441a}.sa-error-box h2{color:#991b1b;margin:15px 0 10px}.sa-retry-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;margin-top:20px;padding:12px 24px;font-weight:700}.sa-toast{color:#fff;z-index:9999;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ease-out sa-slide-in,.3s ease-out 3.2s forwards sa-slide-out;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.sa-toast--success{background:#10b981}.sa-toast--error{background:#ef4444}@keyframes sa-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes sa-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:768px){.sa-page{align-items:flex-start;padding:15px 0 2rem}}.um-wrapper-extra{max-width:1200px}.um-wrapper-single{max-width:1400px;grid-template-columns:1fr!important}.um-stats-rectangle{background:linear-gradient(135deg, var(--sa-blue-dark), var(--sa-blue));border-radius:var(--sa-radius-sm);color:#fff;box-shadow:var(--sa-shadow-lg);align-items:center;gap:3rem;margin-bottom:.5rem;padding:1.5rem 2.5rem;display:flex}.um-stat-card{align-items:center;gap:1rem;display:flex}.um-stat-icon{background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.um-stat-info{flex-direction:column;display:flex}.um-stat-val{font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1.1}.um-stat-lbl{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.72rem;font-weight:600}.um-stat-divider{background:#fff3;width:1px;height:40px}.um-main-panel{flex-direction:column;gap:2rem;min-width:0;padding:2.5rem;display:flex;overflow-y:auto}.um-header{justify-content:space-between;align-items:flex-start;display:flex}.um-header h1{font-family:var(--font-display);color:var(--sa-text);font-size:1.6rem;font-weight:800}.um-header p{color:var(--sa-text-muted);font-size:.85rem}.um-btn--primary{background:var(--sa-blue);color:#fff;border-radius:var(--sa-radius-sm);border:none;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #2347c533}.um-btn--primary:hover{background:var(--sa-blue-dark);transform:translateY(-2px);box-shadow:0 6px 16px #2347c54d}.um-controls{border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border);background:#f8fafc;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 1.5rem;display:flex}.um-search{position:relative}.um-search-icon{color:var(--sa-text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.um-search input{border:1.5px solid var(--sa-border);border-radius:10px;outline:none;width:100%;padding:.65rem 1rem .65rem 2.75rem;font-size:.85rem;transition:all .2s}.um-search input:focus{border-color:var(--sa-blue);box-shadow:0 0 0 3px #2347c514}.um-filters{gap:.75rem;display:flex}.um-filter-group{border:1.5px solid var(--sa-border);color:var(--sa-text-muted);background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.85rem;display:flex}.um-filter-group select{color:var(--sa-text-mid);cursor:pointer;border:none;outline:none;padding:.6rem 0;font-weight:600}.um-table-container{border:1.5px solid var(--sa-border);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);background:#fff;overflow-x:auto}.um-table{border-collapse:collapse;table-layout:fixed;width:100%}.um-table th{text-align:left;text-transform:uppercase;color:var(--sa-text-muted);border-bottom:2px solid var(--sa-border);background:#f8faff;padding:1.25rem 1.5rem;font-size:.8rem;font-weight:800}.um-table th:first-child,.um-table td:first-child{width:15%}.um-table th:nth-child(2),.um-table td:nth-child(2){width:42%}.um-table th:nth-child(3),.um-table td:nth-child(3){width:15%}.um-table th:nth-child(4),.um-table td:nth-child(4){width:28%}.um-table td{border-bottom:1px solid #f1f5f9;padding:1.15rem 1.5rem}.um-member-cell{align-items:center;gap:1rem;display:flex}.um-avatar{background:var(--sa-blue-light);width:38px;height:38px;color:var(--sa-blue);font-weight:800;font-family:var(--font-display);border-radius:10px;justify-content:center;align-items:center;display:flex}.um-member-info{flex-direction:column;display:flex}.um-name{color:var(--sa-text);font-size:.9rem;font-weight:700}.um-email-main{color:var(--sa-text-muted);font-size:.8rem;line-height:1.2}.um-id-sub{color:var(--sa-blue);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800}.um-role-badge{color:var(--sa-text-mid);background:#f1f5f9;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.um-password-cell{align-items:center;gap:12px;display:flex}.um-pass-text{color:#dc2626;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:800}.um-pass-toggle{color:var(--sa-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.um-pass-toggle:hover{background:var(--sa-blue-soft);color:var(--sa-blue)}.um-status-pill{letter-spacing:.5px;font-size:.7rem;font-weight:700}.um-status--active{color:var(--sa-green)}.um-status--inactive{color:var(--sa-red)}.um-action-pill{cursor:pointer;border-radius:20px;padding:.4rem .9rem;font-size:.75rem;font-weight:700;transition:all .2s}.um-action-pill.suspend{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.um-action-pill.reinstate{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.um-action-pill.edit:hover{background:#d97706;transform:translateY(-1px)}.um-action-group{white-space:nowrap;align-items:center;gap:8px;display:flex}.um-name,.um-email-main{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.um-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.um-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;animation:.3s cubic-bezier(.34,1.56,.64,1) umModalSlide;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes umModalSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.um-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.um-modal-header h2{color:#1e293b;margin:0;font-size:1.25rem}.um-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1}.um-modal-form{padding:32px}.um-form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.um-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.um-form-group label{color:#475569;font-size:.85rem;font-weight:600}.um-form-group input,.um-form-group select{color:#1e293b;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .2s}.um-form-group input:focus,.um-form-group select:focus{border-color:#2f59e0;outline:none;box-shadow:0 0 0 3px #2f59e01a}.um-modal-footer{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.um-modal-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 24px;font-weight:600}.um-modal-save{color:#fff;cursor:pointer;background:#2f59e0;border:none;border-radius:10px;padding:12px 32px;font-weight:600;box-shadow:0 4px 6px -1px #2f59e033}.um-modal-save:disabled{opacity:.7;cursor:not-allowed}.um-action-pill:hover{transform:scale(1.05)}.um-id-badge{color:#2f59e0;background:#2f59e01a;border-radius:4px;margin-top:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:800;display:inline-block}.um-empty{text-align:center;color:var(--sa-text-muted);padding:3rem;font-size:.95rem}.um-card-list{display:none}.um-card{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.um-card:last-child{border-bottom:none}.um-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.um-card-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.um-avatar--lg{flex-shrink:0;width:44px;height:44px;font-size:1.1rem}.um-card-meta{align-items:center;gap:.5rem;display:flex}.um-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.um-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem 0 .5rem;display:flex}.um-page-btn{border:1.5px solid var(--sa-border);width:36px;height:36px;color:var(--sa-text-mid);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.um-page-btn:disabled{opacity:.4;cursor:not-allowed}.um-page-btn:not(:disabled):hover{background:var(--sa-blue);color:#fff;border-color:var(--sa-blue)}.um-page-numbers{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.um-page-num{border:1.5px solid var(--sa-border);width:36px;height:36px;color:var(--sa-text-mid);cursor:pointer;background:#fff;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s}.um-page-num:hover{background:var(--sa-blue-light);color:var(--sa-blue);border-color:var(--sa-blue)}.um-page-num.active{background:var(--sa-blue);color:#fff;border-color:var(--sa-blue)}.um-page-info{color:var(--sa-text-muted);margin-left:.5rem;font-size:.8rem;font-weight:600}@media (max-width:992px){.sa-wrapper.um-wrapper-extra{width:100%;max-width:100%;box-shadow:none;border-radius:0;grid-template-columns:1fr;margin:0}.sa-side-panel{display:none}.um-main-panel{box-sizing:border-box;gap:1rem;width:100%;padding:1rem;overflow-x:hidden}.um-header{flex-direction:column;align-items:stretch;gap:.75rem}.um-header h1{font-size:1.2rem}.um-header p{font-size:.8rem}.um-btn--primary{justify-content:center;width:100%}.um-controls{flex-direction:column;align-items:stretch;gap:.65rem;padding:.85rem}.um-search,.um-search input{box-sizing:border-box;width:100%}.um-filters{flex-direction:column;gap:.5rem}.um-filter-group{box-sizing:border-box;width:100%}.um-filter-group select{flex:1;width:100%}.um-stats-rectangle{flex-direction:column;gap:0;padding:1rem}.um-stat-divider{background:#ffffff26;width:100%;height:1px;margin:.6rem 0}.um-stat-card{justify-content:flex-start;gap:.85rem;width:100%}.um-stat-icon{flex-shrink:0;width:40px;height:40px;font-size:1.2rem}.um-stat-val{font-size:1.1rem}.um-stat-lbl{white-space:normal;word-break:break-word;font-size:.65rem}}@media (max-width:700px){.um-table--desktop{display:none!important}.um-card-list{display:block}.sa-page{align-items:flex-start;padding:0}.sa-wrapper.um-wrapper-extra{border-radius:0;min-height:100vh}.um-main-panel{gap:.85rem;padding:.85rem}.um-member-info{min-width:0;overflow:hidden}.um-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.88rem;overflow:hidden}.um-email-main{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.um-card{gap:.6rem;padding:.85rem}.um-card-top{align-items:center}.um-card-left{gap:.6rem;min-width:0;overflow:hidden}.um-avatar--lg{flex-shrink:0;width:40px;height:40px;font-size:1rem}.um-card-actions{flex-wrap:wrap;gap:.4rem}.um-action-pill{padding:.35rem .75rem;font-size:.72rem}.um-status-pill{white-space:nowrap;flex-shrink:0;font-size:.65rem}.um-pagination{gap:.3rem;padding:.75rem 0 .5rem}.um-page-btn,.um-page-num{width:32px;height:32px;font-size:.78rem}.um-page-info{text-align:center;width:100%;margin-top:.25rem;margin-left:0;font-size:.75rem}.um-header h1{font-size:1.1rem}.um-controls{padding:.75rem}.um-table-container{border-radius:10px}}@media (max-width:480px){.um-stats-rectangle{border-radius:8px;padding:.85rem}.um-stat-val{font-size:1rem}.um-stat-icon{width:36px;height:36px;font-size:1rem}.um-page-numbers{gap:.2rem}.um-page-btn,.um-page-num{width:28px;height:28px;font-size:.72rem}}@media (max-width:600px){.um-form-row{grid-template-columns:1fr}.um-modal{border-radius:14px;max-height:92vh;margin:8px;overflow-y:auto}.um-modal-form{padding:20px}.um-modal-header{padding:18px 20px}}:root{--cu-blue:#2347c5;--cu-blue-dark:#1a3499;--cu-blue-mid:#2f59e0;--cu-blue-light:#eef2fd;--cu-blue-soft:#2347c514;--cu-green:#16a34a;--cu-green-light:#dcfce7;--cu-green-soft:#16a34a1a;--cu-gold:#f59e0b;--cu-gold-light:#fffbeb;--cu-orange:#f97316;--cu-orange-light:#fff7ed;--cu-orange-soft:#f973161a;--cu-purple:#7c3aed;--cu-purple-light:#f5f3ff;--cu-purple-soft:#7c3aed1a;--cu-red:#ef4444;--cu-red-light:#fef2f2;--cu-bg:#f0f3fa;--cu-white:#fff;--cu-border:#e2e8f0;--cu-border-focus:#2347c5;--cu-text:#1e293b;--cu-text-mid:#475569;--cu-text-muted:#94a3b8;--cu-shadow:0 2px 12px #2347c514, 0 1px 4px #0000000a;--cu-shadow-lg:0 12px 40px #2347c524, 0 4px 12px #0000000f;--cu-side-bg:linear-gradient(160deg, #1a3499 0%, #2347c5 55%, #3d6ee8 100%);--cu-radius:14px;--cu-radius-sm:10px;--font-body:"Poppins", sans-serif;--font-display:"Outfit", sans-serif}.cu-page{background:var(--cu-bg);min-height:100vh;font-family:var(--font-body);justify-content:center;align-items:center;padding:0 1rem 2rem;display:flex}.cu-wrapper{background:var(--cu-white);width:100%;max-width:1350px;box-shadow:var(--cu-shadow-lg);border-radius:22px;grid-template-columns:300px 1fr;animation:.45s ease-out both cuSlideUp;display:grid;overflow:hidden}.cu-side{background:var(--cu-side-bg);flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.cu-side:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px}.cu-side:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;left:-50px}.cu-side-brand{font-family:var(--font-display);z-index:1;font-size:1.75rem;font-weight:900;line-height:1;position:relative}.cu-side-et{color:#fff}.cu-side-ms{color:var(--cu-gold)}.cu-side-title{font-family:var(--font-display);color:#fff;z-index:1;font-size:1.4rem;font-weight:800;line-height:1.2;position:relative}.cu-side-desc{color:#ffffffad;z-index:1;font-size:.82rem;line-height:1.6;position:relative}.cu-side-role-preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--cu-radius-sm);z-index:1;background:#ffffff1f;border:1px solid #ffffff2e;align-items:center;gap:.85rem;padding:1rem;transition:all .3s;display:flex;position:relative}.cu-srp-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;display:flex}.cu-srp-icon.blue{background:#2347c54d}.cu-srp-icon.green{background:#16a34a4d}.cu-srp-icon.purple{background:#7c3aed4d}.cu-srp-icon.orange{background:#f973164d}.cu-srp-info{flex-direction:column;gap:.15rem;display:flex}.cu-srp-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:1px;font-size:.62rem;font-weight:600}.cu-srp-name{font-family:var(--font-display);color:#fff;font-size:1rem;font-weight:700}.cu-srp-desc{color:#fff9;font-size:.72rem}.cu-side-stats{border-radius:var(--cu-radius-sm);z-index:1;background:#ffffff14;align-items:center;gap:0;margin-top:auto;padding:.85rem 1rem;display:flex;position:relative}.cu-ss-item{flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.cu-ss-val{font-family:var(--font-display);color:#fff;font-size:1.2rem;font-weight:800}.cu-ss-lbl{color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:.62rem;font-weight:500}.cu-ss-divider{background:#ffffff26;flex-shrink:0;width:1px;height:28px}.cu-form-panel{flex-direction:column;gap:1.5rem;padding:2.5rem 2.5rem 2.25rem;display:flex;overflow-y:auto}.cu-form-header{align-items:center;gap:.85rem;display:flex}.cu-form-header-icon{background:var(--cu-blue-light);width:46px;height:46px;color:var(--cu-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.cu-form-title{font-family:var(--font-display);color:var(--cu-text);font-size:1.35rem;font-weight:800;line-height:1.1}.cu-form-subtitle{color:var(--cu-text-muted);margin-top:2px;font-size:.8rem}.cu-alert{border-radius:var(--cu-radius-sm);align-items:center;gap:.65rem;padding:.85rem 1.1rem;font-size:.85rem;font-weight:500;animation:.3s ease-out cuFadeIn;display:flex}.cu-alert--success{background:var(--cu-green-light);color:var(--cu-green);border:1px solid #16a34a40}.cu-alert--error{background:var(--cu-red-light);color:var(--cu-red);border:1px solid #ef444440}.cu-alert-icon{flex-shrink:0;font-size:1rem}.cu-section-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--cu-text-muted);margin-bottom:-.5rem;font-size:.7rem;font-weight:700}.cu-field-note{color:#64748b;margin-top:6px;font-size:11px;font-style:italic}.cu-role-grid{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}.cu-role-card{border-radius:var(--cu-radius-sm);border:2px solid var(--cu-border);color:var(--cu-text-mid);cursor:pointer;text-align:center;background:#fafbfe;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .5rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex;position:relative}.cu-role-card:hover{border-color:var(--cu-blue);background:var(--cu-blue-light);color:var(--cu-blue);transform:translateY(-2px)}.cu-role-card.selected.blue{border-color:var(--cu-blue);background:var(--cu-blue-light);color:var(--cu-blue)}.cu-role-card.selected.green{border-color:var(--cu-green);background:var(--cu-green-light);color:var(--cu-green)}.cu-role-card.selected.purple{border-color:var(--cu-purple);background:var(--cu-purple-light);color:var(--cu-purple)}.cu-role-card.selected.orange{border-color:var(--cu-orange);background:var(--cu-orange-light);color:var(--cu-orange)}.cu-rc-icon{font-size:1.5rem;line-height:1}.cu-rc-label{color:inherit;font-size:.8rem;font-weight:700}.cu-rc-desc{color:var(--cu-text-muted);font-size:.65rem;font-weight:400}.cu-role-card.selected .cu-rc-desc{color:inherit;opacity:.7}.cu-rc-check{color:#fff;background:currentColor;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:6px;right:7px}.cu-form{flex-direction:column;gap:1.25rem;display:flex}.cu-field-row{gap:1rem;display:grid}.cu-field-row.two{grid-template-columns:1fr 1fr}.cu-field{flex-direction:column;gap:.4rem;display:flex}.cu-label{color:var(--cu-text-mid);align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;display:flex}.cu-label-icon{color:var(--cu-blue);font-size:.78rem}.cu-optional{color:var(--cu-text-muted);background:#f1f5f9;border-radius:10px;margin-left:auto;padding:.1rem .5rem;font-size:.68rem;font-weight:500}.cu-input-wrap{position:relative}.cu-input-wrap input{border:1.5px solid var(--cu-border);border-radius:var(--cu-radius-sm);width:100%;font-family:var(--font-body);color:var(--cu-text);background:#fafbfe;outline:none;padding:.72rem 2.4rem .72rem .95rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background .2s}.cu-input-wrap input::placeholder{color:var(--cu-text-muted);font-size:.82rem}.cu-input-wrap input:focus{border-color:var(--cu-blue);background:var(--cu-white);box-shadow:0 0 0 3px #2347c51a}.cu-field.has-error .cu-input-wrap input{border-color:var(--cu-red);background:#fff8f8}.cu-field.has-error .cu-input-wrap input:focus{box-shadow:0 0 0 3px #ef44441f}.cu-field.has-success .cu-input-wrap input{border-color:var(--cu-green)}.cu-field.has-success .cu-input-wrap input:focus{box-shadow:0 0 0 3px #16a34a1a}.cu-valid-ic{color:var(--cu-green);pointer-events:none;font-size:.85rem;font-weight:700;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.cu-error-msg{color:var(--cu-red);padding-left:.2rem;font-size:.72rem;font-weight:500}.cu-toggle-pass{color:var(--cu-text-muted);background:0 0;border:none;align-items:center;padding:0;font-size:.85rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.cu-toggle-pass:hover{color:var(--cu-blue)}.cu-pass-strength{align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.cu-ps-bar{border-radius:4px;flex:1;height:4px;transition:all .3s}.cu-ps-bar.weak{background:var(--cu-red);width:33%}.cu-ps-bar.medium{background:var(--cu-gold);width:66%}.cu-ps-bar.strong{background:var(--cu-green);width:100%}.cu-ps-label{font-size:.7rem;font-weight:600}.cu-ps-bar.weak+.cu-ps-label{color:var(--cu-red)}.cu-ps-bar.medium+.cu-ps-label{color:var(--cu-gold)}.cu-ps-bar.strong+.cu-ps-label{color:var(--cu-green)}.cu-submit{background:var(--cu-blue);color:#fff;border-radius:var(--cu-radius-sm);width:100%;font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.6rem;margin-top:.25rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #2347c54d}.cu-submit:hover:not(:disabled){background:var(--cu-blue-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2347c566}.cu-submit:active:not(:disabled){transform:translateY(0)}.cu-submit:disabled{opacity:.75;cursor:not-allowed;transform:none}.cu-submit.loading{background:var(--cu-blue-mid)}.cu-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite cuSpin}@keyframes cuSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cuFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes cuSpin{to{transform:rotate(360deg)}}@media (max-width:992px){.cu-wrapper{border-radius:0;grid-template-columns:1fr;max-width:100%;margin:0}.cu-side{padding:2rem}}@media (max-width:600px){.cu-form-panel{padding:1.5rem 1rem}.cu-field-row.two{grid-template-columns:1fr}.cu-role-grid{grid-template-columns:repeat(2,1fr)}.cu-side-brand{font-size:1.5rem}.cu-side-title{font-size:1.2rem}.cu-side-stats{display:none}}@media (max-width:480px){.cu-role-grid{grid-template-columns:1fr}}:root{--sa-blue:#2347c5;--sa-blue-dark:#1a3499;--sa-blue-mid:#2f59e0;--sa-blue-light:#eef2fd;--sa-blue-soft:#2347c514;--sa-green:#16a34a;--sa-green-light:#dcfce7;--sa-green-soft:#16a34a1a;--sa-gold:#f59e0b;--sa-gold-light:#fffbeb;--sa-orange:#f97316;--sa-orange-light:#fff7ed;--sa-orange-soft:#f973161a;--sa-purple:#7c3aed;--sa-purple-light:#f5f3ff;--sa-purple-soft:#7c3aed1a;--sa-red:#ef4444;--sa-red-light:#fef2f2;--sa-bg:#f0f3fa;--sa-white:#fff;--sa-border:#e2e8f0;--sa-border-focus:#2347c5;--sa-text:#1e293b;--sa-text-mid:#475569;--sa-text-muted:#94a3b8;--sa-shadow:0 2px 12px #2347c514, 0 1px 4px #0000000a;--sa-shadow-lg:0 12px 40px #2347c524, 0 4px 12px #0000000f;--sa-side-bg:linear-gradient(160deg, #1a3499 0%, #2347c5 55%, #3d6ee8 100%);--sa-radius:14px;--sa-radius-sm:10px;--font-body:"Poppins", sans-serif;--font-display:"Outfit", sans-serif}.sa-page{background:var(--sa-bg);min-height:100vh;font-family:var(--font-body);box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:0 1rem 2rem;display:flex;overflow-x:hidden}@media (max-width:768px){.sa-page{align-items:flex-start;padding:15px 0 2rem}}.sa-wrapper{background:var(--sa-white);width:100%;max-width:1450px;box-shadow:var(--sa-shadow-lg);border-radius:22px;grid-template-columns:300px 1fr;animation:.45s ease-out both saSlideUp;display:grid;overflow:hidden}.sa-side-panel{background:var(--sa-side-bg);color:#fff;flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.sa-side-panel:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px}.sa-side-panel:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;left:-50px}.sa-content{background:var(--sa-bg);min-height:100vh;font-family:var(--font-body);padding:2rem}.sa-hero{flex-wrap:wrap;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.sa-hero-eyebrow{color:var(--sa-blue);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.sa-hero-heading{font-family:var(--font-display);color:var(--sa-text);margin:0 0 .5rem;font-size:1.8rem;font-weight:800}.sa-hero-desc{color:var(--sa-text-muted);margin:0;font-size:.95rem}.sa-card{background:var(--sa-white);border-radius:var(--sa-radius);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow);padding:1.75rem 2rem}.sa-btn-primary{background:var(--sa-blue);color:#fff;border-radius:var(--sa-radius-sm);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-body);border:none;padding:.65rem 1.5rem;transition:background .2s}.sa-btn-primary:hover:not(:disabled){background:var(--sa-blue-dark)}.sa-btn-primary:disabled{opacity:.6;cursor:not-allowed}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{color:var(--sa-text);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);color:var(--sa-text);font-size:.9rem;font-family:var(--font-body);background:#fff;padding:.6rem .85rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--sa-blue);box-shadow:0 0 0 3px var(--sa-blue-soft);outline:none}.pd-wrapper-extra{max-width:1200px}.pd-side-card{border-radius:var(--sa-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff1a;align-items:center;gap:1rem;margin-top:auto;padding:1.25rem;display:flex}.pd-side-icon{color:var(--sa-cyan);font-size:1.5rem}.pd-side-info{flex-direction:column;display:flex}.pd-side-label{text-transform:uppercase;color:var(--sa-text-muted);letter-spacing:.5px;font-size:.6rem;font-weight:800}.pd-side-value{font-family:var(--font-display);color:var(--sa-cyan);font-size:.85rem;font-weight:900}.pd-side-illustration{justify-content:center;margin-top:2rem;display:flex}.pd-main-panel{flex-direction:column;gap:2rem;padding:2.5rem;display:flex;overflow-y:auto}.pd-header{justify-content:space-between;align-items:center;display:flex}.pd-header h1{font-family:var(--font-display);color:var(--sa-text);letter-spacing:-.5px;font-size:2rem;font-weight:900}.pd-header p{color:var(--sa-text-muted);font-size:.9rem}.pd-header__badge{background:var(--sa-blue-light);color:var(--sa-blue);border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:800;display:flex}.pd-stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.pd-stat-card{border:1.5px solid var(--sa-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:20px;align-items:center;gap:1.5rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pd-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000f}.pd-stat-visual{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;display:flex}.pd-stat-card--blue .pd-stat-visual{color:#3b82f6;background:#eff6ff}.pd-stat-card--green .pd-stat-visual{color:#22c55e;background:#f0fdf4}.pd-stat-card--purple .pd-stat-visual{color:#a855f7;background:#faf5ff}.pd-stat-content{flex-direction:column;display:flex}.pd-stat-value{font-family:var(--font-display);color:var(--sa-text);font-size:1.75rem;font-weight:900;line-height:1.1}.pd-stat-label{color:var(--sa-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;font-size:.75rem;font-weight:700}.pd-ai-grid{grid-template-columns:3fr 2fr;gap:1.5rem;display:grid}.pd-ai-card{background:var(--sa-blue-dark);color:#fff;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a26}.pd-ai-card:before{content:"";z-index:1;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:200px;height:200px;position:absolute;top:0;right:0}.pd-ai-card__header{font-family:var(--font-display);color:var(--sa-cyan);z-index:2;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:800;display:flex}.pd-ai-card__body{z-index:2;flex-direction:column;gap:1.25rem;display:flex}.pd-ai-text{opacity:.9;font-size:1rem;font-weight:500;line-height:1.6}.pd-ai-footer{gap:.75rem;display:flex}.pd-ai-tag{text-transform:uppercase;color:var(--sa-cyan);background:#ffffff1a;border-radius:20px;padding:.35rem .75rem;font-size:.65rem;font-weight:800}.pd-ai-card--alert{border:1.5px solid var(--sa-border);color:var(--sa-text);box-shadow:var(--sa-shadow);background:#fff}.pd-ai-card--alert .pd-ai-card__header{color:var(--sa-red)}.pd-alert-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.pd-alert-list li{color:var(--sa-text-mid);padding-left:1.5rem;font-size:.85rem;font-weight:600;position:relative}.pd-alert-list li:before{content:"→";color:var(--sa-red);position:absolute;left:0}.pd-charts-card{border:1.5px solid var(--sa-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:20px;padding:2rem}.pd-charts-header h3{font-family:var(--font-display);color:var(--sa-text);margin-bottom:1.5rem;font-size:1.1rem;font-weight:800}.pd-cost-row{grid-template-columns:150px 1fr 60px;align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:grid}.pd-c-label{color:var(--sa-text-muted);font-size:.8rem;font-weight:700}.pd-c-bar-bg{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden}.pd-c-bar{border-radius:10px;height:100%;transition:width 1.5s cubic-bezier(.34,1.56,.64,1)}.pd-c-pct{color:var(--sa-text);text-align:right;font-size:.85rem;font-weight:800}.pd-loader{height:100vh;color:var(--sa-blue);background:var(--sa-bg);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.pd-spinner{border:4px solid var(--sa-blue-light);border-top-color:var(--sa-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite sa-spin}@media (max-width:1000px){.sa-wrapper{grid-template-columns:1fr}.sa-side-panel{display:none}.pd-stats-grid,.pd-ai-grid{grid-template-columns:1fr}}.sa-attendance-page{padding:24px;animation:.4s ease-out fadeIn}.sa-att-header{margin-bottom:24px}.sa-att-header h1{color:#1e293b;margin-bottom:8px;font-size:1.8rem}.sa-att-header p{color:#64748b;font-size:.95rem}.sa-att-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.sa-att-controls{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.sa-att-controls input{border:1px solid #e2e8f0;border-radius:8px;min-width:250px;padding:10px 16px;font-size:.95rem;transition:all .2s}.sa-att-controls input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.sa-att-table-wrap{overflow-x:auto}.sa-att-table{border-collapse:collapse;width:100%}.sa-att-table th,.sa-att-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:14px 16px}.sa-att-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:.85rem;font-weight:600}.sa-att-table tbody tr:hover{background:#f8fafc}.sa-badge-role{color:#4f46e5;background:#e0e7ff;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.sa-badge-role.trainer{color:#16a34a;background:#dcfce7}.sa-badge-role.student{color:#ca8a04;background:#fef9c3}.sa-badge-role.admin{color:#dc2626;background:#fee2e2}.sa-badge-role.marketer{color:#9333ea;background:#f3e8ff}.sa-time-active{color:#16a34a;font-weight:600;animation:2s infinite pulse}.sa-att-empty{text-align:center;color:#64748b;padding:40px}.sa-att-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.sa-att-stat-box{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 4px #00000005}.sa-att-stat-box .icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.sa-att-stat-box .info h4{color:#64748b;margin:0;font-size:.85rem}.sa-att-stat-box .info p{color:#1e293b;margin:4px 0 0;font-size:1.5rem;font-weight:700}.sa-clickable-row{cursor:pointer;transition:background .2s}.sa-view-btn{color:#3b82f6;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.sa-view-btn:hover{background:#e0e7ff;border-color:#a5b4fc}.sa-att-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.sa-att-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;transform:translateY(0);box-shadow:0 20px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sa-att-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.sa-att-modal-header h2{color:#1e293b;margin-bottom:4px;font-size:1.25rem;font-weight:800}.sa-att-modal-header p{color:#64748b;font-size:.85rem;font-weight:500}.sa-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1}.sa-modal-close:hover{color:#0f172a}.sa-att-modal-body{padding:24px;overflow-y:auto}.sa-modal-summary{gap:16px;margin-bottom:24px;display:flex}.sa-sum-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.sa-sum-box span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.sa-sum-box strong{color:#1e293b;font-size:18px;font-weight:800}.sa-modal-subtitle{color:#334155;margin-bottom:16px;font-size:.95rem;font-weight:700}.sa-timeline{flex-direction:column;gap:16px;display:flex;position:relative}.sa-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:10px;bottom:10px;left:17px}.sa-timeline-item{gap:16px;display:flex;position:relative}.sa-tl-dot{z-index:1;background:#3b82f6;border:3px solid #eff6ff;border-radius:50%;width:12px;height:12px;margin-top:6px;margin-left:12px;box-shadow:0 0 0 1px #bfdbfe}.sa-tl-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px;box-shadow:0 1px 3px #00000005}.sa-tl-row{justify-content:space-between;margin-bottom:12px;display:flex}.sa-tl-row strong{color:#0f172a;font-size:.9rem}.sa-tl-dur{color:#3b82f6;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700}.sa-tl-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sa-tl-time{align-items:flex-start;gap:8px;display:flex}.sa-tl-time .in-icon,.sa-tl-time .out-icon{font-size:16px}.sa-tl-time small{color:#64748b;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.sa-tl-time div{color:#1e293b;font-size:.85rem;font-weight:600}:root{--navy:#1e3a8a;--navy-dk:#0f172a;--blue:#2563eb;--blue-lt:#eff6ff;--green:#16a34a;--green-lt:#dcfce7;--amber:#d97706;--amber-lt:#fef3c7;--indigo:#4f46e5;--indigo-lt:#eef2ff;--red:#dc2626;--red-lt:#fee2e2;--purple:#7c3aed;--purple-lt:#f5f3ff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--bg:#f1f5fb;--white:#fff;--shadow:0 4px 24px #0f172a14}*{box-sizing:border-box}.sd-page{background:var(--bg);min-height:100vh;color:var(--text);padding:16px 36px;font-family:Outfit,-apple-system,sans-serif}.sd-hero{background:linear-gradient(135deg,#0f2156 0%,#1e3a8a 50%,#1d4ed8 100%);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:24px 32px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #1e3a8a59}.sd-hero__bg{pointer-events:none;background:radial-gradient(circle at 80% 20%,#6366f140 0%,#0000 50%),radial-gradient(circle at 20% 80%,#3b82f633 0%,#0000 50%);border-radius:18px;position:absolute;inset:0}.sd-hero:before,.sd-hero:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;position:absolute}.sd-hero:before{width:300px;height:300px;top:-100px;right:-60px}.sd-hero:after{width:180px;height:180px;bottom:-70px;left:40%}.sd-hero__left{z-index:1;position:relative}.sd-hero__right{z-index:2;flex-shrink:0;align-items:center;gap:14px;display:flex;position:relative}.sd-greeting-tag{color:#ffffffd9;background:#ffffff1f;border:1px solid #ffffff26;border-radius:20px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.sd-hero__name{color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:800}.sd-hero__student-id{color:#60a5fa;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:8px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.sd-hero__quote{color:#ffffffe6;text-shadow:0 2px 4px #00000026;max-width:500px;margin:0 0 10px;font-size:16px;font-style:italic;font-weight:500;line-height:1.4;animation:1s ease-out sd-quote-fade}@keyframes sd-quote-fade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sd-hero__sub{color:#ffffffb3;margin:0 0 14px;font-size:14px}.sd-hero__meta{flex-wrap:wrap;gap:10px;display:flex}.sd-meta-chip{color:#ffffffd9;background:#ffffff1f;border:1px solid #ffffff26;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.sd-clock{text-align:right;color:#ffffffe6;margin-right:4px}.sd-clock__time{letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1}.sd-clock__date{color:#fff9;margin-top:2px;font-size:12px}.sd-icon-wrap{position:relative}.sd-icon-btn{cursor:pointer;width:40px;height:40px;color:inherit;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .2s;display:flex;position:relative}.sd-icon-btn:hover{background:#ffffff38}.sd-badge{color:#fff;pointer-events:none;background:#ef4444;border:2px solid #1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.sd-profile-wrap{position:relative}.sd-avatar{width:40px;height:40px;color:var(--navy);cursor:pointer;background:#fff;border:2.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;transition:transform .15s;display:flex}.sd-avatar:hover{transform:scale(1.06)}.sd-dropdown{background:var(--white);z-index:9999;border:1px solid var(--border);border-radius:14px;animation:.18s sd-drop-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 48px #0f172a2e}@keyframes sd-drop-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sd-notif-drop{width:310px;overflow:hidden}.sd-drop-head{color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.sd-mark-read{color:var(--blue);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:600}.sd-mark-read:hover{text-decoration:underline}.sd-notif-scroll{max-height:280px;overflow:hidden auto}.sd-notif-scroll::-webkit-scrollbar{width:4px}.sd-notif-scroll::-webkit-scrollbar-track{background:#f8fafc}.sd-notif-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sd-notif-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:11px 16px;transition:background .15s;display:flex}.sd-notif-item:last-child{border-bottom:none}.sd-notif-item:hover{background:#f8fafc}.sd-notif-item--unread{background:var(--blue-lt)}.sd-notif-item--unread:hover{background:#dbeafe}.sd-notif-icon{flex-shrink:0;font-size:18px}.sd-notif-text{color:var(--text);flex:1;font-size:13px;font-weight:500;line-height:1.4}.sd-notif-empty{text-align:center;color:var(--muted);padding:24px 16px;font-size:13px}.sd-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sd-profile-drop{width:242px;padding:16px}.sd-profile-info{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sd-profile-avatar-lg{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}.sd-profile-name{color:var(--text);font-size:14px;font-weight:700}.sd-profile-email{color:var(--muted);word-break:break-all;font-size:12px}.sd-profile-student-id{color:var(--blue);margin-top:2px;font-size:11px;font-weight:700}.sd-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.sd-drop-btn{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s;display:flex}.sd-drop-btn:hover{background:#f1f5f9}.sd-drop-btn--danger{color:var(--red)}.sd-drop-btn--danger:hover{background:var(--red-lt)}.sd-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.sd-stat{background:var(--white);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s;animation:.5s both sd-fadein;display:flex}.sd-stat:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0f172a1f}.sd-stat:first-child{animation-delay:50ms}.sd-stat:nth-child(2){animation-delay:.1s}.sd-stat:nth-child(3){animation-delay:.15s}.sd-stat:nth-child(4){animation-delay:.2s}@keyframes sd-fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sd-stat__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.sd-stat--blue .sd-stat__icon{background:var(--blue-lt)}.sd-stat--green .sd-stat__icon{background:var(--green-lt)}.sd-stat--amber .sd-stat__icon{background:var(--amber-lt)}.sd-stat--indigo .sd-stat__icon{background:var(--indigo-lt)}.sd-stat--purple .sd-stat__icon{background:var(--purple-lt)}.sd-stat__val{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.sd-stat--blue .sd-stat__val{color:var(--blue)}.sd-stat--green .sd-stat__val{color:var(--green)}.sd-stat--amber .sd-stat__val{color:var(--amber)}.sd-stat--indigo .sd-stat__val{color:var(--indigo)}.sd-stat--purple .sd-stat__val{color:var(--purple)}.sd-stat__label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-top:3px;font-size:12px;font-weight:500}.sd-stat__ring{opacity:.35;flex-shrink:0;width:42px;height:42px;margin-left:auto}.sd-stat__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sd-ring-bg{stroke:#e2e8f0}.sd-ring-fill{stroke:var(--blue);transition:stroke-dasharray 1.2s}.sd-stat--green .sd-ring-fill{stroke:var(--green)}.sd-stat--amber .sd-ring-fill{stroke:var(--amber)}.sd-stat--indigo .sd-ring-fill{stroke:var(--indigo)}.sd-stat--purple .sd-ring-fill{stroke:var(--purple)}.sd-tabs{background:var(--white);box-shadow:var(--shadow);border-radius:12px;gap:6px;width:fit-content;margin-bottom:20px;padding:6px;display:flex}.sd-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s}.sd-tab:hover{color:var(--text);background:#f1f5f9}.sd-tab--active{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 4px 12px #2563eb4d}.sd-grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sd-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.sd-card{background:var(--white);box-shadow:var(--shadow);border-radius:14px;padding:22px;animation:.4s both sd-fadein}.sd-card-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sd-card-head h2{color:var(--navy-dk);margin:0;font-size:15px;font-weight:700}.sd-card-badge{background:var(--blue-lt);color:var(--blue);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.sd-link-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600}.sd-link-btn:hover{text-decoration:underline}.sd-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sd-action-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.sd-action-btn:hover{transform:translateY(-2px)}.sd-action-btn--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.sd-action-btn--green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.sd-action-btn--amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.sd-action-btn--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.sd-action-btn--orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d}.sd-progress-circle{justify-content:center;margin:8px 0;display:flex}.sd-donut{width:120px;height:120px;overflow:visible;transform:rotate(-90deg)}.sd-donut-bg{stroke:#e2e8f0}.sd-donut-fill{stroke:var(--blue);transition:stroke-dasharray 1.2s}.sd-donut-text{fill:var(--navy-dk);transform-origin:60px 60px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800;transform:rotate(90deg)}.sd-prog-label{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;font-weight:600;display:flex}.sd-prog-center{color:var(--text);font-weight:700}.sd-upcoming-list{flex-direction:column;gap:10px;display:flex}.sd-upcoming-item{cursor:pointer;background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.sd-upcoming-item:hover{background:#f1f5f9}.sd-upcoming-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sd-upcoming-item--blue .sd-upcoming-dot{background:var(--blue)}.sd-upcoming-item--indigo .sd-upcoming-dot{background:var(--indigo)}.sd-upcoming-body{flex:1}.sd-upcoming-name{color:var(--text);font-size:13.5px;font-weight:600}.sd-upcoming-time{color:var(--muted);margin-top:1px;font-size:12px}.sd-type-chip{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.sd-type-chip--blue{background:var(--blue-lt);color:var(--blue)}.sd-type-chip--indigo{background:var(--indigo-lt);color:var(--indigo)}.sd-type-chip--amber{background:var(--amber-lt);color:var(--amber)}.sd-type-chip--green{background:var(--green-lt);color:var(--green)}.sd-type-chip--purple{background:var(--purple-lt);color:var(--purple)}.sd-type-chip--past{color:var(--muted);background:#f1f5f9}.sd-courses-wrapper{flex-direction:column;gap:0;display:flex}.sd-course-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.sd-course-tile{background:var(--white);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;animation:.4s both sd-fadein;display:flex}.sd-course-tile:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0f172a1a}.sd-course-tile__icon{background:var(--blue-lt);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.sd-course-tile__body{flex:1;min-width:0}.sd-course-tile__name{color:var(--navy-dk);margin-bottom:5px;font-size:15px;font-weight:700}.sd-course-tile__meta{color:var(--muted);margin-bottom:4px;font-size:12px}.sd-course-tile__desc{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.sd-course-tile__actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.sd-enrolled-chip{background:var(--green-lt);color:var(--green);white-space:nowrap;border:1px solid #86efac;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.sd-course-btn{background:var(--blue-lt);color:var(--blue);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,color .2s}.sd-course-btn:hover{background:var(--blue);color:#fff}.sd-schedule{flex-direction:column;gap:12px;animation:.4s both sd-fadein;display:flex}.sd-sched-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--border);margin-bottom:4px;padding:4px 0 2px;font-size:13px;font-weight:700}.sd-sched-section-label--future{margin-top:8px}.sd-sched-card{background:var(--white);box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s;display:flex}.sd-sched-card:hover{transform:translate(4px)}.sd-sched-card--today{border:2px solid var(--blue);background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);box-shadow:0 4px 20px #2563eb26}.sd-sched-accent{border-radius:4px;flex-shrink:0;width:4px;height:44px}.sd-sched-accent--blue{background:var(--blue)}.sd-sched-accent--indigo{background:var(--indigo)}.sd-sched-body{flex:1}.sd-sched-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.sd-sched-chips{align-items:center;gap:6px;display:flex}.sd-sched-name{color:var(--navy-dk);font-size:15px;font-weight:700}.sd-sched-time{color:var(--muted);font-size:13px}.sd-today-badge{background:var(--blue);color:#fff;letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:800}.sd-join-btn{background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;flex-shrink:0;align-items:center;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .2s;display:inline-flex;text-decoration:none!important}.sd-join-btn:hover{opacity:.85}.sd-join-btn--outline{color:var(--indigo);border:1.5px solid var(--indigo);background:0 0}.sd-join-btn--outline:hover{background:var(--indigo-lt);opacity:1}a.sd-join-btn,a.sd-join-btn:visited,a.sd-join-btn:hover,a.sd-join-btn:focus{color:#fff;text-decoration:none!important}a.sd-join-btn--outline,a.sd-join-btn--outline:visited,a.sd-join-btn--outline:hover{color:var(--indigo)}.sd-activity-card{animation:.4s both sd-fadein}.sd-activity-meta{align-items:center;gap:10px;display:flex}.sd-activity-note{color:var(--muted);background:#f1f5f9;border-radius:20px;padding:3px 8px;font-size:11px}.sd-timeline{flex-direction:column;display:flex}.sd-timeline-item{align-items:flex-start;gap:14px;display:flex}.sd-timeline-dot-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.sd-timeline-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sd-timeline-line{background:var(--border);flex:1;width:2px;min-height:20px;margin:4px 0}.sd-timeline-body{flex:1;padding:10px 0 16px}.sd-timeline-text{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:600}.sd-timeline-time{color:var(--muted);font-size:12px}.sd-mini-loader{color:var(--muted);align-items:center;gap:10px;padding:24px 0;font-size:13px;font-weight:500;display:flex}.sd-loader-center{color:var(--muted);grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:48px 0;font-size:14px;display:flex}.sd-mini-spin{border:3px solid #e2e8f0;border-top-color:var(--blue);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite sd-spin}@keyframes sd-spin{to{transform:rotate(360deg)}}.sd-empty-msg{text-align:center;color:var(--muted);padding:32px 0;font-size:14px;font-weight:500}@media (max-width:1200px){.sd-stats{grid-template-columns:repeat(2,1fr)}.sd-grid-3{grid-template-columns:1fr 1fr}.sd-course-grid{grid-template-columns:1fr}}@media (max-width:900px){.sd-grid-3,.sd-grid-2,.sd-course-grid{grid-template-columns:1fr}.sd-stats{grid-template-columns:repeat(2,1fr)}.sd-hero{flex-direction:column;align-items:flex-start;gap:20px}.sd-hero__right{justify-content:flex-end;width:100%}.sd-tabs{width:100%;overflow-x:auto}}@media (max-width:600px){.sd-page{padding:15px 16px 120px!important}.sd-hero{padding:20px 18px}.sd-hero__name{font-size:22px}.sd-stats{grid-template-columns:1fr;gap:12px}.sd-actions{grid-template-columns:1fr}.sd-tab{padding:8px 12px;font-size:12px}.sd-course-tile{flex-wrap:wrap;padding:15px}.sd-course-tile__actions{border-top:1px solid #f1f5f9;flex-direction:row;justify-content:flex-start;width:100%;margin-top:10px;padding-top:10px}}@media (max-width:400px){.sd-page{padding:12px}.sd-hero{padding:18px 14px}.sd-hero__right{justify-content:center}.sd-stat,.sd-card{padding:15px}}.quick-punch-card{border:1.5px solid #0000;border-radius:18px;padding:18px 20px;font-family:Outfit,-apple-system,sans-serif;transition:all .35s;position:relative;overflow:hidden}.quick-punch-card.status-in{background:linear-gradient(145deg,#ecfdf5,#d1fae5);border-color:#6ee7b7;box-shadow:0 6px 30px #10b9811f}.quick-punch-card.status-out{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#93c5fd;box-shadow:0 6px 30px #2563eb1a}.quick-punch-card.qp-horizontal{border-radius:16px;padding:14px 16px}.quick-punch-card.qp-horizontal .qp-header{margin-bottom:8px}.quick-punch-card.qp-horizontal .qp-title-box h3{font-size:13px}.quick-punch-card.qp-horizontal .qp-methods{flex-direction:column}.quick-punch-card.qp-horizontal .qp-or{border:1px solid #00000012;border-left:none;border-right:none;width:100%;height:18px}.quick-punch-card.qp-horizontal .qp-method-btn{padding:10px}.quick-punch-card.qp-horizontal .qp-method-btn span{font-size:11px}.qp-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.qp-sync-btn{color:#64748b;cursor:pointer;background:#fff9;border:1px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;transition:all .2s;display:flex}.qp-sync-btn:hover{color:#2563eb;background:#fff;box-shadow:0 2px 8px #0000001a}.qp-spin{animation:.8s linear infinite qp-sync-spin}@keyframes qp-sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qp-icon-box{color:#1e3a8a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1.5px solid #00000012;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.status-in .qp-icon-box{color:#059669}.status-out .qp-icon-box{color:#2563eb}.qp-title-box{flex:1}.qp-title-box h3{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:800}.qp-title-box p{color:#64748b;margin:0;font-size:12px;font-weight:500}.qp-details-link{color:#2563eb;white-space:nowrap;background:#ffffffb3;border:1px solid #2563eb33;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:background .18s;display:flex}.qp-details-link:hover{color:#fff;background:#2563eb;border-color:#2563eb}.qp-info-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.qp-info-chip{color:#475569;background:#ffffffb3;border:1px solid #00000012;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.qp-info-chip--blue{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.qp-info-chip--green{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.qp-info-chip--grey{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.qp-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.qp-dot--green{background:#10b981;animation:1.5s infinite qp-pulse}.qp-dot--red{background:#ef4444}@keyframes qp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.qp-action-label{color:#334155;letter-spacing:.1px;margin-bottom:10px;font-size:11.5px;font-weight:700}.qp-methods{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6;border:1.5px solid #fffc;border-radius:14px;align-items:stretch;margin-bottom:10px;display:flex;overflow:hidden}.qp-method-btn{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:14px 10px;font-family:inherit;transition:background .18s,transform .15s;display:flex}.qp-method-btn span{color:#0f172a;font-size:13px;font-weight:800;display:block}.qp-method-btn small{color:#64748b;font-size:10px;font-weight:500;display:block}.qp-method-btn svg,.qp-method-btn .qp-spinner{color:#1e3a8a}.status-in .qp-method-btn svg{color:#dc2626}.status-out .qp-method-btn svg{color:#2563eb}.qp-method-btn:hover:not(:disabled){transform:translateY(-1px)}.qp-method-btn--in.qp-method-btn--qr:hover:not(:disabled){background:#2563eb1f}.qp-method-btn--out.qp-method-btn--qr:hover:not(:disabled){background:#dc262614}.qp-method-btn--in.qp-method-btn--quick:hover:not(:disabled){background:#2563eb14}.qp-method-btn--out.qp-method-btn--quick:hover:not(:disabled){background:#dc26260f}.qp-method-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.qp-or{color:#94a3b8;letter-spacing:1px;background:#ffffff80;border-left:1px solid #00000012;border-right:1px solid #00000012;flex-shrink:0;justify-content:center;align-items:center;width:28px;font-size:10px;font-weight:800;display:flex}.qp-spinner{border:2.5px solid #0000001f;border-top-color:#2563eb;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite qp-spin}@keyframes qp-spin{to{transform:rotate(360deg)}}.qp-msg{border-radius:10px;align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.qp-msg--success{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.qp-msg--error{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.qp-retry-link{color:#c2410c;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-family:inherit;font-size:12px;font-weight:700;text-decoration:underline}.qp-retry-link:hover{color:#9a3412}.qp-footer-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.qp-tag{color:#64748b;font-size:11px;font-weight:500}.qp-history-link{color:#2563eb;font-size:12px;font-weight:700;text-decoration:none;transition:color .15s}.qp-history-link:hover{color:#1e3a8a;text-decoration:underline}.qp-skeleton{color:#94a3b8;background:#f8fafc;border-radius:18px;padding:18px 20px;font-size:13px;font-weight:600;animation:1.4s infinite qp-blink}@keyframes qp-blink{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:500px){.qp-methods{flex-direction:column}.qp-or{border:1px solid #00000012;border-left:none;border-right:none;width:100%;height:24px}}.attendance-rules-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:1.5rem 0;padding:1.25rem;box-shadow:0 4px 15px #0000000d}.rules-header{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.rules-header h4{margin:0;font-size:1.1rem;font-weight:700}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.rule-item{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:1rem;padding:.75rem;transition:all .2s;display:flex}.rule-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.rule-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:1.1rem;display:flex}.rule-item p{color:#475569;margin:0;font-size:.85rem;font-weight:500;line-height:1.4}.rules-footer{color:#94a3b8;text-align:center;margin-top:1.25rem;font-size:.75rem;font-style:italic;font-weight:600}:root{--navy:#0f172a;--navy-80:#1e293b;--indigo:#4f46e5;--indigo-l:#6366f1;--teal:#0d9488;--teal-l:#14b8a6;--amber:#f59e0b;--rose:#f43f5e;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--muted:#64748b;--text:#0f172a;--radius:14px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000f}button{cursor:pointer;font-family:inherit}ul{list-style:none}.sc-root{background:var(--surface-2);min-height:100vh;color:var(--text);padding-bottom:4rem;font-family:DM Sans,sans-serif}.sc-hero{background:var(--navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:3rem 2.5rem 2.5rem;display:flex;position:relative;overflow:hidden}.sc-hero-bg{pointer-events:none;position:absolute;inset:0}.sc-orb{filter:blur(70px);opacity:.22;border-radius:50%;position:absolute}.sc-orb-1{background:var(--indigo);width:380px;height:380px;top:-120px;left:-80px}.sc-orb-2{background:var(--teal);width:260px;height:260px;bottom:-100px;right:80px}.sc-hero-content{z-index:1;align-items:center;gap:1.5rem;display:flex;position:relative}.sc-avatar{background:linear-gradient(135deg, var(--indigo-l), var(--teal-l));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-family:Sora,sans-serif;font-size:1.6rem;font-weight:700;display:flex;box-shadow:0 0 0 3px #ffffff26}.sc-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--teal-l);margin-bottom:.3rem;font-size:.75rem;font-weight:500}.sc-hero-title{color:#fff;font-family:Sora,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2}.sc-hero-title span{background:linear-gradient(90deg, var(--indigo-l), var(--teal-l));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sc-hero-sub{color:#ffffff8c;margin-top:.4rem;font-size:.9rem}.sc-hero-stats{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff1f;flex-shrink:0;align-items:center;gap:1.5rem;padding:1.25rem 2rem;display:flex;position:relative}.sc-stat{color:#fffc;align-items:center;gap:.75rem;display:flex}.sc-stat svg{color:var(--teal-l);font-size:1.2rem}.sc-stat strong{color:#fff;font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;line-height:1;display:block}.sc-stat span{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;font-size:.72rem}.sc-stat-divider{background:#ffffff26;width:1px;height:36px}.sc-error{border-left:4px solid var(--rose);color:#9f1239;border-radius:0 var(--radius) var(--radius) 0;background:#fff0f3;align-items:center;gap:.75rem;margin:1.5rem 2.5rem 0;padding:1rem 1.5rem;font-size:.9rem;display:flex}.sc-tabs{border-bottom:2px solid var(--border);gap:.25rem;padding:1.5rem 2.5rem 0;display:flex}.sc-tab{color:var(--muted);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:color .2s,border-color .2s;display:flex}.sc-tab:hover{color:var(--indigo);background:#4f46e50d}.sc-tab.active{color:var(--indigo);border-bottom-color:var(--indigo);font-weight:600}.sc-tab-count{background:var(--indigo);color:#fff;border-radius:20px;padding:1px 7px;font-size:.65rem;font-weight:700}.sc-tab:not(.active) .sc-tab-count{background:var(--border);color:var(--muted)}.sc-panel{padding:2rem 2.5rem}.sc-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.sc-course-card,.sc-batch-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:.4s both sc-fadeUp;animation-delay:var(--delay,0s);flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}@keyframes sc-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sc-course-card:hover,.sc-batch-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.sc-card-stripe{background:linear-gradient(90deg, var(--indigo), var(--indigo-l));height:4px}.batch-stripe{background:linear-gradient(90deg, var(--teal), var(--teal-l))}.sc-card-body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.sc-card-footer{border-top:1px solid var(--border);background:var(--surface-2);padding:1rem 1.5rem}.sc-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sc-duration-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--indigo);background:#eef2ff;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.sc-status-pill{text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.sc-status-pill.ongoing{color:#15803d;background:#dcfce7}.sc-status-pill.completed{color:#475569;background:#f1f5f9}.sc-status-pill.upcoming{color:#854d0e;background:#fef9c3}.sc-card-title{color:var(--text);font-family:Sora,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.35}.sc-card-desc{color:var(--muted);flex:1;font-size:.875rem;line-height:1.6}.sc-no-syllabus{color:#94a3b8;font-size:.8rem;font-style:italic}.sc-batch-header{align-items:flex-start;gap:1rem;display:flex}.sc-batch-icon{width:42px;height:42px;color:var(--teal);background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.sc-batch-live-pill{letter-spacing:.1em;color:var(--teal);margin-top:3px;font-size:.65rem;font-weight:700;display:block}.sc-schedule-section{border:1px solid var(--border);background:#f8fafc;border-radius:10px;flex:1;padding:1rem}.sc-schedule-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin-bottom:.875rem;font-size:.72rem;font-weight:700;display:flex}.sc-schedule-list{flex-direction:column;gap:.625rem;display:flex}.sc-schedule-item{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem .875rem;transition:border-color .2s,background .2s;display:flex;position:relative}.sc-schedule-item.today{border-color:var(--teal-l);background:#f0fdfa}.sc-schedule-dot{width:24px;height:24px;color:var(--muted);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sc-schedule-item.today .sc-schedule-dot{background:var(--teal);color:#fff}.sc-schedule-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sc-schedule-date{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.sc-schedule-time{color:var(--muted);align-items:center;gap:5px;font-size:.75rem;display:flex}.sc-today-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--teal);color:#fff;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:.62rem;font-weight:700}.sc-no-classes{color:#94a3b8;align-items:center;gap:8px;padding:.5rem 0;font-size:.82rem;display:flex}.sc-btn{border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.sc-btn:active{transform:scale(.98)}.sc-btn-primary{background:linear-gradient(135deg, var(--indigo), var(--indigo-l));color:#fff;box-shadow:0 2px 10px #4f46e54d}.sc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px #4f46e573}.sc-btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.sc-btn-outline:hover{border-color:var(--indigo);color:var(--indigo);background:#eef2ff}.sc-btn-disabled{color:#94a3b8;cursor:not-allowed;border:1.5px dashed var(--border);background:#f1f5f9}.sc-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.sc-empty-icon{width:70px;height:70px;color:var(--indigo);background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.sc-empty h3{color:var(--text);font-family:Sora,sans-serif;font-size:1.15rem}.sc-empty p{color:var(--muted);max-width:300px;font-size:.9rem}.sc-loading{height:70vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;font-size:.9rem;display:flex}.sc-spinner{width:56px;height:56px;position:relative}.sc-spinner-ring{border:3px solid #e2e8f0;border-top-color:var(--indigo);border-radius:50%;animation:.9s linear infinite sc-spin;position:absolute;inset:0}.sc-spinner-icon{color:var(--indigo);font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sc-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.sc-hero{flex-direction:column;align-items:flex-start;padding:2rem 1.25rem 1.75rem}.sc-hero-stats{justify-content:center;width:100%}.sc-tabs,.sc-panel{padding-left:1.25rem;padding-right:1.25rem}.sc-grid{grid-template-columns:1fr}}.course-details-page{background:#f4f7fb;min-height:100vh;padding:40px;font-family:Inter,sans-serif}.back-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin-bottom:20px;font-size:14px}.back-btn:hover{text-decoration:underline}.details-card{background:#fff;border-radius:20px;max-width:800px;padding:35px;box-shadow:0 10px 30px #0000000d}.details-card h2{color:#1e293b;margin-bottom:15px;font-size:26px}.description{color:#64748b;margin-bottom:30px;line-height:1.6}.modules-section h3{color:#1e293b;margin-bottom:15px}.modules-section ul{padding:0;list-style:none}.modules-section li{background:#f8fafc;border-radius:12px;align-items:center;margin-bottom:10px;padding:12px 15px;transition:all .3s;display:flex}.modules-section li:hover{background:#e0e7ff}.module-number{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:12px;font-size:13px;font-weight:600;display:flex}:root{--sa-bg:#f0f3fa;--sa-white:#fff;--sa-navy:#1e293b;--sa-blue:#2347c5;--sa-blue-bg:#eff3ff;--sa-green:#10b981;--sa-green-bg:#ecfdf5;--sa-red:#ef4444;--sa-red-bg:#fef2f2;--sa-amber:#f59e0b;--sa-amber-bg:#fffbeb;--sa-text:#1e293b;--sa-muted:#64748b;--sa-border:#e2e8f0;--sa-shadow:0 4px 15px #0000000a}.sa-viewport{background:var(--sa-bg);min-height:100vh;color:var(--sa-text);padding:30px 40px;font-family:Outfit,sans-serif}.sa-main-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.sa-top-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.sa-brand-group{align-items:center;gap:16px;display:flex}.sa-icon-box{background:var(--sa-blue);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 8px 20px #2347c533}.sa-title-stack h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:900}.sa-header-meta{align-items:center;gap:10px;margin-top:6px;display:flex}.sa-batch-pill{background:var(--sa-blue-bg);color:var(--sa-blue);border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-flex}.sa-student-id-pill{color:#475569;letter-spacing:.3px;background:#0f172a0d;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.sa-dl-report-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a33}.sa-dl-report-btn:hover{background:#1e293b;transform:translateY(-2px)}.sa-metrics-row{grid-template-columns:1fr 480px;gap:20px;display:grid}.sa-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sa-metric-card{background:var(--sa-white);box-shadow:var(--sa-shadow);border:1px solid #e2e8f080;border-radius:20px;align-items:center;gap:15px;padding:24px;display:flex}.sa-metric-ic{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.sa-metric-ic--blue{background:var(--sa-blue-bg);color:var(--sa-blue)}.sa-metric-ic--green{background:var(--sa-green-bg);color:var(--sa-green)}.sa-metric-ic--red{background:var(--sa-red-bg);color:var(--sa-red)}.sa-metric-ic--amber{background:var(--sa-amber-bg);color:var(--sa-amber)}.sa-metric-data{flex-direction:column;display:flex}.sa-metric-val{color:#0f172a;font-size:24px;font-weight:900;line-height:1}.sa-metric-lbl{color:var(--sa-muted);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700}.sa-rate-wide-card{background:var(--sa-white);box-shadow:var(--sa-shadow);border:1px solid #e2e8f080;border-radius:20px;align-items:center;gap:25px;padding:24px 30px;display:flex}.sa-rate-gauge{flex-shrink:0}.sa-rate-content{flex:1}.sa-rate-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sa-rate-title{color:var(--sa-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.sa-rate-value{color:#0f172a;font-size:16px;font-weight:900}.sa-rate-progress-track{background:#f1f5f9;border-radius:20px;height:10px;margin-bottom:10px;overflow:hidden}.sa-rate-progress-fill{background:var(--sa-green);border-radius:20px;height:100%;transition:width .6s}.sa-rate-status-msg{color:var(--sa-green);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.sa-filter-section{background:var(--sa-white);box-shadow:var(--sa-shadow);border:1px solid #e2e8f080;border-radius:20px;align-items:flex-end;gap:50px;padding:24px 30px;display:flex}.sa-filter-field{flex-direction:column;gap:10px;display:flex}.sa-filter-field--batch{flex:1;max-width:400px}.sa-filter-field label{color:var(--sa-muted);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.sa-filter-field select{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 18px;font-family:inherit;font-size:14px;transition:border-color .2s}.sa-filter-field select:focus{border-color:var(--sa-blue)}.sa-toggle-group{background:#f1f5f9;border-radius:12px;gap:2px;padding:4px;display:flex}.sa-toggle-group button{color:var(--sa-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 24px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s}.sa-toggle-group button.active{background:var(--sa-blue);color:#fff;box-shadow:0 4px 10px #2347c533}.sa-extra-filter{align-items:center;gap:10px;display:flex}.sa-extra-filter input{border:1.5px solid #e2e8f0;border-radius:12px;padding:11px 15px;font-family:inherit;font-size:13px}.sa-apply-btn{background:var(--sa-navy);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 20px;font-weight:800}.sa-log-card{background:var(--sa-white);box-shadow:var(--sa-shadow);border:1px solid #e2e8f080;border-radius:20px;overflow:hidden}.sa-log-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.sa-log-title{color:var(--sa-blue);align-items:center;gap:12px;font-size:18px;font-weight:900;display:flex}.sa-log-sub{color:var(--sa-muted);margin-left:12px;font-size:13.5px;font-weight:500}.sa-log-search{width:400px;position:relative}.sa-log-search svg{color:var(--sa-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sa-log-search input{border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:12px 15px 12px 48px;font-family:inherit;font-size:14px;transition:border-color .2s}.sa-log-search input:focus{border-color:var(--sa-blue)}.sa-table-scroller{overflow-x:auto}.sa-table-main{border-collapse:collapse;width:100%}.sa-table-main th{text-align:left;color:var(--sa-muted);text-transform:uppercase;letter-spacing:.8px;background:#f8fafc;padding:18px 30px;font-size:11px;font-weight:800}.sa-table-main td{color:#334155;border-bottom:1px solid #f8fafc;padding:22px 30px;font-size:14px}.sa-table-main tr:last-child td{border-bottom:none}.sa-col-mute{color:var(--sa-muted);font-weight:500}.sa-col-date{color:var(--sa-blue);align-items:center;gap:8px;font-weight:800;display:flex}.sa-col-topic{color:#475569;font-style:italic;font-weight:600}.sa-status-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:6px;padding:7px 18px;font-size:11px;font-weight:900;display:inline-flex}.sa-status-tag--present{background:var(--sa-green-bg);color:#065f46}.sa-status-tag--absent{background:var(--sa-red-bg);color:#991b1b}.sa-status-tag--leave{background:var(--sa-amber-bg);color:#92400e}.sa-check-ic{font-size:12px}.sa-log-foot{background:#fcfdfe;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 30px;display:flex}.sa-foot-info{color:var(--sa-muted);font-size:12.5px;font-weight:600}.sa-pagination-nav{gap:10px;display:flex}.sa-pagination-nav button{cursor:pointer;width:36px;height:36px;color:var(--sa-muted);background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sa-pagination-nav button:hover:not(:disabled){border-color:var(--sa-blue);color:var(--sa-blue)}.sa-pagination-nav button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1200px){.sa-metrics-row{grid-template-columns:1fr}.sa-filter-section{flex-direction:column;align-items:stretch;gap:20px}.sa-log-head{flex-direction:column;align-items:flex-start;gap:15px}.sa-log-search{width:100%}}@media (max-width:800px){.sa-metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.sa-viewport{padding:15px}.sa-main-container{gap:16px}.sa-top-header{text-align:left;flex-direction:column;align-items:flex-start;gap:15px}.sa-brand-group{flex-direction:row;align-items:center;gap:12px}.sa-icon-box{width:44px;height:44px;font-size:20px}.sa-title-stack h1{font-size:22px}.sa-header-meta{flex-direction:column;align-items:flex-start;gap:8px}.sa-rate-wide-card{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.sa-rate-gauge{margin:0 auto}.sa-filter-section{padding:20px}.sa-extra-filter{flex-wrap:wrap}.sa-extra-filter input{flex:1;min-width:120px}.sa-apply-btn{width:100%}}@media (max-width:400px){.sa-viewport{padding:10px}.sa-metrics-grid{grid-template-columns:1fr}.sa-metric-card{padding:16px}.sa-log-head{padding:15px}.sa-table-main td,.sa-table-main th{padding:12px 15px}}.timetable-container{background:#f8fafc;max-width:1440px;min-height:100vh;margin:0 auto;padding:32px;animation:.4s ease-out fadeIn}.title-row h2{color:#0f172a;align-items:center;gap:16px;margin:0 0 8px;font-size:32px;font-weight:800;display:flex}.title-row h2 svg{color:#0f172a}.header-sub{color:#64748b;font-size:15px;font-weight:600}.calendar-legend-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:16px;padding:12px 20px;display:flex;box-shadow:0 4px 15px #00000005}.legend-item{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.blue,.dot.primary-blue{background:#2563eb}.dot.red{background:#ef4444}.calendar-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px #0000000f}.calendar-nav-header{background:#fff;border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.month-display h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800}.nav-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-btn:hover{color:#2563eb;background:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb1a}.calendar-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.calendar-grid-wrapper{min-width:1000px}.days-header-row{background:#0f172a;grid-template-columns:repeat(7,1fr);display:grid}.day-label{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.12em;opacity:.9;border-right:1px solid #ffffff0d;padding:18px 0;font-size:14px;font-weight:800}.calendar-day-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day-cell{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;flex-direction:column;min-height:200px;padding:20px;transition:all .3s;display:flex}.calendar-day-cell:nth-child(7n){border-right:none}.calendar-day-cell.empty{background:#fcfdfe}.calendar-day-cell.is-today{background:#f0f7ff}.is-today .day-number{color:#fff;background:#2563eb;transform:scale(1.1);box-shadow:0 4px 15px #2563eb4d}.calendar-day-cell.is-sunday{background:#fffcfc}.day-header-meta{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.day-number{color:#94a3b8;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.holiday-indicator{align-items:center;display:flex}.holiday-badge{color:#ef4444;text-transform:uppercase;letter-spacing:.05em;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:800;box-shadow:0 2px 6px #ef44440f}.cell-content{flex-direction:column;gap:14px;display:flex}.class-detail-card{background:#fff;border:1px solid #e2e8f0;border-left:5px solid #2563eb;border-radius:14px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 15px #00000008}.class-detail-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 15px 35px #2563eb1a}.batch-tag-inline{color:#0f172a;margin-bottom:6px;font-size:12px;font-weight:800}.time-row{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.join-btn-tiny{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:10px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #2563eb33}.join-btn-tiny:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 15px #2563eb4d}@media (max-width:1024px){.timetable-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:768px){.timetable-container{padding:16px}.month-display h3{font-size:20px}.day-number{width:30px;height:30px;font-size:14px}.holiday-badge{padding:3px 8px;font-size:9px}}.module-container{padding:30px}.module-container h2{margin-bottom:20px}.table-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0000000d}table{border-collapse:collapse;width:100%}table th,table td{text-align:left;border-bottom:1px solid #eee;padding:12px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.info-card,.announcement-card,.profile-card,.progress-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0000000d}.info-card button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;margin-top:10px;padding:8px 14px}.info-card button:hover{background:#4338ca}.progress-bar-container{background:#eee;border-radius:10px;height:10px;margin:10px 0}.progress-bar{background:#4f46e5;border-radius:10px;height:100%}.announcement-card .ann-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.announcement-card .ann-content{color:#475569;margin-bottom:15px;line-height:1.6}.announcement-card .ann-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;font-size:.9rem;display:flex}.ann-link-btn{background-color:#014aa2;border-radius:6px;padding:6px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block;color:#fff!important}.ann-link-btn:hover{background-color:#037;transform:translateY(-1px)}.certificate-page{background:#f1f5fb;min-height:calc(100vh - 70px);padding:30px 40px;font-family:Outfit,sans-serif}.cert-loading{color:#64748b;text-align:center;padding:40px;font-size:16px;font-weight:500}.certificate-hero{background:#fff;border-radius:16px;align-items:center;gap:20px;margin-bottom:30px;padding:24px 30px;display:flex;box-shadow:0 4px 20px #0000000d}.certificate-hero__icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex;box-shadow:0 6px 15px #7c3aed4d}.certificate-hero__text h1{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.certificate-hero__text p{color:#64748b;margin:0;font-size:14px;font-weight:500}.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.certificate-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:20px;padding:20px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000000a}.certificate-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.certificate-card__top{align-items:center;gap:16px;display:flex}.cert-card-icon{color:#7c3aed;background:#f5f3ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.cert-card-info{flex-direction:column;gap:4px;display:flex}.cert-card-info h3{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.2}.cert-card-info span{color:#64748b;font-size:13px;font-weight:500}.certificate-card__actions{gap:10px;margin-top:auto;display:flex}.certificate-card__actions button{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-view{color:#334155;background:#f8fafc;border:1.5px solid #e2e8f0}.btn-view:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-down{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;box-shadow:0 4px 12px #7c3aed33}.btn-down:hover{opacity:.9;transform:translateY(-1px)}.empty-cert-state{text-align:center;background:#fff;border:1.5px dashed #cbd5e1;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{color:#cbd5e1;margin-bottom:16px;font-size:48px}.empty-cert-state h3{color:#334155;margin-top:0;margin-bottom:8px;font-size:18px}.empty-cert-state p{color:#64748b;max-width:300px;margin:0;font-size:14px}@media (max-width:768px){.certificate-page{padding:20px}.certificate-hero{text-align:center;flex-direction:column;padding:24px 20px}}.spa-page{background:#f8f9fb;width:100%;min-height:100vh;font-family:Inter,sans-serif;position:relative}.spa-loader{color:#404752;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;font-family:Inter,sans-serif;font-size:15px;display:flex}.spa-spinner{border:4px solid #005ea426;border-top-color:#005ea4;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spa-spin}@keyframes spa-spin{to{transform:rotate(360deg)}}.spa-toast{z-index:9999;border-radius:12px;max-width:380px;padding:14px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) spa-slideIn,3.2s .3s forwards spa-slideOut;position:fixed;top:20px;right:20px;box-shadow:0 8px 30px #00000026}.spa-toast--success{color:#fff;background:#10b981;border-left:4px solid #047857}.spa-toast--error{color:#fff;background:#ef4444;border-left:4px solid #b91c1c}@keyframes spa-slideIn{0%{opacity:0;transform:translate(440px)}to{opacity:1;transform:translate(0)}}@keyframes spa-slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(440px)}}.spa-hero{background:linear-gradient(135deg,#005ea4 0%,#0077ce 100%);padding-bottom:80px;position:relative}.spa-hero-top-bar{flex-direction:row;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.spa-hero-logo-area{align-items:center;gap:12px;display:flex}.spa-hero-update-btn{color:#005ea4;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:99px;padding:10px 24px;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;transition:box-shadow .2s,transform .2s}.spa-hero-update-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0003}.spa-hero-body{padding:0 32px}.spa-hero-identity{align-items:center;gap:20px;display:flex}.spa-avatar-ring{cursor:pointer;flex-shrink:0;display:inline-block;position:relative}.spa-avatar-img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100px;height:100px;display:block}.spa-avatar-edit{cursor:pointer;background:linear-gradient(135deg,#005ea4,#0077ce);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;line-height:1;display:flex;position:absolute;bottom:4px;right:4px}.spa-avatar-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:100px;height:100px;animation:.8s linear infinite spa-spin}.spa-hero-text{flex-direction:column;gap:4px;display:flex}.spa-hero-name{color:#fff;margin:0;font-family:Manrope,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2}.spa-hero-email{color:#ffffffd1;margin:0;font-family:Inter,sans-serif;font-size:.875rem}.spa-hero-id{color:#fff;letter-spacing:.04em;background:#ffffff26;border-radius:6px;width:fit-content;padding:3px 10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;display:inline-block}.spa-card-overlap{z-index:10;background:#fff;border-radius:20px;margin-top:-60px;margin-left:24px;margin-right:24px;padding:24px 28px;position:relative;box-shadow:0 8px 40px #005ea41a,0 2px 8px #0000000f}.spa-completion-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.spa-completion-label{color:#191c1e;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:600}.spa-completion-pct{color:#005ea4;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.spa-bar-track{background:#e6e8ea;border-radius:99px;height:8px;overflow:hidden}.spa-bar-fill{background:linear-gradient(90deg,#005ea4,#0077ce);border-radius:99px;min-width:4px;height:100%;transition:width .6s}.spa-completion-hint{color:#404752;margin-top:8px;font-family:Inter,sans-serif;font-size:.8rem;display:block}.spa-content{flex-direction:column;gap:16px;padding:24px;display:flex}@media (min-width:1024px){.spa-content,.spa-card-overlap{max-width:800px;margin-left:auto;margin-right:auto}}.spa-section{background:#fff;border-radius:16px;transition:box-shadow .25s;overflow:hidden;box-shadow:0 2px 12px #0000000f,0 1px 3px #0000000a}.spa-section:hover{box-shadow:0 4px 24px #005ea41a,0 1px 4px #0000000d}.spa-section-head{background:#f8f9fb;border-bottom:1px solid #40475214;align-items:center;gap:16px;padding:20px 24px;display:flex}.spa-section-head div{flex-direction:column;gap:2px;display:flex}.spa-section-head h2{color:#191c1e;margin:0;font-family:Manrope,sans-serif;font-size:1rem;font-weight:600}.spa-section-head p{color:#404752;margin:0;font-family:Inter,sans-serif;font-size:.75rem}.spa-section-num{color:#005ea4;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;display:flex}.spa-section-body{flex-direction:column;gap:0;padding:20px 24px;display:flex}.spa-subsection-header{color:#404752;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #4047521f;margin-bottom:12px;padding-bottom:8px;font-family:Manrope,sans-serif;font-size:.825rem;font-weight:600}.spa-fields-grid{gap:16px;margin-bottom:16px;display:grid}.spa-fields-grid:last-child{margin-bottom:0}.spa-fields-grid--1{grid-template-columns:1fr}.spa-fields-grid--2{grid-template-columns:repeat(2,1fr)}.spa-fields-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.spa-fields-grid--2,.spa-fields-grid--3{grid-template-columns:1fr}}.spa-field{flex-direction:column;gap:6px;display:flex}.spa-field label{text-transform:uppercase;letter-spacing:.08em;color:#404752;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600}.spa-field input,.spa-field select{color:#191c1e;background:#f8f9fb;border:none;border-bottom:2px solid #40475233;border-radius:4px 4px 0 0;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-bottom-color .2s,background .2s}.spa-field input::placeholder{color:#9ca3af}.spa-field input:focus,.spa-field select:focus{background:#fff;border-bottom-color:#005ea4}.spa-field input:disabled,.spa-field input[readonly]{color:#6b7280;cursor:not-allowed;background:#f1f3f5;border-bottom-color:#4047521a}.spa-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23404752' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.spa-field-hint{color:#64748b;font-family:Inter,sans-serif;font-size:.72rem;line-height:1.4}.spa-field-error,.sp2-error{color:#ef4444;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;line-height:1.4}.spa-guardian-toggle{cursor:pointer;background:#eff6ff;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.spa-guardian-toggle input[type=checkbox]{cursor:pointer;accent-color:#005ea4;flex-shrink:0;width:18px;height:18px}.spa-guardian-toggle label{color:#191c1e;cursor:pointer;text-transform:none;letter-spacing:normal;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.spa-radio-group{background:#eff6ff;border-radius:10px;gap:16px;margin-bottom:20px;padding:16px;display:flex}.spa-radio-option{cursor:pointer;flex:1;align-items:center;gap:8px;display:flex}.spa-radio-option input[type=radio]{display:none}.spa-radio-custom{background:#fff;border:2px solid #4047524d;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:border-color .2s;position:relative}.spa-radio-option input[type=radio]:checked+.spa-radio-custom{background:#005ea4;border-color:#005ea4}.spa-radio-option input[type=radio]:checked+.spa-radio-custom:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spa-radio-label{color:#191c1e;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.spa-education-panel{background:#f8f9fb;border:1px solid #4047521a;border-radius:10px;flex-direction:column;gap:0;padding:16px;animation:.3s spa-slideDown;display:flex}@keyframes spa-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spa-board-field{margin-bottom:16px}.spa-board-field label{text-transform:uppercase;letter-spacing:.08em;color:#404752;margin-bottom:6px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;display:block}.sp2-searchable-select{position:relative}.sp2-searchable-select input{color:#191c1e;background:#f8f9fb;border:none;border-bottom:2px solid #40475233;border-radius:4px 4px 0 0;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-bottom-color .2s,background .2s}.sp2-searchable-select input::placeholder{color:#9ca3af}.sp2-searchable-select input:focus{background:#fff;border-bottom-color:#005ea4}.sp2-dropdown-menu{z-index:200;background:#fff;border:1px solid #4047521f;border-radius:10px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 30px #0000001f}.sp2-dropdown-item{color:#191c1e;cursor:pointer;border-bottom:1px solid #4047520f;padding:11px 14px;font-family:Inter,sans-serif;font-size:.825rem;transition:background .15s,color .15s}.sp2-dropdown-item:last-child{border-bottom:none}.sp2-dropdown-item:hover{color:#005ea4;background:#eff6ff;font-weight:600}.sp2-doc-item{background:#fff;border:1.5px solid #40475226;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:4px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.sp2-doc-item:hover{border-color:#005ea4;box-shadow:0 2px 10px #005ea414}.sp2-doc-item--uploaded{background:#eff6ff;border-color:#005ea4}.sp2-doc-label{flex:1;align-items:center;gap:12px;display:flex}.sp2-doc-label span:first-child{color:#191c1e;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600}.sp2-doc-badge{color:#fff;background:#10b981;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;display:inline-flex}.sp2-doc-action{flex-shrink:0;gap:8px;display:flex}.sp2-doc-spinner{border:2px solid #005ea426;border-top-color:#005ea4;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spa-spin}.sp2-doc-buttons{gap:8px;display:flex}.sp2-btn-view,.sp2-btn-replace,.sp2-btn-upload{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.sp2-btn-view{color:#fff;background:#005ea4}.sp2-btn-view:hover{background:#0077ce;transform:translateY(-1px);box-shadow:0 4px 12px #005ea44d}.sp2-btn-replace,.sp2-btn-upload{color:#191c1e;background:#4047521a}.sp2-btn-replace:hover,.sp2-btn-upload:hover{background:#4047522e;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.spa-save-area{flex-direction:column;align-items:center;gap:12px;padding:8px 0 32px;display:flex}.spa-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#005ea4 0%,#0077ce 100%);border:none;border-radius:99px;justify-content:center;align-items:center;gap:10px;min-width:260px;padding:16px 48px;font-family:Manrope,sans-serif;font-size:1rem;font-weight:700;transition:box-shadow .25s,transform .2s;display:inline-flex;box-shadow:0 4px 16px #005ea440}.spa-save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 32px #005ea461}.spa-save-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #005ea447}.spa-save-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spa-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spa-spin;display:inline-block}.spa-save-hint{color:#64748b;text-align:center;margin:0;font-family:Inter,sans-serif;font-size:.8rem}@media (max-width:640px){.spa-hero{padding-bottom:72px}.spa-hero-top-bar{padding:16px 20px}.spa-hero-body{padding:0 20px}.spa-hero-identity{flex-direction:column;align-items:flex-start;gap:12px}.spa-avatar-img,.spa-avatar-spinner{width:80px;height:80px}.spa-hero-name{font-size:1.35rem}.spa-card-overlap{border-radius:16px;margin-left:12px;margin-right:12px;padding:18px}.spa-content{gap:12px;padding:12px}.spa-section{border-radius:12px}.spa-section-head,.spa-section-body{padding:16px 18px}.spa-radio-group{flex-direction:column;gap:10px}.spa-save-btn{min-width:200px;padding:14px 32px;font-size:.925rem}.sp2-doc-item{flex-direction:column;align-items:flex-start;gap:12px}.sp2-doc-action{width:100%}.sp2-btn-view,.sp2-btn-replace,.sp2-btn-upload{flex:1;justify-content:center}.sp2-doc-buttons{width:100%}}@media (min-width:1024px){.spa-hero-body{padding:0 40px}.spa-hero-top-bar{padding:24px 40px}.spa-completion-pct{font-size:1.75rem}}.sp2-dropdown-menu::-webkit-scrollbar{width:6px}.sp2-dropdown-menu::-webkit-scrollbar-track{background:#f1f3f5;border-radius:99px}.sp2-dropdown-menu::-webkit-scrollbar-thumb{background:#005ea440;border-radius:99px}.spa-aadhar-row{align-items:center;gap:12px;display:flex}.spa-aadhar-input{flex:1}.spa-verified-badge{color:#065f46;white-space:nowrap;letter-spacing:.02em;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.spa-pending-badge{color:#92400e;white-space:nowrap;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.spa-unverified-badge{color:#991b1b;white-space:nowrap;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.spa-digilocker-card{background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border:1.5px solid #bfdbfe;border-radius:16px;margin-top:20px;padding:20px;position:relative;overflow:hidden}.spa-digilocker-card:before{content:"";background:linear-gradient(90deg,#005ea4,#0ea5e9,#005ea4);height:3px;position:absolute;top:0;left:0;right:0}.spa-digilocker-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.spa-digilocker-brand{align-items:center;gap:12px;display:flex}.spa-digilocker-icon{background:linear-gradient(135deg,#005ea4,#0077ce);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex;box-shadow:0 2px 8px #005ea440}.spa-digilocker-title{color:#1e293b;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700}.spa-digilocker-subtitle{color:#64748b;margin-top:2px;font-size:.75rem}.spa-dl-verified{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.spa-digilocker-desc{color:#475569;margin-bottom:16px;font-size:.83rem;line-height:1.6}.spa-digilocker-steps{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.spa-dl-step{align-items:flex-start;gap:10px;display:flex}.spa-dl-step-num{color:#fff;background:#005ea4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.7rem;font-weight:700;display:flex}.spa-dl-step span{color:#334155;font-size:.83rem;line-height:1.5}.spa-digilocker-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.spa-dl-open-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#005ea4 0%,#0077ce 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #005ea44d}.spa-dl-open-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #005ea459}.spa-dl-open-btn:active:not(:disabled){transform:translateY(0)}.spa-dl-open-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.spa-dl-note{color:#64748b;max-width:280px;font-size:.75rem;line-height:1.4}.spa-dl-verified-state{background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.spa-dl-verified-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.spa-dl-verified-title{color:#065f46;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:700}.spa-dl-verified-sub{color:#047857;margin-top:2px;font-size:.75rem}.spa-upload-section-label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin-top:20px;margin-bottom:10px;padding-left:2px;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700}.spa-verification-note{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.8rem;line-height:1.5}.spa-btn-spinner--sm{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px}@media (max-width:768px){.spa-aadhar-row{flex-wrap:wrap}.spa-aadhar-input{width:100%}.spa-digilocker-actions{flex-direction:column;align-items:flex-start}.spa-dl-open-btn{justify-content:center;width:100%}.spa-dl-note{max-width:100%}}.sp2-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#005ea473}.spa-ss-wrap{position:relative}.spa-ss-input-row{align-items:center;display:flex;position:relative}.spa-ss-input-row input{width:100%;padding-right:32px}.spa-ss-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.75rem;line-height:1;transition:color .15s,background .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.spa-ss-clear:hover{color:#ef4444;background:#fee2e2}.spa-ss-dropdown{z-index:200;background:#fff;border:1.5px solid #bfdbfe;border-radius:10px;max-height:280px;animation:.15s spa-ss-drop;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #005ea41f,0 2px 8px #0000000f}@keyframes spa-ss-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spa-ss-option{color:#1e293b;cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-family:Inter,sans-serif;font-size:.855rem;transition:background .12s}.spa-ss-option:last-child{border-bottom:none}.spa-ss-option:hover{color:#005ea4;background:#eff6ff}.spa-ss-option--active{color:#005ea4;background:#dbeafe;font-weight:600}.spa-ss-dropdown::-webkit-scrollbar{width:5px}.spa-ss-dropdown::-webkit-scrollbar-track{background:#f8f9fb}.spa-ss-dropdown::-webkit-scrollbar-thumb{background:#005ea433;border-radius:99px}.spa-ss-dropdown::-webkit-scrollbar-thumb:hover{background:#005ea466}.spa-id-verified-wrap{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:2px solid #6ee7b7;border-radius:16px;align-items:flex-start;gap:16px;margin-top:20px;padding:20px;display:flex}.spa-id-verified-check{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 12px #10b98159}.spa-id-verified-body{flex:1}.spa-id-verified-title{color:#065f46;margin-bottom:4px;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800}.spa-id-verified-sub{color:#047857;margin-bottom:12px;font-size:.8rem;line-height:1.5}.spa-id-verified-chips{flex-wrap:wrap;gap:8px;display:flex}.spa-id-chip{color:#065f46;background:#10b9811f;border:1px solid #10b9814d;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.spa-id-flow{flex-direction:column;gap:16px;margin-top:20px;display:flex}.spa-id-guide{background:linear-gradient(135deg,#eff6ff 0%,#f8faff 100%);border:1.5px solid #bfdbfe;border-radius:16px;position:relative;overflow:hidden}.spa-id-guide:before{content:"";background:linear-gradient(90deg,#005ea4 0%,#38bdf8 50%,#005ea4 100%);height:3px;position:absolute;top:0;left:0;right:0}.spa-id-guide-header{border-bottom:1px solid #e0eeff;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px 16px;display:flex}.spa-id-guide-icon{background:linear-gradient(135deg,#005ea4,#0077ce);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex;box-shadow:0 3px 10px #005ea440}.spa-id-guide-title{color:#1e293b;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:800}.spa-id-guide-sub{color:#64748b;margin-top:2px;font-size:.78rem}.spa-id-uidai-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#005ea4,#0077ce);border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:9px 18px;font-family:Manrope,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex;box-shadow:0 2px 8px #005ea44d}.spa-id-uidai-btn:hover{opacity:.9;transform:translateY(-1px)}.spa-id-guide-steps{flex-direction:column;gap:0;padding:16px 20px;display:flex}.spa-id-guide-step{border-bottom:1px solid #e8f0fe;gap:14px;padding:14px 0;display:flex;position:relative}.spa-id-guide-step:last-child{border-bottom:none;padding-bottom:4px}.spa-id-guide-step:not(:last-child) .spa-id-gs-num:after{content:"";background:linear-gradient(#bfdbfe,#0000);width:2px;position:absolute;top:46px;bottom:0;left:30px}.spa-id-gs-num{color:#fff;z-index:1;background:#005ea4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.75rem;font-weight:800;display:flex;position:relative;box-shadow:0 2px 6px #005ea44d}.spa-id-gs-body{flex:1}.spa-id-gs-title{color:#1e293b;margin-bottom:5px;font-family:Manrope,sans-serif;font-size:.88rem;font-weight:700}.spa-id-gs-desc{color:#475569;font-size:.8rem;line-height:1.6}.spa-id-gs-url{color:#005ea4;background:#005ea414;border-radius:4px;margin-left:4px;padding:1px 6px;font-family:Inter,monospace;font-size:.76rem;font-weight:600}.spa-id-gs-warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-top:6px;padding:5px 10px;font-size:.76rem;font-weight:600;display:block}.spa-id-upload-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 2px 12px #0000000a}.spa-id-upload-title{color:#1e293b;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:800}.spa-id-dropzone{cursor:pointer;background:#f8fbff;border:2px dashed #93c5fd;border-radius:12px;justify-content:center;align-items:center;min-height:90px;padding:16px;transition:background .2s,border-color .2s;display:flex}.spa-id-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.spa-id-dropzone--filled{background:#f0fdf4;border-style:solid;border-color:#6ee7b7}.spa-id-dropzone--filled:hover{background:#ecfdf5;border-color:#34d399}.spa-id-dz-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.spa-id-dz-icon{font-size:2rem;line-height:1}.spa-id-dz-label{color:#005ea4;font-family:Manrope,sans-serif;font-size:.88rem;font-weight:700}.spa-id-dz-hint{color:#64748b;font-size:.75rem}.spa-id-dz-filled{align-items:center;gap:14px;width:100%;display:flex}.spa-id-dz-file-icon{flex-shrink:0;font-size:2rem}.spa-id-dz-file-info{flex:1}.spa-id-dz-filename{color:#1e293b;word-break:break-all;font-family:Manrope,sans-serif;font-size:.88rem;font-weight:700}.spa-id-dz-replace{color:#64748b;margin-top:2px;font-size:.73rem}.spa-id-dz-ok{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.spa-id-bottom-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.spa-id-sc-field{flex:0 0 180px}.spa-id-verify-btn{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:linear-gradient(135deg,#005ea4,#0077ce);border:none;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;gap:8px;margin-bottom:1px;padding:13px 28px;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 12px #005ea44d}.spa-id-verify-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 5px 16px #005ea459}.spa-id-verify-btn:active:not(:disabled){transform:translateY(0)}.spa-id-verify-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.spa-id-result{border-radius:12px;padding:16px;animation:.35s cubic-bezier(.175,.885,.32,1.275) spa-id-pop}@keyframes spa-id-pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.spa-id-result--ok{background:#f0fdf4;border:1.5px solid #86efac}.spa-id-result--fail{background:#fef2f2;border:1.5px solid #fca5a5}.spa-id-result-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.spa-id-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.spa-id-result-icon--ok{color:#fff;background:#10b981}.spa-id-result-icon--fail{color:#fff;background:#ef4444}.spa-id-result-title{color:#15803d;margin-bottom:3px;font-family:Manrope,sans-serif;font-size:.92rem;font-weight:800}.spa-id-result--fail .spa-id-result-title{color:#b91c1c}.spa-id-result-lvl{color:#166534;font-size:.77rem;line-height:1.4}.spa-id-result--fail .spa-id-result-lvl{color:#991b1b}.spa-id-result-chips{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.spa-id-rchip{background:#10b98114;border:1px solid #10b98133;border-radius:8px;padding:8px 12px}.spa-id-rchip-label{letter-spacing:.07em;color:#64748b;margin-bottom:3px;font-size:.67rem;font-weight:700}.spa-id-rchip-val{color:#1e293b;font-family:Manrope,sans-serif;font-size:.88rem;font-weight:700}.spa-id-manual{border-top:1px dashed #cbd5e1;flex-direction:column;gap:10px;padding-top:16px;display:flex}.spa-id-manual-label{flex-direction:column;gap:2px;display:flex}.spa-id-manual-label span:first-child{color:#475569;font-family:Manrope,sans-serif;font-size:.82rem;font-weight:700}.spa-id-manual-sub{color:#94a3b8!important;font-size:.75rem!important}@media (max-width:768px){.spa-id-guide-header{flex-wrap:wrap;gap:12px}.spa-id-uidai-btn{justify-content:center;width:100%;margin-left:0}.spa-id-bottom-row{flex-direction:column;align-items:stretch}.spa-id-sc-field{flex:none;width:100%}.spa-id-verify-btn{width:100%}.spa-id-result-chips{grid-template-columns:1fr 1fr}.spa-id-verified-chips{gap:6px}}.spa-av-verified-banner{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:2px solid #6ee7b7;border-radius:14px;align-items:center;gap:16px;margin-top:20px;padding:18px 20px;display:flex}.spa-av-verified-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 3px 10px #10b98159}.spa-av-verified-text{flex:1}.spa-av-verified-title{color:#065f46;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800}.spa-av-verified-sub{color:#047857;margin-top:3px;font-size:.78rem;line-height:1.4}.spa-av-masked{color:#065f46;white-space:nowrap;background:#10b98126;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:Manrope,monospace;font-size:.85rem;font-weight:700}.spa-av-card{flex-direction:column;gap:12px;margin-top:20px;display:flex}.spa-av-method{border-radius:14px;padding:20px;position:relative;overflow:hidden}.spa-av-method--primary{background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border:1.5px solid #bfdbfe}.spa-av-method--primary:before{content:"";background:linear-gradient(90deg,#005ea4,#38bdf8,#005ea4);height:3px;position:absolute;top:0;left:0;right:0}.spa-av-method--secondary{background:#f8f9fb;border:1.5px solid #e2e8f0}.spa-av-method-badge{letter-spacing:.04em;border-radius:99px;align-items:center;margin-bottom:10px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.spa-av-method-badge--recommended{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.spa-av-method-badge--future{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.spa-av-method-title{color:#1e293b;margin-bottom:4px;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700}.spa-av-method-sub{color:#64748b;margin-bottom:16px;font-size:.8rem;line-height:1.5}.spa-av-steps{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.spa-av-step{color:#334155;align-items:flex-start;gap:10px;font-size:.83rem;line-height:1.5;display:flex}.spa-av-step-num{color:#fff;background:#005ea4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.68rem;font-weight:800;display:flex}.spa-av-step>div{flex-direction:column;gap:3px;display:flex}.spa-av-link{color:#005ea4;margin-top:2px;font-size:.77rem;font-weight:600;text-decoration:none;display:inline-block}.spa-av-link:hover{text-decoration:underline}.spa-av-step-hint{color:#64748b;font-size:.74rem}.spa-av-form{flex-direction:column;gap:14px;display:flex}.spa-av-upload-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spa-av-zip-btn{color:#005ea4;cursor:pointer;background:#fff;border:2px dashed #93c5fd;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:10px 16px;font-family:Manrope,sans-serif;font-size:.83rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.spa-av-zip-btn:hover{background:#eff6ff;border-color:#3b82f6}.spa-av-file-ok{color:#059669;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:200px;font-size:.78rem;font-weight:600;display:flex;overflow:hidden}.spa-av-sharecode-row{max-width:240px}.spa-av-sharecode-input{text-transform:uppercase;letter-spacing:.15em!important;font-family:Manrope,monospace!important;font-size:1.1rem!important;font-weight:700!important}.spa-av-verify-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#005ea4,#0077ce);border:none;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:12px 28px;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 10px #005ea44d}.spa-av-verify-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 5px 14px #005ea459}.spa-av-verify-btn:active:not(:disabled){transform:translateY(0)}.spa-av-verify-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.spa-av-result{border-radius:10px;margin-top:4px;padding:14px 16px;animation:.3s spa-av-fadein}@keyframes spa-av-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spa-av-result--ok{background:#f0fdf4;border:1.5px solid #86efac}.spa-av-result--fail{background:#fef2f2;border:1.5px solid #fca5a5}.spa-av-result-title{color:#15803d;margin-bottom:12px;font-family:Manrope,sans-serif;font-size:.88rem;font-weight:700}.spa-av-result--fail .spa-av-result-title{color:#b91c1c}.spa-av-result-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.spa-av-result-item{flex-direction:column;gap:2px;display:flex}.spa-av-result-label{color:#64748b;letter-spacing:.06em;font-size:.68rem;font-weight:700}.spa-av-result-value{color:#1e293b;font-family:Manrope,sans-serif;font-size:.88rem;font-weight:600}.spa-dl-open-btn--muted{margin-top:10px;background:linear-gradient(135deg,#64748b,#475569)!important;box-shadow:0 2px 6px #47556940!important}.spa-dl-open-btn--muted:hover:not(:disabled){box-shadow:0 4px 10px #4755694d!important}@media (max-width:768px){.spa-av-verified-banner{flex-wrap:wrap}.spa-av-masked{text-align:center;width:100%}.spa-av-zip-btn{justify-content:center;width:100%}.spa-av-verify-btn{width:100%}.spa-av-sharecode-row{max-width:100%}.spa-av-result-grid{grid-template-columns:1fr 1fr}}.sjobs-page{background:#f1f5fb;min-height:100vh;padding:28px 36px 60px;font-family:Outfit,sans-serif}.sjobs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.sjobs-header-left{align-items:center;gap:16px;display:flex}.sjobs-icon{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex;box-shadow:0 6px 20px #2563eb4d}.sjobs-title{color:#0f172a;font-size:26px;font-weight:800}.sjobs-sub{color:#64748b;margin-top:3px;font-size:13px}.sjobs-stats-pill{color:#2563eb;background:#eff6ff;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:700}.sjobs-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sjobs-search-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:240px;padding:10px 16px;display:flex;box-shadow:0 2px 8px #0000000a}.sjobs-search-icon{font-size:15px}.sjobs-search{border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.sjobs-type-filters{flex-wrap:wrap;gap:8px;display:flex}.sjobs-filter-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.sjobs-filter-btn.active{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.sjobs-msg{border-radius:10px;margin-bottom:20px;padding:12px 20px;font-size:14px;font-weight:600}.sjobs-msg--ok{color:#16a34a;background:#dcfce7}.sjobs-msg--err{color:#dc2626;background:#fee2e2}.sjobs-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.sjobs-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:14px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0000000d}.sjobs-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #2563eb1a}.sjobs-card-top{align-items:flex-start;gap:14px;display:flex;position:relative}.sjobs-company-logo{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.sjobs-card-meta{flex:1}.sjobs-card-title{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.sjobs-company{color:#64748b;font-size:13px;font-weight:500}.sjobs-deadline-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.badge-good{color:#16a34a;background:#dcfce7}.badge-urgent{color:#d97706;background:#fef3c7}.badge-expired{color:#dc2626;background:#fee2e2}.sjobs-card-details{flex-wrap:wrap;gap:12px;display:flex}.sjobs-detail{color:#64748b;font-size:12px;font-weight:500}.sjobs-skills{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{color:#2563eb;background:#eff6ff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.sjobs-desc{color:#475569;font-size:13px;line-height:1.6}.sjobs-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.sjobs-type-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge-fulltime{color:#2563eb;background:#eff6ff}.badge-parttime{color:#9333ea;background:#fdf4ff}.sjobs-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .2s}.sjobs-apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #2563eb59}.sjobs-apply-btn:disabled{opacity:.6;cursor:not-allowed;background:#94a3b8}.sjobs-loading{text-align:center;color:#64748b;padding:60px;font-size:15px}.sjobs-empty{text-align:center;padding:80px 20px}.sjobs-empty-icon{margin-bottom:16px;font-size:52px}.sjobs-empty h3{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:700}.sjobs-empty p{color:#64748b;font-size:14px}@media (max-width:768px){.sjobs-page{padding:16px}.sjobs-grid{grid-template-columns:1fr}.sjobs-header{flex-direction:column;align-items:flex-start}}:root{--td-navy:#0f172a;--td-navy-md:#1e293b;--td-blue:#2563eb;--td-blue-lt:#eff6ff;--td-blue-md:#dbeafe;--td-green:#10b981;--td-amber:#f59e0b;--td-red:#ef4444;--td-purple:#7c3aed;--td-muted:#94a3b8;--td-border:#e2e8f0;--td-bg:#f0f4fb;--td-white:#fff;--td-text:#1e293b;--td-shadow:0 4px 24px #0f172a17;--td-radius:18px;--td-radius-sm:10px}.td-page{background:var(--td-bg);min-height:100vh;color:var(--td-text);font-family:Outfit,-apple-system,sans-serif}.td-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 55%,#1e40af 100%);padding:0;position:relative;overflow:hidden}.td-hero__orb{pointer-events:none;border-radius:50%;position:absolute}.td-hero__orb--1{background:radial-gradient(circle,#2563eb38 0%,#0000 70%);width:500px;height:500px;top:-180px;right:-100px}.td-hero__orb--2{background:radial-gradient(circle,#6366f12e 0%,#0000 70%);width:300px;height:300px;bottom:-80px;left:10%}.td-hero__orb--3{background:radial-gradient(circle,#10b9811f 0%,#0000 70%);width:200px;height:200px;top:20px;left:40%}.td-hero__inner{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;max-width:1440px;margin:0 auto;padding:3rem 2.5rem 1.5rem;display:flex;position:relative}.td-greeting-chip{color:#93c5fd;letter-spacing:.3px;background:#2563eb2e;border:1px solid #2563eb4d;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.td-hero__name{color:#fff;letter-spacing:-.04em;margin-bottom:6px;font-size:2.2rem;font-weight:900;line-height:1.15}.td-hero__role{color:#64748b;font-size:.9rem;font-weight:500}.td-hero__id-badge{color:#60a5fa;letter-spacing:.02em;text-transform:uppercase;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:6px;align-items:center;margin-bottom:8px;padding:2px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.td-hero__right{align-items:center;gap:1rem;display:flex}.td-live-clock{text-align:right}.td-clock__time{color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.td-clock__date{color:#64748b;margin-top:2px;font-size:.8rem;font-weight:500}.td-refresh-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .2s;display:flex}.td-refresh-btn:hover{color:#fff;background:#ffffff24;transform:rotate(180deg)}.td-hero__stats{z-index:2;flex-wrap:wrap;gap:1rem;max-width:1440px;margin:0 auto;padding:0 2.5rem 2rem;display:flex;position:relative}.td-stat{background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;flex:1;align-items:center;gap:1rem;min-width:200px;padding:1.1rem 1.4rem;transition:background .2s,transform .2s;animation:.5s both td-fadein;display:flex}.td-stat:hover{background:#ffffff1f;transform:translateY(-2px)}.td-stat--batches{animation-delay:50ms}.td-stat--students{animation-delay:.1s}.td-stat--today{animation-delay:.15s}.td-stat__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;display:flex}.td-stat--batches .td-stat__icon{color:#93c5fd;background:#2563eb33;border:1px solid #2563eb4d}.td-stat--students .td-stat__icon{color:#c4b5fd;background:#7c3aed33;border:1px solid #7c3aed4d}.td-stat--today .td-stat__icon{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d}.td-stat__val{color:#fff;letter-spacing:-.03em;font-size:1.6rem;font-weight:900;line-height:1;display:block}.td-stat__label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:.72rem;font-weight:600;display:block}.td-body{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;max-width:1440px;margin:0 auto;padding:2rem 2.5rem 4rem;display:grid}.td-card{background:var(--td-white);border-radius:var(--td-radius);box-shadow:var(--td-shadow);animation:.4s both td-fadein;overflow:hidden}.td-card--actions{animation-delay:.1s}.td-card--schedule{animation-delay:.15s}@keyframes td-fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.td-card__head{justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding:1.4rem 1.6rem 0;display:flex}.td-card__title{color:var(--td-navy);letter-spacing:-.01em;font-size:1rem;font-weight:800}.td-actions-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 1.4rem 1.4rem;display:grid}.td-action-tile{background:var(--tile-bg,#f8fafc);border:1.5px solid color-mix(in srgb, var(--tile-color) 20%, transparent);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:1.3rem 1rem;font-family:inherit;transition:transform .2s cubic-bezier(.22,.68,0,1.2),box-shadow .2s;display:flex}.td-action-tile:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 12px 28px #0000001a}.td-action-tile__icon{background:color-mix(in srgb, var(--tile-color) 15%, transparent);width:44px;height:44px;color:var(--tile-color);border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.td-action-tile__label{color:var(--td-text);letter-spacing:.1px;font-size:12.5px;font-weight:700}.td-date-nav{align-items:center;gap:.75rem;margin-bottom:1.2rem;padding:1.2rem 1.6rem 0;display:flex}.td-date-nav__arrow{border:1.5px solid var(--td-border);cursor:pointer;width:36px;height:36px;color:var(--td-muted);background:#f8fafc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.td-date-nav__arrow:hover{border-color:var(--td-blue);color:var(--td-blue);background:var(--td-blue-lt)}.td-date-nav__center{flex-direction:column;flex:1;gap:2px;display:flex}.td-date-nav__label{color:var(--td-navy);letter-spacing:-.02em;font-size:1rem;font-weight:800}.td-date-nav__full{color:var(--td-muted);font-size:.75rem;font-weight:500}.td-today-pill{background:var(--td-blue);color:#fff;cursor:pointer;border:none;border-radius:20px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:opacity .2s}.td-today-pill:hover{opacity:.88}.td-schedule-list{flex-direction:column;gap:10px;min-height:200px;max-height:520px;padding:0 1.4rem;display:flex;overflow-y:auto}.td-schedule-list::-webkit-scrollbar{width:4px}.td-schedule-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.td-sched-loader{color:var(--td-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;font-size:.9rem;display:flex}.td-spinner{border:3px solid var(--td-blue-md);border-top-color:var(--td-blue);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite td-spin}@keyframes td-spin{to{transform:rotate(360deg)}}.td-sched-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;display:flex}.td-sched-empty__icon{opacity:.35;font-size:2.5rem}.td-sched-empty__text{color:var(--td-muted);font-size:.9rem;font-weight:500}.td-class-card{border:1.5px solid var(--td-border);border-radius:var(--td-radius-sm);background:#f8fafc;gap:14px;padding:14px 16px;transition:transform .2s,box-shadow .2s;animation:.35s both td-fadein;display:flex;position:relative;overflow:hidden}.td-class-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.td-class-card:before{content:"";border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.td-class-card--upcoming:before{background:linear-gradient(#2563eb,#1e40af)}.td-class-card--live:before{background:linear-gradient(#ef4444,#b91c1c);animation:1.5s infinite td-pulse-bar}.td-class-card--done:before{background:linear-gradient(#94a3b8,#64748b)}.td-class-card--scheduled:before{background:linear-gradient(#7c3aed,#5b21b6)}@keyframes td-pulse-bar{0%,to{opacity:1}50%{opacity:.5}}.td-class-card--live{background:#fff5f5;border-color:#ef44444d}.td-class-card__time{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:56px;padding-left:8px;display:flex}.td-class-card__time-start{color:var(--td-navy);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:800}.td-class-card__time-line{background:var(--td-border);border-radius:2px;flex:1;width:2px;min-height:16px}.td-class-card__time-end{color:var(--td-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.td-class-card__content{flex:1;min-width:0}.td-class-card__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.td-class-card__batch{color:var(--td-navy);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:800;overflow:hidden}.td-status-chip{white-space:nowrap;letter-spacing:.2px;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}.td-status-chip--upcoming{background:var(--td-blue-lt);color:var(--td-blue);border:1px solid var(--td-blue-md)}.td-status-chip--live{color:var(--td-red);background:#fee2e2;border:1px solid #fca5a5;animation:1.5s infinite td-pulse-chip}.td-status-chip--done{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.td-status-chip--scheduled{color:var(--td-purple);background:#f5f3ff;border:1px solid #ddd6fe}@keyframes td-pulse-chip{0%,to{opacity:1}50%{opacity:.65}}.td-class-card__meta{color:var(--td-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.td-meta-icon{font-size:10px}.td-join-btn{background:var(--td-blue-lt);color:var(--td-blue);border:1.5px solid var(--td-blue-md);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.td-join-btn:hover{background:var(--td-blue);color:#fff;border-color:#0000;box-shadow:0 4px 12px #2563eb40}.td-join-btn--live{color:var(--td-red);background:#fee2e2;border-color:#fca5a5;animation:1.5s infinite td-pulse-chip}.td-join-btn--live:hover{background:var(--td-red);color:#fff;border-color:#0000;animation:none;box-shadow:0 4px 12px #ef44444d}.td-sched-pagination{border-top:1px solid var(--td-border);justify-content:center;align-items:center;gap:10px;margin-top:.75rem;padding:1rem 1.4rem 1.4rem;display:flex}.td-pag-btn{border:1.5px solid var(--td-border);background:var(--td-white);color:var(--td-text);cursor:pointer;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.td-pag-btn:hover:not(:disabled){border-color:var(--td-blue);color:var(--td-blue);background:var(--td-blue-lt)}.td-pag-btn:disabled{opacity:.35;cursor:not-allowed}.td-pag-info{color:var(--td-muted);background:#f8fafc;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}@media (max-width:1100px){.td-body{grid-template-columns:280px 1fr}}@media (max-width:860px){.td-body{grid-template-columns:1fr;padding:1.25rem}.td-hero__inner{padding:2rem 1.25rem 1.25rem}.td-hero__stats{padding:0 1.25rem 1.5rem}.td-hero__name{font-size:1.7rem}.td-stat{min-width:140px}}@media (max-width:600px){.td-hero__inner{flex-direction:column;gap:1rem}.td-hero__right{align-self:flex-start}.td-hero__stats{flex-direction:column}.td-stat{min-width:unset}.td-actions-grid{grid-template-columns:repeat(2,1fr)}.td-body{padding-bottom:120px!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.tp-page{color:#0f172a;background:#f0f4fb;min-height:100vh;font-family:Outfit,-apple-system,sans-serif}.tp-loader{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;font-size:.95rem;font-weight:500;display:flex}.tp-spinner{border:3.5px solid #fed7aa;border-top-color:#ea580c;border-radius:50%;width:42px;height:42px;animation:.75s linear infinite tp-spin}.tp-toast{z-index:9999;border-radius:12px;max-width:360px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;animation:.3s cubic-bezier(.22,.68,0,1.2) tp-slidein;position:fixed;top:1.25rem;right:1.5rem;box-shadow:0 8px 30px #0f172a26}.tp-toast--success{color:#16a34a;background:#dcfce7;border:1.5px solid #bbf7d0}.tp-toast--error{color:#dc2626;background:#fee2e2;border:1.5px solid #fca5a5}.tp-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#0e7490 100%);padding:2.5rem 0 3rem;position:relative;overflow:hidden}.tp-hero__orb{pointer-events:none;border-radius:50%;position:absolute}.tp-hero__orb--1{background:radial-gradient(circle,#0e749040 0%,#0000 70%);width:420px;height:420px;top:-160px;right:-80px}.tp-hero__orb--2{background:radial-gradient(circle,#ea580c26 0%,#0000 70%);width:260px;height:260px;bottom:-80px;left:10%}.tp-hero__inner{z-index:2;flex-wrap:wrap;align-items:flex-start;gap:2rem;max-width:1100px;margin:0 auto;padding:0 2.5rem;display:flex;position:relative}.tp-hero__avatar-wrap{flex-shrink:0}.tp-hero__avatar-frame{border:4px solid #fff3;border-radius:24px;width:110px;height:110px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 28px #0000004d}.tp-hero__avatar-frame--edit{cursor:pointer;border-color:#fb923c}.tp-hero__avatar-frame--edit:hover{filter:brightness(.88);transform:scale(1.03)}.tp-hero__avatar-img{object-fit:cover;width:100%;height:100%}.tp-hero__avatar-overlay{color:#fff;background:#0f172a99;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset:0}.tp-hero__info{flex:1;min-width:0}.tp-hero__role-chip{color:#67e8f9;letter-spacing:.3px;background:#0e74902e;border:1px solid #0e749059;border-radius:20px;align-items:center;gap:5px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.tp-hero__name{color:#fff;letter-spacing:-.04em;margin-bottom:4px;font-size:1.85rem;font-weight:900;line-height:1.15}.tp-hero__ids{align-items:center;gap:12px;margin-bottom:12px;display:flex}.tp-hero__email{color:#94a3b8;margin-bottom:0;font-size:.88rem;font-weight:500}.tp-hero__student-id{color:#fb923c;letter-spacing:.02em;background:#fb923c1a;border:1px solid #fb923c33;border-radius:6px;padding:2px 10px;font-size:.75rem;font-weight:800}.tp-hero__meta{flex-wrap:wrap;gap:6px;display:flex}.tp-chip{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.tp-chip--blue{color:#93c5fd;background:#2563eb2e;border:1px solid #2563eb4d}.tp-chip--amber{color:#fed7aa;background:#ea580c2e;border:1px solid #ea580c4d}.tp-chip--green{color:#6ee7b7;background:#10b9812e;border:1px solid #10b9814d}.tp-chip--purple{color:#c4b5fd;background:#7c3aed2e;border:1px solid #7c3aed4d}.tp-hero__strength{-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;min-width:220px;max-width:280px;padding:1.1rem 1.3rem}.tp-strength__header{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.tp-strength__pct{color:#fb923c;font-size:.9rem;font-weight:900}.tp-strength__bar{background:#ffffff1f;border-radius:10px;height:7px;margin-bottom:8px;overflow:hidden}.tp-strength__fill{border-radius:10px;height:100%;transition:width .6s}.tp-strength__hint{color:#64748b;font-size:.72rem;font-weight:500;line-height:1.4}.tp-body{max-width:1100px;margin:0 auto;padding:2rem 2.5rem 4rem}.tp-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.tp-action-bar__title{color:#0f172a;letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.tp-action-bar__sub{color:#64748b;margin-top:2px;font-size:.82rem;font-weight:500}.tp-action-bar__right{gap:.6rem;display:flex}.tp-btn{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:10px;align-items:center;gap:6px;padding:.65rem 1.3rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.tp-btn:disabled{opacity:.6;cursor:not-allowed}.tp-btn--edit{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 14px #0f172a33}.tp-btn--edit:hover{background:#1e293b;transform:translateY(-1px)}.tp-btn--cancel{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.tp-btn--cancel:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.tp-btn--save{color:#fff;background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#0000;box-shadow:0 4px 14px #ea580c4d}.tp-btn--save:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.tp-btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite tp-spin}.tp-cards{flex-direction:column;gap:1.25rem;display:flex}.tp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;animation:.35s both tp-fadein;overflow:hidden;box-shadow:0 4px 20px #0f172a0f}.tp-card__header{background:#fafbfd;border-bottom:1.5px solid #f1f5f9;align-items:center;gap:.85rem;padding:1.1rem 1.5rem;display:flex}.tp-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.tp-card__icon--blue{background:#eff6ff}.tp-card__icon--amber{background:#fff7ed}.tp-card__icon--green{background:#ecfdf5}.tp-card__icon--purple{background:#f5f3ff}.tp-card__title{color:#0f172a;font-size:.95rem;font-weight:800}.tp-card__body{padding:1.5rem}.tp-grid{gap:1.1rem;display:grid}.tp-grid--2{grid-template-columns:repeat(2,1fr)}.tp-grid--3{grid-template-columns:repeat(3,1fr)}.tp-field{flex-direction:column;gap:5px;display:flex}.tp-field--full{grid-column:1/-1}.tp-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:800}.tp-input,.tp-select{color:#0f172a;appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.9rem;transition:all .2s}.tp-input:focus{background:#fff;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.tp-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.tp-input--readonly{cursor:not-allowed;color:#64748b!important;background:#f8fafc!important;border-style:dashed!important}.tp-textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;min-height:100px;padding:.75rem .9rem;font-family:inherit;font-size:.9rem;line-height:1.6;transition:all .2s}.tp-textarea:focus{background:#fff;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.tp-textarea:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}@keyframes tp-spin{to{transform:rotate(360deg)}}@keyframes tp-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tp-slidein{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (max-width:860px){.tp-hero__inner{flex-wrap:wrap}.tp-hero__strength{min-width:100%;max-width:100%}.tp-grid--3{grid-template-columns:1fr 1fr}}@media (max-width:600px){.tp-body{padding:1.5rem 1rem 3rem}.tp-hero{padding:2rem 0}.tp-hero__inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:0 1.25rem}.tp-hero__avatar-wrap{margin-bottom:.5rem}.tp-hero__info{flex-direction:column;align-items:center;width:100%;display:flex}.tp-hero__name{word-break:break-word;font-size:1.5rem;line-height:1.2}.tp-hero__ids{flex-direction:column;gap:6px;margin-bottom:15px}.tp-hero__email{word-break:break-all;font-size:.82rem}.tp-hero__meta{justify-content:center}.tp-grid--2,.tp-grid--3{grid-template-columns:1fr}.tp-action-bar{flex-direction:column;align-items:flex-start}.tp-action-bar__right{width:100%}.tp-btn{flex:1;justify-content:center}}@media (max-width:400px){.tp-hero__name{font-size:1.35rem}.tp-hero__inner{padding:0 1rem}.tp-card__header{padding:1rem}.tp-card__body{padding:1.25rem 1rem}}:root{--navy-950:#050d1a;--navy-900:#0b1629;--navy-800:#0f2040;--navy-700:#163058;--navy-600:#1e4278;--navy-500:#2557a7;--navy-400:#3b72c9;--navy-300:#6395d9;--navy-200:#a8c4ef;--navy-100:#dce9f9;--navy-50:#f0f6ff;--accent:#4f8ef7;--accent-glow:#4f8ef747;--success:#34d399;--success-dark:#065f46;--warning:#fbbf24;--danger:#f87171;--surface:#fff;--surface-2:#f4f8ff;--border:#153a781c;--text-main:#0b1629;--text-mid:#3b5284;--text-muted:#7a90b8;--radius-card:18px;--radius-btn:12px;--shadow-card:0 4px 24px #050d3212;--shadow-hover:0 14px 40px #050d3224}*,:before,:after{box-sizing:border-box}.tc-root{background:var(--navy-50);min-height:100vh;color:var(--text-main);font-family:DM Sans,sans-serif}.tc-header{background:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 100%);z-index:100;border-bottom:1px solid #ffffff0f;padding:0 2rem;position:sticky;top:0;box-shadow:0 4px 30px #050d3259}.tc-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;padding:1.2rem 0;display:flex}.tc-header-left{align-items:center;gap:1rem;display:flex}.tc-back-btn{color:#fff;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;background:#ffffff17;border:1px solid #ffffff29;align-items:center;gap:7px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.tc-back-btn:hover{background:#ffffff2e;transform:translate(-2px)}.tc-title-block{align-items:center;gap:14px;display:flex}.tc-title-icon{background:linear-gradient(135deg, var(--accent), var(--navy-400));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex;box-shadow:0 4px 14px #4f8ef773}.tc-title{color:#fff;margin:0;font-family:Sora,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.2}.tc-subtitle{color:var(--navy-200);margin:2px 0 0;font-size:.78rem}.tc-stats-row{background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:1.25rem;padding:.7rem 1.4rem;display:flex}.tc-stat-divider{background:#ffffff24;width:1px;height:30px}.tc-stat{align-items:center;gap:10px;display:flex}.tc-stat-icon{font-size:1.05rem}.tc-stat-icon.batches{color:var(--warning)}.tc-stat-icon.students{color:var(--success)}.tc-stat-val{color:#fff;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:800;line-height:1;display:block}.tc-stat-lbl{color:var(--navy-200);margin-top:1px;font-size:.7rem;font-weight:500;display:block}.tc-main{max-width:1280px;margin:0 auto;padding:2.5rem 2rem 4rem}.tc-loading{text-align:center;color:var(--navy-500);padding:6rem 2rem}.tc-spinner{border:4px solid var(--navy-100);border-top-color:var(--navy-500);border-radius:50%;width:46px;height:46px;margin:0 auto 1.2rem;animation:.85s linear infinite tc-spin}@keyframes tc-spin{to{transform:rotate(360deg)}}.tc-batch-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.75rem;animation:.4s tc-fadeup;display:grid}.tc-batch-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--border);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.tc-batch-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.tc-card-top-bar{background:linear-gradient(90deg, var(--card-accent,var(--accent)) 0%, transparent 130%);height:5px}.tc-card-body{flex:1;padding:1.5rem 1.5rem 1rem}.tc-card-icon-wrap{background:var(--card-light,#4f8ef71a);width:44px;height:44px;color:var(--card-accent,var(--accent));border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.1rem;display:flex}.tc-card-title{color:var(--text-main);margin:0 0 1rem;font-family:Sora,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35}.tc-class-list{flex-direction:column;gap:7px;margin:0 0 1rem;padding:0;list-style:none;display:flex}.tc-class-item{color:var(--text-mid);background:var(--surface-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;padding:7px 10px;font-size:.8rem;display:flex}.tc-cls-icon{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.tc-class-item strong{color:var(--text-main)}.tc-status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:.67rem;font-weight:700}.tc-status-badge[data-status=scheduled]{color:#92400e;background:#fbbf2426}.tc-status-badge[data-status=completed]{color:#065f46;background:#34d39926}.tc-status-badge[data-status=cancelled]{color:#991b1b;background:#ef44441f}.tc-status-badge[data-status=ongoing]{color:#1e3a8a;background:#4f8ef726}.tc-meeting-row{background:linear-gradient(135deg,#153a780d,#4f8ef712);border:1px solid #4f8ef72e;border-radius:12px;margin-top:.25rem;padding:10px 12px}.tc-meeting-label{color:var(--navy-500);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;margin-bottom:7px;font-size:.7rem;font-weight:700;display:flex}.tc-meeting-icon{color:var(--accent);font-size:.8rem}.tc-meeting-url-row{align-items:center;gap:8px;display:flex}.tc-meeting-url-text{color:var(--navy-600);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;font-weight:500;overflow:hidden}.tc-meeting-btns{flex-shrink:0;gap:6px;display:flex}.tc-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;text-decoration:none;transition:all .18s;display:flex}.tc-icon-btn.copy{color:var(--navy-600);background:#153a7814;border:1px solid #153a7824}.tc-icon-btn.copy:hover{background:var(--navy-100);color:var(--navy-700)}.tc-icon-btn.copy.copied{color:var(--success-dark);background:#34d39926;border-color:#34d3994d}.tc-icon-btn.join{background:var(--navy-700);color:#fff}.tc-icon-btn.join:hover{background:var(--navy-500)}.tc-no-meeting{color:var(--text-muted);background:var(--surface-2);border:1px dashed var(--border);border-radius:10px;align-items:center;gap:8px;margin-top:.25rem;padding:9px 12px;font-size:.78rem;display:flex}.tc-no-meeting-icon{opacity:.5;font-size:.85rem}.tc-card-footer{border-top:1px solid var(--border);padding:1rem 1.5rem 1.5rem}.tc-enter-btn{border-radius:var(--radius-btn);background:linear-gradient(135deg, var(--navy-700), var(--navy-500));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 14px #153a7838}.tc-enter-btn:hover{background:linear-gradient(135deg, var(--navy-600), var(--navy-400));transform:translateY(-1px);box-shadow:0 6px 20px #153a7852}.tc-btn-arrow{margin-left:auto;font-size:.72rem;transition:transform .2s}.tc-enter-btn:hover .tc-btn-arrow{transform:translate(3px)}.tc-students-panel{animation:.38s tc-fadeup}.tc-meeting-banner{background:linear-gradient(135deg, var(--navy-800) 0%, var(--navy-600) 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #050d3238}.tc-banner-pulse{pointer-events:none;background:#4f8ef72e;border-radius:50%;width:52px;height:52px;animation:2.2s ease-in-out infinite tc-pulse;position:absolute;top:50%;left:52px;transform:translateY(-50%)}@keyframes tc-pulse{0%,to{opacity:.6;transform:translateY(-50%)scale(1)}50%{opacity:0;transform:translateY(-50%)scale(1.5)}}.tc-banner-left{z-index:1;flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.tc-banner-icon-wrap{color:#93c5fd;background:#4f8ef738;border:1px solid #4f8ef759;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;display:flex}.tc-banner-text{min-width:0}.tc-banner-title{color:var(--navy-200);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-family:Sora,sans-serif;font-size:.8rem;font-weight:700}.tc-banner-url{color:#e0eaff;white-space:nowrap;text-overflow:ellipsis;max-width:460px;margin:0;font-size:.88rem;font-weight:500;overflow:hidden}.tc-banner-actions{z-index:1;align-items:center;gap:10px;display:flex}.tc-banner-copy-btn{color:#e2eaff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .18s;display:flex}.tc-banner-copy-btn:hover{background:#ffffff2e}.tc-banner-copy-btn.copied{color:#6ee7b7;background:#34d39933;border-color:#34d39959}.tc-banner-join-btn{background:linear-gradient(135deg, var(--accent), #3b72c9);color:#fff;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex;box-shadow:0 4px 14px #4f8ef766}.tc-banner-join-btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #4f8ef780}.tc-no-meeting-banner{background:var(--surface);border:1px dashed var(--border);color:var(--text-muted);border-radius:14px;align-items:center;gap:10px;margin-bottom:1.75rem;padding:1rem 1.5rem;font-size:.88rem;display:flex}.tc-no-meeting-banner svg{opacity:.45}.tc-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.tc-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-btn);max-width:380px;box-shadow:var(--shadow-card);flex:1;align-items:center;gap:9px;padding:9px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.tc-search:focus-within{border-color:var(--navy-400);box-shadow:0 0 0 3px #4f8ef71a}.tc-search-icon{color:var(--text-muted);flex-shrink:0;font-size:.82rem}.tc-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:.9rem}.tc-search input::placeholder{color:var(--text-muted)}.tc-count-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-mid);box-shadow:var(--shadow-card);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:.82rem;font-weight:600;display:flex}.tc-count-chip svg{color:var(--navy-400);font-size:.85rem}.tc-pagination{align-items:center;gap:7px;display:flex}.tc-page-info{color:var(--text-muted);text-align:center;min-width:46px;font-size:.82rem;font-weight:600}.tc-page-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:.78rem;transition:all .18s;display:flex}.tc-page-btn:hover:not(:disabled){background:var(--navy-700);color:#fff;border-color:var(--navy-700)}.tc-page-btn:disabled{opacity:.3;cursor:not-allowed}.tc-student-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem;display:grid}.tc-student-card{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);align-items:flex-start;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;animation:.35s both tc-fadeup;display:flex}.tc-student-card:hover{box-shadow:var(--shadow-hover);border-color:var(--navy-200);transform:translateY(-3px)}.tc-student-avatar{background:linear-gradient(135deg, var(--navy-700), var(--navy-500));color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 12px #153a7838}.tc-student-info{flex:1;min-width:0}.tc-student-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-family:Sora,sans-serif;font-size:.95rem;font-weight:700;overflow:hidden}.tc-student-email,.tc-student-phone{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;margin-top:4px;font-size:.8rem;text-decoration:none;display:flex;overflow:hidden}.tc-student-email{color:var(--navy-500)}.tc-student-email:hover{color:var(--navy-400);text-decoration:underline}.tc-student-email svg,.tc-student-phone svg{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.tc-empty{text-align:center;background:var(--surface);border-radius:var(--radius-card);border:2px dashed var(--border);grid-column:1/-1;padding:5rem 2rem}.tc-empty-icon{color:var(--navy-200);margin:0 auto 1.2rem;font-size:2.8rem;display:block}.tc-empty h3{color:var(--text-mid);margin:0 0 5px;font-family:Sora,sans-serif;font-size:1.05rem;font-weight:700}.tc-empty p{color:var(--text-muted);margin:0;font-size:.88rem}@keyframes tc-fadeup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tc-header-inner{flex-direction:column;align-items:flex-start}.tc-stats-row{justify-content:center;width:100%}.tc-main{padding:1.5rem 1rem 3rem}.tc-batch-grid,.tc-student-grid{grid-template-columns:1fr}.tc-toolbar{flex-direction:column;align-items:stretch}.tc-search{max-width:100%}.tc-meeting-banner{flex-direction:column;align-items:flex-start}.tc-banner-url{max-width:100%}.tc-banner-actions{width:100%}.tc-banner-join-btn,.tc-banner-copy-btn{flex:1;justify-content:center}}:root{--ta-navy:#0f172a;--ta-blue:#2563eb;--ta-blue-light:#eff6ff;--ta-gray:#64748b;--ta-border:#e2e8f0;--ta-bg:#f8fafc;--ta-white:#fff;--ta-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ta-shadow-sm:0 1px 2px 0 #0000000d;--ta-present:#10b981;--ta-absent:#ef4444;--ta-leave:#f59e0b;--ta-late:#6366f1}.ta-container{background-color:var(--ta-bg);min-height:100vh;color:var(--ta-navy);padding-bottom:3rem;font-family:Inter,system-ui,-apple-system,sans-serif}.ta-toast{z-index:1000;border-left:4px solid var(--ta-blue);background:#fff;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s ease-out ta-slide-in;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 20px 25px -5px #0000001a}.ta-toast--error{border-left-color:var(--ta-absent)}@keyframes ta-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ta-hero{background:var(--ta-navy);color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.ta-hero__content{align-items:center;gap:3rem;display:flex}.ta-hero__title-row{align-items:center;gap:1rem;display:flex}.ta-hero__icon{width:3.5rem;height:3.5rem;color:var(--ta-blue);background:#ffffff1a;border-radius:1rem;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.ta-hero h1{letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:700}.ta-hero p{opacity:.7;margin:.25rem 0 0;font-size:.875rem}.ta-hero__trainer{border-left:1px solid #ffffff1a;align-items:center;gap:.75rem;padding-left:2rem;display:flex}.ta-trainer-avatar{background:var(--ta-blue);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:700;display:flex}.ta-trainer-info{flex-direction:column;display:flex}.ta-trainer-name{font-size:.95rem;font-weight:600}.ta-trainer-role{opacity:.6;font-size:.75rem}.ta-control-bar{background:var(--ta-white);border-bottom:1px solid var(--ta-border);box-shadow:var(--ta-shadow-sm);z-index:100;justify-content:space-between;align-items:flex-end;gap:2rem;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.ta-control-group{flex:1;align-items:flex-end;gap:1.5rem;display:flex}.ta-field{flex-direction:column;gap:.5rem;display:flex}.ta-field label{color:var(--ta-gray);text-transform:uppercase;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.ta-field select,.ta-field input{border:1px solid var(--ta-border);height:2.75rem;color:var(--ta-navy);background:var(--ta-bg);border-radius:.5rem;min-width:140px;padding:0 1rem;font-size:.9rem;transition:all .2s}.ta-field--topic{flex:1;max-width:600px}.ta-field--topic input{width:100%}.ta-field select:focus,.ta-field input:focus{border-color:var(--ta-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.ta-history-filter{border-left:1px solid var(--ta-border);align-items:flex-end;gap:.75rem;padding-left:2rem;display:flex}.ta-stats-bar{border-bottom:1px solid var(--ta-border);background:#f1f5f9;align-items:center;gap:2.5rem;padding:.75rem 2.5rem;display:flex}.ta-stat-mini{align-items:center;gap:.6rem;display:flex}.ta-stat-dot{border-radius:50%;width:.6rem;height:.6rem}.ta-stat-mini--present .ta-stat-dot{background:var(--ta-present)}.ta-stat-mini--absent .ta-stat-dot{background:var(--ta-absent)}.ta-stat-mini--leave .ta-stat-dot{background:var(--ta-leave)}.ta-stat-mini--late .ta-stat-dot{background:var(--ta-late)}.ta-stat-label{color:var(--ta-gray);font-size:.8rem;font-weight:500}.ta-stat-val{font-size:1rem;font-weight:700}.ta-stat-progress{min-width:280px;margin-left:auto}.ta-stat-progress-info{color:var(--ta-gray);justify-content:space-between;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:flex}.ta-stat-progress-track{background:#e2e8f0;border-radius:1rem;height:.5rem;overflow:hidden}.ta-stat-progress-fill{background:var(--ta-blue);height:100%;transition:width .4s}.ta-main-content{padding:2rem 2.5rem}.ta-card--roster{border:1px solid var(--ta-border);box-shadow:var(--ta-shadow-sm);background:#fff;border-radius:1rem;overflow:hidden}.ta-roster-header{border-bottom:1px solid var(--ta-border);background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ta-tabs{background:var(--ta-bg);border-radius:.6rem;gap:.25rem;padding:.25rem;display:flex}.ta-tab{color:var(--ta-gray);cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.ta-tab.active{color:var(--ta-blue);background:#fff;box-shadow:0 1px 3px #0000001a}.ta-roster-search{width:320px;position:relative}.ta-roster-search svg{color:var(--ta-gray);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.ta-roster-search input{border:1px solid var(--ta-border);background:var(--ta-bg);border-radius:.5rem;width:100%;height:2.75rem;padding:0 1rem 0 2.75rem;font-size:.9rem}.ta-bulk-bar{border-bottom:1px solid var(--ta-border);background:#f8fafc;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex}.ta-bulk-bar p{color:var(--ta-gray);font-size:.85rem;font-weight:600}.ta-bulk-btns{gap:.75rem;display:flex}.ta-bulk-btns button{border:1px solid var(--ta-border);cursor:pointer;background:#fff;border-radius:.4rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.ta-bulk-btns button:hover{border-color:var(--ta-blue);color:var(--ta-blue)}.ta-btn-primary{background:var(--ta-blue);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.75rem;height:3rem;padding:0 2rem;font-weight:700;transition:all .2s;display:flex}.ta-btn-primary--edit{background:var(--ta-late)}.ta-btn-secondary{background:var(--ta-navy);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;height:2.75rem;padding:0 1.25rem;font-size:.85rem;font-weight:600;display:flex}.ta-table-container{overflow-x:auto}.ta-table{border-collapse:collapse;width:100%}.ta-table th{text-align:left;text-transform:uppercase;color:var(--ta-gray);border-bottom:1px solid var(--ta-border);background:#f8fafc;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.ta-table td{border-bottom:1px dotted var(--ta-border);vertical-align:middle;padding:1.25rem 1.5rem}.ta-td-num{color:var(--ta-gray);font-size:.85rem;font-weight:600}.ta-td-id code{color:var(--ta-blue);background:#f1f5f9;border-radius:.4rem;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.ta-student-box{align-items:center;gap:1rem;display:flex}.ta-mini-avatar{border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:flex}.ta-student-details{flex-direction:column;gap:.15rem;display:flex}.ta-student-name{color:var(--ta-navy);font-size:.95rem;font-weight:600}.ta-student-email{color:var(--ta-gray);font-size:.8rem}.ta-online-pill{color:#1e40af;text-transform:uppercase;letter-spacing:.025em;background:#dbeafe;border:1px solid #bfdbfe;border-radius:2rem;align-items:center;gap:3px;margin-left:.5rem;padding:.2rem .6rem;font-size:.65rem;font-weight:800;display:inline-flex}.ta-online-pill:before{content:"";background:#3b82f6;border-radius:50%;width:6px;height:6px;animation:1.5s infinite ta-pulse}@keyframes ta-pulse{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 6px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.ta-status-toggle{background:#f1f5f9;border-radius:.75rem;gap:.3rem;padding:.3rem;display:inline-flex}.ta-status-btn{cursor:pointer;color:var(--ta-gray);background:0 0;border:none;border-radius:.5rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s}.ta-status-btn--present.active{background:var(--ta-present);color:#fff;box-shadow:0 4px 10px #10b9814d}.ta-status-btn--absent.active{background:var(--ta-absent);color:#fff;box-shadow:0 4px 10px #ef44444d}.ta-status-btn--late.active{background:var(--ta-late);color:#fff;box-shadow:0 4px 10px #6366f14d}.ta-leave-text{color:var(--ta-leave);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.ta-status-pill{text-transform:uppercase;border-radius:2rem;padding:.4rem .75rem;font-size:.75rem;font-weight:700}.ta-status-pill--present{color:#065f46;background:#d1fae5}.ta-status-pill--absent{color:#991b1b;background:#fee2e2}.ta-status-pill--leave{color:#92400e;background:#fef3c7}.ta-status-pill--late{color:#3730a3;background:#e0e7ff}.ta-pagination{border-top:1px solid var(--ta-border);justify-content:center;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.ta-pagination button{border:1px solid var(--ta-border);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.ta-pagination button:disabled{opacity:.4;cursor:not-allowed}.ta-pagination button:not(:disabled):hover{border-color:var(--ta-blue);color:var(--ta-blue)}.ta-pagination span{color:var(--ta-gray);font-size:.85rem;font-weight:600}.ta-loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite ta-spin}@media (max-width:768px){.ta-hero{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1rem 1.5rem}.ta-hero__content{flex-direction:column;align-items:flex-start;gap:1.5rem}.ta-hero__trainer{border-top:1px solid #ffffff1a;border-left:none;width:100%;padding-top:1rem;padding-left:0}.ta-hero__actions{width:100%}.ta-btn-primary{justify-content:center;width:100%}.ta-control-bar{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1rem 1.5rem;position:relative}.ta-control-group{flex-direction:column;align-items:stretch;gap:1.25rem}.ta-field select,.ta-field input{width:100%;min-width:unset}.ta-field--topic{max-width:none}.ta-history-filter{border-left:none;border-top:1px solid var(--ta-border);flex-direction:column;align-items:stretch;padding-top:1.25rem;padding-left:0}.ta-stats-bar{flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 1.5rem}.ta-stat-mini{border:1px solid var(--ta-border);background:#fff;border-radius:.5rem;flex:0 0 calc(50% - .5rem);padding:.5rem}.ta-stat-progress{min-width:100%;margin-top:.5rem;margin-left:0}.ta-main-content{padding:1rem}.ta-roster-header{flex-direction:column;align-items:stretch;gap:1.25rem}.ta-roster-search{width:100%}.ta-bulk-bar{flex-direction:column;align-items:flex-start;gap:1rem}.ta-bulk-btns{width:100%}.ta-bulk-btns button{flex:1}.ta-table thead{display:none}.ta-table,.ta-table tbody,.ta-table tr,.ta-table td{width:100%;display:block}.ta-table tr{border:1px solid var(--ta-border);box-shadow:var(--ta-shadow-sm);background:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:.5rem}.ta-table td{border:none;border-bottom:1px dotted #e2e8f0;padding:.75rem 1rem;position:relative}.ta-table td:last-child{border-bottom:none}.ta-table td:before{content:attr(data-label);text-transform:uppercase;color:var(--ta-gray);letter-spacing:.05em;margin-bottom:.4rem;font-size:.65rem;font-weight:700;display:block}.ta-status-toggle{background:#f1f5f9;width:100%;padding:.25rem}.ta-status-btn{flex:1;padding:.75rem .5rem;font-size:.75rem}.ta-td-num,.ta-td-id{border-bottom:1px dotted #e2e8f0;width:100%;display:block}.ta-td-id code{margin-top:.25rem;display:inline-block}.ta-student-box{flex-direction:row;align-items:center;gap:1.25rem;padding:.5rem 0}.ta-student-details{flex-direction:column;flex:1;gap:.5rem;display:flex}.ta-student-name{flex-direction:column;align-items:flex-start;gap:.4rem;font-size:1rem;display:flex}.ta-online-pill{margin-left:0;padding:.2rem .5rem;font-size:.6rem}.ta-mini-avatar{flex-shrink:0;width:3rem;height:3rem}}@keyframes ta-spin{to{transform:rotate(360deg)}}.timetable-container{background:#f8fafc;min-height:100vh;padding:2rem}.timetable-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.timetable-header h2{color:#0f172a;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.timetable-subtitle{color:#64748b;margin:0}.batch-count-pill{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.class-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.class-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.class-card--today{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-color:#3b82f6}.today-ribbon{color:#fff;letter-spacing:.05em;background:#3b82f6;border-bottom-left-radius:8px;padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:0;right:0}.class-card-header h3{color:#1e293b;margin:0 0 1rem;font-size:1.05rem;font-weight:700}.class-info{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.class-info p{color:#475569;align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.ci-icon{color:#64748b;flex-shrink:0}.join-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.join-btn:hover{background:#0f172a}.join-btn--disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.tt-loading,.tt-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.tt-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.tt-pagination{color:#475569;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;font-size:.9rem;display:flex}.tt-page-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.tt-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#3b82f6}.tt-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:600px){.timetable-container{padding:1rem}.timetable-header{flex-direction:column;gap:.75rem}}:root{--primary-blue:#2563eb;--success-green:#10b981;--warning-orange:#f59e0b;--danger-red:#ef4444;--bg-soft:#f8fafc;--text-dark:#1e293b;--shadow-sm:0 4px 6px -1px #0000001a}.performance-page-wrapper{background-color:var(--bg-soft);min-height:100vh;padding:30px;font-family:Inter,sans-serif}.performance-header{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px;display:flex}.title-area h1{color:var(--text-dark);align-items:center;gap:12px;margin:0;font-size:1.8rem;display:flex}.title-area p{color:#64748b;margin-top:5px}.filter-controls{gap:15px;display:flex}.filter-controls select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:180px;padding:10px 15px}.stats-grid-v2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.perf-card{box-shadow:var(--shadow-sm);background:#fff;border-left:5px solid #0000;border-radius:16px;align-items:center;gap:20px;padding:20px;display:flex}.perf-card:first-child{border-left-color:var(--primary-blue)}.perf-card:nth-child(2){border-left-color:var(--success-green)}.perf-card:nth-child(3){border-left-color:var(--warning-orange)}.perf-card-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.perf-card-icon.blue{color:var(--primary-blue);background:#dbeafe}.perf-card-icon.green{color:var(--success-green);background:#d1fae5}.perf-card-icon.orange{color:var(--warning-orange);background:#fef3c7}.perf-card-info h3{color:#64748b;margin:0;font-size:.9rem}.perf-card-info h2{color:var(--text-dark);margin:5px 0;font-size:1.8rem}.mini-progress{background:#f1f5f9;border-radius:10px;width:150px;height:6px;overflow:hidden}.mini-progress div{background:var(--primary-blue);height:100%}.details-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.details-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:25px}.details-card h3{align-items:center;gap:10px;margin-bottom:20px;font-size:1.2rem;display:flex}.list-item{border-bottom:1px solid #f1f5f9;align-items:center;padding:12px 0;display:flex}.list-item:last-child{border:none}.rank{color:var(--primary-blue);width:40px;font-weight:700}.name{color:var(--text-dark);flex:1;font-weight:500}.score-badge{color:var(--success-green);background:#f0fdf4;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.red-bg{color:var(--danger-red);background:#fef2f2}.gold{color:#fbbf24}.red{color:var(--danger-red)}.placeholder-state{text-align:center;color:#94a3b8;background:#fff;border-radius:16px;padding:100px}@media (max-width:768px){.details-row{grid-template-columns:1fr}.performance-header{flex-direction:column;gap:20px}}.trainer-announcements{max-width:900px;margin:20px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header h2{color:#333;margin:0;font-size:1.8rem}.create-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:10px 16px;font-weight:500;transition:background-color .3s}.create-btn:hover{background-color:#4338ca}.section-title{color:#111827;border-bottom:1px solid #ddd;margin-top:30px;margin-bottom:10px;padding-bottom:5px;font-size:1.3rem}.announcement-list{padding:0;list-style:none}.announcement-card{background-color:#fafafa;border:1px solid #ddd;border-radius:10px;margin-bottom:15px;padding:16px;transition:transform .2s}.announcement-card:hover{transform:translateY(-3px)}.admin-card{border-left:4px solid #f59e0b}.trainer-card{border-left:4px solid #4f46e5}.card-header{justify-content:space-between;align-items:center;display:flex}.card-header h3{color:#111827;margin:0;font-size:1.2rem}.date{color:#6b7280;font-size:.9rem}.content{color:#374151;margin-top:8px;font-size:1rem}.no-announcements{text-align:center;color:#6b7280;font-style:italic}.modal-overlay{z-index:999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background-color:#fff;border-radius:10px;width:400px;max-width:90%;padding:20px}.modal input,.modal textarea{border:1px solid #ccc;border-radius:6px;width:100%;margin:10px 0;padding:10px;font-size:1rem}.modal textarea{resize:vertical;height:100px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions .btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:6px;padding:8px 14px;transition:background-color .3s}.modal-actions .btn:hover{background-color:#4338ca}.modal-actions .cancel{background-color:#ef4444}.modal-actions .cancel:hover{background-color:#dc2626}.header{flex-direction:column;display:flex}.create-btn{align-self:flex-start;margin-top:10px}:root{--tl-navy:#0f172a;--tl-blue:#2563eb;--tl-blue-light:#eff6ff;--tl-slate:#64748b;--tl-slate-light:#f8fafc;--tl-border:#e2e8f0;--tl-success:#10b981;--tl-warning:#f59e0b;--tl-danger:#ef4444;--tl-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tl-radius:12px}.tl-container{background-color:#f8fafc;max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem}.tl-header{border-radius:var(--tl-radius);background:#fff;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.tl-header__info{align-items:center;gap:1.25rem;display:flex}.tl-header__icon{background:var(--tl-blue-light);width:3.5rem;height:3.5rem;color:var(--tl-blue);border-radius:1rem;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.tl-header__text h1{color:var(--tl-navy);letter-spacing:-.025em;margin:0;font-size:1.75rem;font-weight:800}.tl-header__text p{color:var(--tl-slate);margin:.25rem 0 0;font-size:.95rem}.tl-btn-new{background:var(--tl-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px -2px #2563eb66}.tl-btn-new:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 12px -2px #2563eb80}.tl-card{border-radius:var(--tl-radius);border:1px solid var(--tl-border);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tl-table-wrapper{overflow-x:auto}.tl-table{border-collapse:collapse;width:100%}.tl-table th{text-align:left;color:var(--tl-slate);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:2px solid #f1f5f9;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.tl-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.tl-table tr:hover td{background-color:#f8fafc}.tl-table tr:last-child td{border-bottom:none}.tl-type-box{flex-direction:column;gap:.25rem;display:flex}.tl-type-label{font-size:.9rem;font-weight:700}.tl-type-label--leave{color:#b45309}.tl-type-label--online{color:#1d4ed8}.tl-category-tag{text-transform:uppercase;color:var(--tl-slate);background:#f1f5f9;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.tl-date-range{flex-direction:column;gap:.1rem;display:flex}.tl-date-full{color:var(--tl-navy);font-size:.9rem;font-weight:600}.tl-date-days{color:var(--tl-slate);font-size:.75rem}.tl-reason-text{color:#1e293b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tl-meta-info{flex-wrap:wrap;gap:1rem;display:flex}.tl-meta-item{color:var(--tl-slate);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.tl-meta-item strong{color:var(--tl-navy)}.tl-status-pill{text-transform:uppercase;border-radius:2rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.tl-status-pill--pending{color:#92400e;background:#fef3c7}.tl-status-pill--approved{color:#065f46;background:#d1fae5}.tl-status-pill--rejected{color:#991b1b;background:#fee2e2}.tl-btn-delete{color:#dc2626;text-transform:uppercase;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.tl-btn-delete:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.aa-finput{background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:45px;padding:10px 14px;font-size:.9rem;line-height:normal}.form-group label{color:#475569;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.tl-empty{text-align:center;color:var(--tl-slate);padding:4rem 2rem}.tl-empty svg{opacity:.5;margin-bottom:1rem;font-size:3rem}.tl-type-grid{gap:20px;margin-top:10px;display:flex}@media (max-width:768px){.tl-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1rem}.tl-container{padding:1rem}.tl-table thead{display:none}.tl-table,.tl-table tbody,.tl-table tr,.tl-table td{width:100%;display:block}.tl-table tr{border:1px solid var(--tl-border);border-radius:var(--tl-radius);background:#fff;margin-bottom:1rem;padding:.5rem}.tl-table td{border:none;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;position:relative}.tl-table td:last-child{border-bottom:none;text-align:left!important}.tl-table td:before{content:attr(data-label);text-transform:uppercase;color:var(--tl-slate);margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.tl-reason-text{-webkit-line-clamp:4;line-clamp:4}.tl-type-grid{flex-direction:column;gap:12px}.modal-content{margin:5px;width:98%!important}}:root{--adm-navy:#0f172a;--adm-navy-md:#1e3a8a;--adm-blue:#2563eb;--adm-blue-lt:#eff6ff;--adm-blue-md:#dbeafe;--adm-green:#16a34a;--adm-green-lt:#dcfce7;--adm-red:#dc2626;--adm-red-lt:#fee2e2;--adm-amber:#d97706;--adm-amber-lt:#fef3c7;--adm-purple:#7c3aed;--adm-purple-lt:#f5f3ff;--adm-muted:#64748b;--adm-border:#e2e8f0;--adm-bg:#f0f4fb;--adm-white:#fff;--adm-text:#1e293b;--adm-shadow:0 4px 24px #0f172a17;--adm-radius:14px;--adm-rsm:9px}.adm-page{background:var(--adm-bg);min-height:100vh;color:var(--adm-text);padding-top:1px;font-family:Outfit,-apple-system,sans-serif}@media (max-width:768px){.adm-page{padding-top:15px}}.adm-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 55%,#1e40af 100%);border-radius:20px;margin:1.5rem 5%;position:relative;overflow:hidden;box-shadow:0 10px 40px #0f172a40}.adm-hero__orb{pointer-events:none;z-index:1;border-radius:50%;position:absolute}.adm-hero__orb--1{background:radial-gradient(circle,#2563eb38 0%,#0000 70%);width:500px;height:500px;top:-180px;right:-100px}.adm-hero__orb--2{background:radial-gradient(circle,#6366f12e 0%,#0000 70%);width:300px;height:300px;bottom:-80px;left:10%}.adm-hero__orb--3{background:radial-gradient(circle,#10b9811f 0%,#0000 70%);width:200px;height:200px;top:20px;left:40%}.adm-hero__inner{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:100%;margin:0;padding:2.5rem 2.5rem 1.5rem;display:flex;position:relative}.adm-greeting-chip{color:#93c5fd;letter-spacing:.3px;background:#2563eb2e;border:1px solid #2563eb4d;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.adm-hero__name{color:#fff;letter-spacing:-.04em;text-transform:capitalize;margin-bottom:6px;font-size:2.2rem;font-weight:900;line-height:1.15}.adm-hero__role{color:#64748b;font-size:.9rem;font-weight:500}.adm-hero__id-badge{color:#60a5fa;letter-spacing:.02em;text-transform:uppercase;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:6px;align-items:center;margin-bottom:8px;padding:2px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.adm-hero__right{align-items:center;gap:1rem;display:flex}.adm-hero__right-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;align-items:center;gap:1.5rem;padding:1.25rem 1.75rem;display:flex}.adm-live-clock{text-align:right}.adm-clock__time{color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.adm-clock__date{color:#64748b;margin-top:2px;font-size:.8rem;font-weight:500}.adm-notif-wrap{position:relative}.adm-notif-btn{cursor:pointer;color:#94a3b8;background:#ffffff1a;border:1.5px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .2s;display:flex;position:relative}.adm-notif-btn:hover{color:#fff;background:#ffffff2e}.adm-notif-badge{background:var(--adm-amber);color:#fff;border:2px solid #1e3a8a;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.adm-notif-drop{background:var(--adm-white);border:1.5px solid var(--adm-border);z-index:99999;border-radius:14px;width:320px;animation:.2s adm-fadein;position:absolute;top:54px;right:0;overflow:hidden;box-shadow:0 20px 50px #0f172a38}.adm-notif-drop--portal{background:var(--adm-white);border:1.5px solid var(--adm-border);z-index:99999;border-radius:14px;width:320px;animation:.2s adm-fadein;position:absolute;overflow:hidden;box-shadow:0 20px 50px #0f172a38}.adm-notif-drop__head{background:linear-gradient(135deg, var(--adm-navy), var(--adm-blue));color:#fff;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.adm-notif-count{background:#fff3;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:800}.adm-notif-drop__body{max-height:260px;overflow-y:auto}.adm-notif-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 18px;transition:background .15s;display:flex}.adm-notif-item:hover{background:#f8faff}.adm-notif-item__avatar{background:var(--adm-blue-lt);width:36px;height:36px;color:var(--adm-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.adm-notif-item__name{color:var(--adm-navy);font-size:13.5px;font-weight:700}.adm-notif-item__role{color:var(--adm-muted);margin-top:1px;font-size:11.5px}.adm-notif-item__alert{color:var(--adm-amber);margin-top:2px;font-size:10px;font-weight:700}.adm-notif-empty{text-align:center;color:var(--adm-muted);padding:24px;font-size:13px}.adm-notif-drop__footer{border-top:1px solid var(--adm-border);background:#fafbfd;padding:10px 18px}.adm-notif-drop__footer button{cursor:pointer;color:var(--adm-blue);background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:700}.adm-refresh-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .2s;display:flex}.adm-refresh-btn:hover{color:#fff;background:#ffffff29;transform:rotate(180deg)}.adm-hero__stats{z-index:2;flex-wrap:wrap;gap:1rem;width:100%;max-width:100%;margin:0;padding:0 2.5rem 2.5rem;display:flex;position:relative}.adm-stat-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;flex:1;align-items:center;gap:.85rem;min-width:140px;padding:1rem;transition:background .2s,transform .2s;animation:.5s both adm-fadein;display:flex}.adm-stat-pill:hover{background:#ffffff1f;transform:translateY(-2px)}.adm-stat-pill__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;display:flex}.adm-sc--blue .adm-stat-pill__icon{color:#93c5fd;background:#2563eb33;border:1px solid #2563eb4d}.adm-sc--purple .adm-stat-pill__icon{color:#c4b5fd;background:#7c3aed33;border:1px solid #7c3aed4d}.adm-sc--green .adm-stat-pill__icon{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d}.adm-sc--amber .adm-stat-pill__icon{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b4d}.adm-stat-pill__val{color:#fff;letter-spacing:-.03em;font-size:1.5rem;font-weight:900;line-height:1;display:block}.adm-stat-pill__lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.68rem;font-weight:600;line-height:1.2;display:block}@keyframes adm-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.adm-page>:not(.adm-hero){width:100%;padding-left:5%;padding-right:5%}.adm-punch-container{margin:20px 0 10px!important}.adm-section-tabs{flex-wrap:wrap;align-items:center;gap:8px;padding-top:24px;padding-bottom:16px;display:flex}.adm-sec-tab{border:1.5px solid var(--adm-border);background:var(--adm-white);color:var(--adm-muted);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.adm-sec-tab:hover{border-color:var(--adm-blue);color:var(--adm-blue);background:var(--adm-blue-lt)}.adm-sec-tab--active{background:linear-gradient(135deg, var(--adm-blue), var(--adm-navy-md));color:#fff;border-color:#0000;box-shadow:0 4px 14px #2563eb4d}.adm-tab-badge{background:var(--adm-amber);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:2px 7px;font-size:11px;font-weight:800}.adm-sec-tab--active .adm-tab-badge{background:#ffffff40}.adm-tab-chip{color:var(--adm-muted);background:#f1f5f9;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:800}.adm-sec-tab--active .adm-tab-chip{color:#fff;background:#fff3}.adm-tab-stats{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.adm-tab-stat--active{background:var(--adm-green-lt);color:var(--adm-green);border:1px solid #bbf7d0}.adm-status-overview{gap:16px;margin-bottom:24px;display:flex}.adm-status-card{background:var(--adm-white);border:1.5px solid var(--adm-border);border-radius:var(--adm-radius);box-shadow:var(--adm-shadow);flex-direction:column;flex:1;gap:8px;padding:18px 22px;transition:transform .2s,border-color .2s;animation:.4s both adm-fadein;display:flex}.adm-status-card:hover{border-color:var(--adm-blue-md);transform:translateY(-3px)}.adm-status-card__meta{color:var(--adm-muted);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.adm-status-card__val{color:var(--adm-navy);font-size:24px;font-weight:900}.adm-status-card--student .adm-status-card__meta svg{color:var(--adm-blue)}.adm-status-card--trainer .adm-status-card__meta svg{color:var(--adm-purple)}.adm-status-card--active .adm-status-card__meta{color:var(--adm-green)}.adm-live-pulse{background:var(--adm-green);border-radius:50%;width:8px;height:8px;position:relative}.adm-live-pulse:after{content:"";border:2px solid var(--adm-green);border-radius:50%;animation:1.8s infinite adm-pulse;position:absolute;inset:-4px}@keyframes adm-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.adm-activity-widget{margin-top:10px;margin-bottom:25px;animation:.6s both adm-fadein}.adm-activity-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;padding:18px;display:grid}.adm-activity-item{border:1px solid var(--adm-border);border-left:4px solid var(--adm-blue);background:#f8fafc;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex;position:relative}.adm-activity-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}.adm-activity-item--leave{border-left-color:var(--adm-amber)}.adm-activity-item--enroll{border-left-color:var(--adm-green)}.adm-activity-item--fees{border-left-color:var(--adm-purple)}.adm-activity-content{flex-direction:column;gap:4px;display:flex}.adm-activity-msg{color:var(--adm-navy);font-size:13.5px;font-weight:700;line-height:1.4}.adm-activity-meta{color:var(--adm-muted);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.adm-activity-dot{opacity:.5;font-size:8px}.adm-card{background:var(--adm-white);border-radius:var(--adm-radius);box-shadow:var(--adm-shadow);border:1.5px solid var(--adm-border);margin-bottom:32px;animation:.35s both adm-fadein;overflow:hidden}.adm-card__toolbar{border-bottom:1.5px solid var(--adm-border);background:#fafbfd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.adm-card__toolbar--wrap{flex-wrap:wrap}.adm-card__toolbar-left{align-items:center;gap:10px;display:flex}.adm-card__title{color:var(--adm-navy);font-size:16px;font-weight:800}.adm-count-chip{background:var(--adm-blue-lt);color:var(--adm-blue);border:1px solid var(--adm-blue-md);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.adm-pending-chip{background:var(--adm-amber-lt);color:var(--adm-amber);border:1px solid #fde68a;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.adm-filters-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-filter-tabs{background:#f1f5f9;border-radius:10px;gap:2px;padding:3px;display:flex}.adm-ftab{cursor:pointer;color:var(--adm-muted);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s}.adm-ftab:hover{background:var(--adm-white);color:var(--adm-text)}.adm-ftab--on{background:var(--adm-white);color:var(--adm-blue);box-shadow:0 2px 6px #00000012}.adm-select-wrap{position:relative}.adm-select{appearance:none;border:1.5px solid var(--adm-border);border-radius:var(--adm-rsm);color:var(--adm-text);background:var(--adm-white);cursor:pointer;outline:none;min-width:140px;padding:8px 28px 8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.adm-select:focus{border-color:var(--adm-blue)}.adm-select-arrow{color:var(--adm-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.adm-search{background:var(--adm-white);border:1.5px solid var(--adm-border);border-radius:20px;align-items:center;gap:7px;padding:6px 14px;transition:all .2s;display:flex}.adm-search:focus-within{border-color:var(--adm-blue);box-shadow:0 0 0 3px #2563eb1a}.adm-search__ico{color:var(--adm-muted);flex-shrink:0;font-size:12px}.adm-search__inp{color:var(--adm-text);background:0 0;border:none;outline:none;width:200px;font-family:inherit;font-size:13px}.adm-search__clr{cursor:pointer;color:var(--adm-muted);background:0 0;border:none;padding:2px;font-size:11px}.adm-search__clr:hover{color:var(--adm-red)}.adm-pagination{border-bottom:1px solid var(--adm-border);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 20px;display:flex}.adm-pag-info{color:var(--adm-muted);white-space:nowrap;font-size:12.5px;font-weight:500}.adm-pag-btns{align-items:center;gap:4px;display:flex}.adm-pag-btn{border:1.5px solid var(--adm-border);background:var(--adm-white);min-width:32px;height:32px;color:var(--adm-text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.adm-pag-btn:hover:not(:disabled){border-color:var(--adm-blue);color:var(--adm-blue);background:var(--adm-blue-lt)}.adm-pag-btn:disabled{opacity:.35;cursor:not-allowed}.adm-pag-btn--on{background:linear-gradient(135deg, var(--adm-blue), var(--adm-navy-md));color:#fff;border-color:#0000;box-shadow:0 3px 8px #2563eb4d}.adm-pag-nav{padding:0 12px;font-size:12.5px}.adm-pag-dots{text-align:center;width:26px;color:var(--adm-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:700px}.adm-table thead{z-index:1;background:#1e293b;position:sticky;top:0}.adm-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap;border-bottom:2px solid #0f172a;padding:11px 14px;font-size:10.5px;font-weight:700}.adm-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.adm-table tbody tr:last-child{border-bottom:none}.adm-table tbody tr:hover{background:#f8faff}.adm-row--pending{border-left:3px solid var(--adm-amber);background:#fffbeb!important}.adm-td{color:#475569;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:12px 14px;font-size:13.5px;overflow:hidden}.adm-td--num{text-align:center}.adm-td--phone{font-variant-numeric:tabular-nums;font-size:13px}.adm-td--actions{text-align:left;white-space:nowrap;padding-left:14px}.adm-td-state{padding:40px 0}.adm-state-row{color:var(--adm-muted);justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.adm-spinner{border:3px solid var(--adm-blue-md);border-top-color:var(--adm-blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite adm-spin}@keyframes adm-spin{to{transform:rotate(360deg)}}.adm-rnum{width:26px;height:26px;color:var(--adm-muted);background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.adm-user-cell{align-items:center;gap:10px;display:flex}.adm-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.adm-user-cell__info{flex-direction:column;gap:1px;min-width:0;display:flex}.adm-user-cell__name{color:var(--adm-navy);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.adm-user-cell__sub{color:var(--adm-muted);font-size:11.5px}.adm-link{color:var(--adm-muted);font-size:13px;text-decoration:none;transition:color .15s}.adm-link:hover{color:var(--adm-blue)}.adm-role-tag{white-space:nowrap;border-radius:6px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.adm-role-tag--student{background:var(--adm-blue-lt);color:var(--adm-blue);border:1px solid var(--adm-blue-md)}.adm-role-tag--trainer{background:var(--adm-purple-lt);color:var(--adm-purple);border:1px solid #ddd6fe}.adm-role-tag--admin{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.adm-role-tag--marketer{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.adm-role-tag--counselor{color:#0891b2;background:#ecfeff;border:1px solid #a5f3fc}.adm-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.adm-status--active{background:var(--adm-green-lt);color:var(--adm-green);border:1px solid #bbf7d0}.adm-status--pending{background:var(--adm-amber-lt);color:var(--adm-amber);border:1px solid #fde68a}.adm-status--inactive{color:var(--adm-muted);border:1px solid var(--adm-border);background:#f1f5f9}.adm-status--rejected{background:var(--adm-red-lt);color:var(--adm-red);border:1px solid #fca5a5}.adm-action-group{flex-wrap:wrap;gap:6px;display:flex}.adm-btn{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.adm-btn--approve{background:var(--adm-green-lt);color:var(--adm-green);border-color:#bbf7d0}.adm-btn--approve:hover{background:var(--adm-green);color:#fff;border-color:#0000}.adm-btn--reject{background:var(--adm-red-lt);color:var(--adm-red);border-color:#fca5a5}.adm-btn--reject:hover{background:var(--adm-red);color:#fff;border-color:#0000}.adm-btn--deactivate{background:var(--adm-amber-lt);color:var(--adm-amber);border-color:#fde68a}.adm-btn--deactivate:hover{background:var(--adm-amber);color:#fff;border-color:#0000}.adm-btn--activate{background:var(--adm-blue-lt);color:var(--adm-blue);border-color:var(--adm-blue-md)}.adm-btn--activate:hover{background:var(--adm-blue);color:#fff;border-color:#0000}.adm-btn--locked{color:#94a3b8;cursor:not-allowed;opacity:.8;background:#f8fafc;border:1.5px solid;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-style:italic;font-weight:700;display:inline-flex}.adm-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.adm-empty__ico{opacity:.28;font-size:44px}.adm-empty p{color:var(--adm-muted);font-size:14px;font-weight:500}@media (max-width:768px){.adm-page{padding-bottom:120px!important}.adm-table{table-layout:auto!important;min-width:unset!important;display:block!important}}@media (max-width:1200px){.adm-page>:not(.adm-hero){padding-left:1.5rem;padding-right:1.5rem}.adm-hero__inner{padding:2rem 1.5rem 1.25rem}.adm-hero__stats{padding:0 1.5rem 1.5rem}}@media (max-width:992px){.adm-hero__inner{flex-direction:column;align-items:stretch;gap:1.5rem}.adm-hero__right{justify-content:space-between;width:100%}.adm-live-clock{text-align:left}.adm-hero__stats{gap:.75rem;padding:0 1.5rem 1.75rem}.adm-stat-pill{flex:none;min-width:100%}.adm-tab-stats{display:none}.adm-section-tabs{gap:5px}.adm-sec-tab{padding:8px 12px;font-size:12px}}@media (max-width:768px){.adm-card__toolbar,.adm-filters-row{flex-direction:column;align-items:stretch}.adm-search__inp{width:100%}.adm-pagination{flex-direction:column;align-items:center;gap:10px}}@media (max-width:480px){.adm-hero__name{font-size:1.5rem}.adm-greeting-chip{font-size:11px}.adm-clock__time{font-size:1.4rem}}:root{--navy:#1e3a8a;--navy-dk:#0f172a;--blue:#2563eb;--blue-lt:#eff6ff;--blue-md:#dbeafe;--green:#16a34a;--green-lt:#dcfce7;--amber:#d97706;--amber-lt:#fef3c7;--red:#dc2626;--red-lt:#fee2e2;--muted:#64748b;--border:#e2e8f0;--bg:#f1f5fb;--white:#fff;--text:#1e293b;--shadow-sm:0 2px 8px #0f172a12;--shadow:0 4px 24px #0f172a17;--shadow-lg:0 8px 40px #0f172a21;--radius:14px;--radius-sm:9px}.cc-page{background:var(--bg);min-height:100vh;color:var(--text);padding:28px 36px;font-family:Outfit,-apple-system,sans-serif}.cc-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.cc-page-header__left{align-items:center;gap:16px;display:flex}.cc-page-header__icon{background:linear-gradient(135deg, var(--navy), var(--blue));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 6px 20px #2563eb4d}.cc-page-header__title{color:var(--navy-dk);letter-spacing:-.5px;font-size:24px;font-weight:800}.cc-page-header__sub{color:var(--muted);margin-top:2px;font-size:13px;font-weight:500}.cc-page-header__stats{gap:10px;display:flex}.cc-stat-pill{cursor:default;border-radius:12px;flex-direction:column;align-items:center;min-width:72px;padding:10px 20px;display:flex}.cc-stat-pill--blue{background:var(--blue-lt);border:1.5px solid var(--blue-md)}.cc-stat-pill--amber{background:var(--amber-lt);border:1.5px solid #fde68a}.cc-stat-pill__num{font-size:22px;font-weight:800;line-height:1}.cc-stat-pill--blue .cc-stat-pill__num{color:var(--blue)}.cc-stat-pill--amber .cc-stat-pill__num{color:var(--amber)}.cc-stat-pill__label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-top:3px;font-size:11px;font-weight:600}.cc-layout{grid-template-columns:400px 1fr;align-items:start;gap:24px;display:grid}.cc-form-panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;animation:.4s both cc-fadein;position:sticky;top:24px}@keyframes cc-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cc-form-panel__head{border-bottom:2px solid var(--bg);align-items:flex-start;gap:14px;margin-bottom:24px;padding-bottom:20px;display:flex}.cc-form-panel__head-icon{background:var(--blue-lt);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.cc-form-panel__title{color:var(--navy-dk);font-size:18px;font-weight:700}.cc-form-panel__sub{color:var(--muted);margin-top:2px;font-size:12.5px}.cc-alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13.5px;font-weight:500;animation:.25s cc-fadein;display:flex}.cc-alert__icon{flex-shrink:0;font-size:16px}.cc-alert--success{background:var(--green-lt);color:#14532d;border:1px solid #86efac}.cc-alert--error{background:var(--red-lt);color:#7f1d1d;border:1px solid #fca5a5}.cc-form{flex-direction:column;gap:20px;display:flex}.cc-field{flex-direction:column;gap:7px;display:flex}.cc-label{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.cc-label__icon{font-size:15px}.cc-label__count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;font-weight:500}.cc-input,.cc-select,.cc-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fafbfd;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.cc-input:focus,.cc-select:focus,.cc-textarea:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 3px #2563eb1a}.cc-textarea{resize:vertical;min-height:110px;line-height:1.6}.cc-select-wrap{position:relative}.cc-select{appearance:none;cursor:pointer;padding-right:36px}.cc-select-arrow{color:var(--muted);pointer-events:none;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cc-duration-pills{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.cc-dur-pill{border:1.5px solid var(--border);background:var(--white);cursor:pointer;color:var(--muted);border-radius:20px;padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.cc-dur-pill:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}.cc-dur-pill--active{border-color:var(--blue);color:var(--white);background:linear-gradient(135deg, var(--blue), var(--navy));box-shadow:0 4px 10px #2563eb40}.cc-char-bar{background:var(--border);border-radius:3px;height:3px;margin-top:4px;overflow:hidden}.cc-char-bar__fill{border-radius:3px;height:100%;transition:width .3s,background .3s}.cc-hint{font-size:12px;font-weight:500}.cc-hint--warn{color:var(--red)}.cc-file-drop{border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#fafbfd;transition:border-color .2s,background .2s;display:block}.cc-file-drop:hover{border-color:var(--blue);background:var(--blue-lt)}.cc-file-input{display:none}.cc-file-drop__inner{flex-direction:column;align-items:center;gap:6px;padding:20px 16px;display:flex}.cc-file-drop__icon{font-size:28px}.cc-file-drop__text{color:var(--text);font-size:13.5px;font-weight:600}.cc-file-drop__hint{color:var(--muted);font-size:11.5px}.cc-form-actions{gap:10px;margin-top:4px;display:flex}.cc-btn-primary{background:linear-gradient(135deg, var(--blue), var(--navy));color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:14.5px;font-weight:700;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 16px #2563eb4d}.cc-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.cc-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cc-btn-primary--loading{opacity:.8}.cc-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite cc-spin;display:inline-block}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-btn-cancel{border:1.5px solid var(--border);background:var(--white);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.cc-btn-cancel:hover{border-color:var(--red);color:var(--red);background:var(--red-lt)}.cc-list-panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:0;min-height:500px;padding:28px;animation:.4s 80ms both cc-fadein;display:flex}.cc-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.cc-list-header__left{align-items:center;gap:10px;display:flex}.cc-list-title{color:var(--navy-dk);font-size:17px;font-weight:700}.cc-list-count{background:var(--blue-lt);color:var(--blue);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.cc-toggle{background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:flex}.cc-toggle__btn{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.cc-toggle__btn:hover{background:var(--white);color:var(--text)}.cc-toggle__btn--active{background:var(--white);color:var(--blue);box-shadow:var(--shadow-sm)}.cc-toggle__btn--inactive-on{background:var(--white);color:var(--amber);box-shadow:var(--shadow-sm)}.cc-search{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;align-items:center;gap:10px;margin-bottom:20px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.cc-search:focus-within{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 3px #2563eb1a}.cc-search__icon{flex-shrink:0;font-size:16px}.cc-search__input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-family:inherit;font-size:14px}.cc-search__clear{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;font-size:13px}.cc-search__clear:hover{color:var(--red);background:var(--red-lt)}.cc-scroll-area{flex-direction:column;flex:1;gap:14px;min-height:300px;display:flex}.cc-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.cc-empty__icon{opacity:.35;font-size:48px}.cc-empty__text{color:var(--muted);font-size:14px;font-weight:500}.cc-course-card{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fafbfd;flex-direction:column;gap:10px;padding:18px 18px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s both cc-fadein;display:flex;position:relative;overflow:hidden}.cc-course-card:hover{box-shadow:var(--shadow);border-color:#cbd5e1;transform:translateY(-2px)}.cc-course-card--editing{border-color:var(--blue);background:var(--blue-lt);box-shadow:0 0 0 3px #2563eb1f}.cc-course-card__ribbon{background:linear-gradient(180deg, var(--blue), var(--navy));border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.cc-course-card__ribbon--inactive{background:linear-gradient(180deg, var(--amber), #92400e)}.cc-course-card__top{align-items:flex-start;gap:12px;padding-left:12px;display:flex}.cc-course-card__icon-wrap{background:var(--blue-lt);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.cc-course-card__meta{flex:1;min-width:0}.cc-course-card__name{color:var(--navy-dk);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:15px;font-weight:700;overflow:hidden}.cc-course-card__chips{flex-wrap:wrap;gap:6px;display:flex}.cc-chip{white-space:nowrap;letter-spacing:.2px;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.cc-chip--dur{background:var(--blue-lt);color:var(--blue)}.cc-chip--active{background:var(--green-lt);color:var(--green)}.cc-chip--inactive{background:var(--amber-lt);color:var(--amber)}.cc-course-card__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.cc-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s,transform .1s;display:flex}.cc-icon-btn:hover{transform:scale(1.1)}.cc-icon-btn--edit{background:var(--blue-lt)}.cc-icon-btn--edit:hover{background:var(--blue-md)}.cc-icon-btn--delete{background:var(--red-lt)}.cc-icon-btn--delete:hover{background:#fecaca}.cc-icon-btn--reactivate{background:var(--green-lt)}.cc-icon-btn--reactivate:hover{background:#bbf7d0}.cc-course-card__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-left:16px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.cc-syllabus-row{background:var(--white);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-left:16px;padding:10px 14px;display:flex}.cc-syllabus-row__info{align-items:center;gap:10px;min-width:0;display:flex}.cc-syllabus-row__file-icon{flex-shrink:0;font-size:20px}.cc-syllabus-row__label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600;display:block}.cc-syllabus-row__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:600;display:block;overflow:hidden}.cc-download-btn{background:linear-gradient(135deg, var(--blue), var(--navy));color:var(--white);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 3px 10px #2563eb40}.cc-download-btn:hover{opacity:.88;transform:translateY(-1px)}.cc-pagination{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:20px;display:flex}.cc-page-btn{border:1.5px solid var(--border);background:var(--white);min-width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.cc-page-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}.cc-page-btn:disabled{opacity:.38;cursor:not-allowed}.cc-page-btn--active{background:linear-gradient(135deg, var(--blue), var(--navy));color:var(--white);border-color:#0000;box-shadow:0 4px 10px #2563eb4d}.cc-page-btn--nav{padding:0 14px;font-size:13px}.cc-page-numbers{gap:4px;display:flex}.cc-page-ellipsis{text-align:center;width:30px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.cc-page-info{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:12.5px;font-weight:500;display:flex}.cc-page-info__sep{color:var(--border)}@media (max-width:1200px){.cc-layout{grid-template-columns:360px 1fr}}@media (max-width:960px){.cc-layout{grid-template-columns:1fr}.cc-form-panel{position:static}.cc-page{padding:20px}}@media (max-width:600px){.cc-page{padding:14px}.cc-page-header,.cc-list-header{flex-direction:column;align-items:flex-start}.cc-pagination{justify-content:center}.cc-page-info{justify-content:center;width:100%;margin-left:0}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ac2-page{color:#0f172a;background:#f0f4fb;min-height:100vh;font-family:Outfit,-apple-system,sans-serif}.ac2-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 2px 16px #0f172a0f}.ac2-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:0 auto;padding:1.25rem 2.5rem;display:flex}.ac2-header__brand{align-items:center;gap:1rem;display:flex}.ac2-header__brand-icon{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex;box-shadow:0 6px 20px #2563eb52}.ac2-header__title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.ac2-header__sub{color:#64748b;margin:2px 0 0;font-size:.82rem;font-weight:500}.ac2-header__controls{align-items:center;gap:.75rem;display:flex}.ac2-search{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:.6rem;width:300px;padding:0 1rem;transition:all .25s;display:flex}.ac2-search:focus-within{background:#fff;border-color:#2563eb;width:360px;box-shadow:0 0 0 3px #2563eb1a}.ac2-search__icon{color:#94a3b8;flex-shrink:0;font-size:.85rem}.ac2-search__input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:.65rem 0;font-family:inherit;font-size:.9rem}.ac2-search__clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;font-size:.8rem;display:flex}.ac2-search__clear:hover{color:#ef4444;background:#fee2e2}.ac2-notif-btn{cursor:pointer;color:#2563eb;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .2s;display:flex;position:relative}.ac2-notif-btn:hover{background:#eff6ff;border-color:#2563eb}.ac2-notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:9px;height:9px;animation:2s infinite ac2-pulse;position:absolute;top:9px;right:9px}.ac2-header__strip{border-top:1px solid #f1f5f9;align-items:center;gap:0;max-width:1440px;margin:0 auto;padding:.8rem 2.5rem;display:flex}.ac2-strip-stat{align-items:center;gap:.5rem;padding:0 1.5rem 0 0;display:flex}.ac2-strip-stat:first-child{padding-left:0}.ac2-strip-stat__num{color:#2563eb;font-size:1.2rem;font-weight:800}.ac2-strip-stat__lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.ac2-strip-divider{background:#e2e8f0;width:1px;height:28px;margin:0 1.5rem 0 0}.ac2-main{max-width:1440px;margin:0 auto;padding:2.5rem 2.5rem 4rem}.ac2-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.75rem;display:grid}.ac2-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;transition:transform .25s cubic-bezier(.22,.68,0,1.2),box-shadow .25s,border-color .2s;animation:.4s both ac2-card-in;display:flex;position:relative;overflow:hidden}.ac2-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 20px 48px #0f172a21}@keyframes ac2-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ac2-grid .ac2-card:first-child{animation-delay:50ms}.ac2-grid .ac2-card:nth-child(2){animation-delay:.1s}.ac2-grid .ac2-card:nth-child(3){animation-delay:.15s}.ac2-grid .ac2-card:nth-child(4){animation-delay:.2s}.ac2-grid .ac2-card:nth-child(5){animation-delay:.25s}.ac2-grid .ac2-card:nth-child(6){animation-delay:.3s}.ac2-grid .ac2-card:nth-child(n+7){animation-delay:.35s}.ac2-card__bar{background:var(--accent);flex-shrink:0;height:5px}.ac2-card__header{justify-content:space-between;align-items:center;padding:1.4rem 1.5rem .75rem;display:flex}.ac2-card__icon-wrap{background:var(--accent-lt);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex;box-shadow:0 4px 12px #0000000f}.ac2-card__dur{color:var(--accent-icon);background:var(--accent-lt);border:1px solid color-mix(in srgb, var(--accent-icon) 20%, transparent);letter-spacing:.2px;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.76rem;font-weight:700;display:flex}.ac2-card__dur-icon{font-size:.7rem}.ac2-card__body{flex:1;padding:.5rem 1.5rem 1rem}.ac2-card__title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .55rem;font-size:1.1rem;font-weight:800;line-height:1.3}.ac2-card__desc{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.65;display:-webkit-box;overflow:hidden}.ac2-card__stats{background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;gap:1.25rem;padding:.85rem 1.5rem;display:flex}.ac2-card__stat{color:#475569;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;display:flex}.ac2-card__stat-icon{color:var(--accent-icon);font-size:.75rem}.ac2-card__footer{padding:1rem 1.5rem}.ac2-card__cta{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.8rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.ac2-card__cta:hover{opacity:.88;transform:translateY(-1px)}.ac2-card__cta-arrow{align-items:center;font-size:.8rem;transition:transform .2s;display:flex}.ac2-card:hover .ac2-card__cta-arrow{transform:translate(4px)}.ac2-state-center{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 0;display:flex}.ac2-spinner{border:3.5px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:44px;height:44px;animation:.75s linear infinite ac2-spin}.ac2-state-text{color:#64748b;font-size:.95rem;font-weight:500}.ac2-empty{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;gap:.75rem;max-width:480px;margin:0 auto;padding:5rem 2rem;display:flex}.ac2-empty__icon{opacity:.35;font-size:3rem}.ac2-empty__title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.ac2-empty__sub{color:#64748b;margin:0;font-size:.9rem}.ac2-empty__clear{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb;border-radius:8px;margin-top:.5rem;padding:.55rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.ac2-empty__clear:hover{background:#eff6ff}@keyframes ac2-spin{to{transform:rotate(360deg)}}@keyframes ac2-pulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes ac2-bell-swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}to{transform:rotate(0)}}.ac2-bell-swing{animation:.5s ac2-bell-swing}@media (max-width:900px){.ac2-main,.ac2-header__inner,.ac2-header__strip{padding-left:1.25rem;padding-right:1.25rem}.ac2-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.ac2-search{width:220px}.ac2-search:focus-within{width:280px}}@media (max-width:600px){.ac2-grid{grid-template-columns:1fr}.ac2-header__inner{gap:.75rem}.ac2-header__strip{overflow-x:auto}.ac2-search{width:180px}.ac2-search:focus-within{width:220px}}:root{--cd2-navy:#0f172a;--cd2-navy-md:#1e293b;--cd2-blue:#2563eb;--cd2-blue-lt:#eff6ff;--cd2-blue-md:#dbeafe;--cd2-green:#16a34a;--cd2-green-lt:#dcfce7;--cd2-red:#dc2626;--cd2-red-lt:#fee2e2;--cd2-amber:#d97706;--cd2-amber-lt:#fef3c7;--cd2-border:#e2e8f0;--cd2-muted:#64748b;--cd2-bg:#f0f4fb;--cd2-white:#fff;--cd2-text:#0f172a;--cd2-row-hover:#f8faff}.cd2-portal{background:var(--cd2-bg);min-height:100vh;color:var(--cd2-text);font-family:Outfit,-apple-system,sans-serif}.cd2-toast{z-index:99999;border-radius:12px;align-items:center;gap:.6rem;max-width:380px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;animation:.3s cubic-bezier(.22,.68,0,1.2) cd2-toast-in;display:flex;position:fixed;top:1.25rem;right:1.5rem;box-shadow:0 8px 30px #0f172a26}.cd2-toast--success{background:var(--cd2-green-lt);color:var(--cd2-green);border:1.5px solid #bbf7d0}.cd2-toast--error{background:var(--cd2-red-lt);color:var(--cd2-red);border:1.5px solid #fca5a5}@keyframes cd2-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cd2-loader{background:var(--cd2-bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex}.cd2-loader__spinner{border:3.5px solid var(--cd2-blue-md);border-top-color:var(--cd2-blue);border-radius:50%;width:44px;height:44px;animation:.75s linear infinite cd2-spin}.cd2-loader__text{color:var(--cd2-muted);font-size:.95rem;font-weight:500}.cd2-nav{background:var(--cd2-white);border-bottom:1px solid var(--cd2-border);z-index:200;position:sticky;top:0;box-shadow:0 1px 8px #0f172a0d}.cd2-nav__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:0 auto;padding:1rem 2.5rem;display:flex}.cd2-nav__left{align-items:center;gap:1.25rem;display:flex}.cd2-back-btn{background:var(--cd2-white);border:1.5px solid var(--cd2-border);cursor:pointer;width:40px;height:40px;color:var(--cd2-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.cd2-back-btn:hover{background:var(--cd2-blue-lt);border-color:var(--cd2-blue);color:var(--cd2-blue);transform:translate(-2px)}.cd2-breadcrumb{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.cd2-breadcrumb__parent{color:var(--cd2-muted);cursor:pointer;font-weight:600;transition:color .15s}.cd2-breadcrumb__parent:hover{color:var(--cd2-blue)}.cd2-breadcrumb__sep{color:#cbd5e1;font-size:1.1rem}.cd2-breadcrumb__current{color:var(--cd2-text);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:800;overflow:hidden}.cd2-search{border:1.5px solid var(--cd2-border);background:#f1f5f9;border-radius:10px;align-items:center;gap:.6rem;width:280px;padding:0 1rem;transition:all .2s;display:flex}.cd2-search:focus-within{background:var(--cd2-white);border-color:var(--cd2-blue);width:340px;box-shadow:0 0 0 3px #2563eb1a}.cd2-search__icon{color:#94a3b8;flex-shrink:0;font-size:.8rem}.cd2-search__input{color:var(--cd2-text);background:0 0;border:none;outline:none;flex:1;padding:.65rem 0;font-family:inherit;font-size:.875rem}.cd2-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 60%,#1e40af 100%);padding:3.5rem 0 3rem;position:relative;overflow:hidden}.cd2-hero__orb{pointer-events:none;border-radius:50%;position:absolute}.cd2-hero__orb--1{background:radial-gradient(circle,#2563eb40 0%,#0000 70%);width:400px;height:400px;top:-120px;right:-80px}.cd2-hero__orb--2{background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:240px;height:240px;bottom:-60px;left:15%}.cd2-hero__inner{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2.5rem;max-width:1440px;margin:0 auto;padding:0 2.5rem;display:flex;position:relative}.cd2-hero__info{flex:1;min-width:0;max-width:580px}.cd2-hero__badge{color:#93c5fd;letter-spacing:.8px;text-transform:uppercase;background:#2563eb26;border:1px solid #2563eb4d;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.cd2-hero__title{color:#fff;letter-spacing:-.04em;margin-bottom:.85rem;font-size:2rem;font-weight:900;line-height:1.2}.cd2-hero__desc{color:#94a3b8;max-width:500px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.cd2-hero__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cd2-syllabus-btn{color:#fff;background:#ffffff1f;border:1.5px solid #fff3;border-radius:10px;align-items:center;gap:.6rem;padding:.65rem 1.4rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.cd2-syllabus-btn:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-1px)}.cd2-hero__file-name{color:#64748b;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.cd2-hero__metrics{flex-direction:column;flex-shrink:0;gap:1rem;display:flex}.cd2-metric{background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;align-items:center;gap:1.25rem;min-width:240px;padding:1.25rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000001a}.cd2-metric:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 8px 20px #0003}.cd2-metric__icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;transition:transform .3s;display:flex}.cd2-metric:hover .cd2-metric__icon{transform:scale(1.1)rotate(-5deg)}.cd2-metric__icon--blue{color:#93c5fd;background:linear-gradient(135deg,#2563eb4d,#2563eb1a);border:1px solid #2563eb66}.cd2-metric__icon--purple{color:#c4b5fd;background:linear-gradient(135deg,#7c3aed4d,#7c3aed1a);border:1px solid #7c3aed66}.cd2-metric__icon--green{color:#6ee7b7;background:linear-gradient(135deg,#0596694d,#0596691a);border:1px solid #05966966}.cd2-metric__body{flex-direction:column;gap:4px;display:flex}.cd2-metric__val{color:#fff;letter-spacing:-.02em;font-size:1.6rem;font-weight:900;line-height:1}.cd2-metric__lbl{color:#cbd5e1;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:700}.cd2-main{max-width:1440px;margin:2.5rem auto 4rem;padding:0 2.5rem}.cd2-section{background:var(--cd2-white);border:1.5px solid var(--cd2-border);border-radius:18px;animation:.35s cd2-fadein;overflow:hidden;box-shadow:0 4px 24px #0f172a12}@keyframes cd2-fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cd2-section__header{border-bottom:1.5px solid var(--cd2-border);background:#fafbfd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.cd2-section__header-left{align-items:center;gap:1rem;display:flex}.cd2-section__icon{background:var(--cd2-blue-lt);width:40px;height:40px;color:var(--cd2-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.cd2-section__title{color:var(--cd2-navy);margin-bottom:2px;font-size:1rem;font-weight:800}.cd2-section__sub{color:var(--cd2-muted);font-size:.78rem;font-weight:500}.cd2-click-hint{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;padding:.6rem 2rem;font-size:.8rem;font-weight:500}.cd2-pagination{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cd2-pag-btn{border:1.5px solid var(--cd2-border);background:var(--cd2-white);cursor:pointer;width:32px;height:32px;color:var(--cd2-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex}.cd2-pag-btn:hover:not(:disabled){border-color:var(--cd2-blue);color:var(--cd2-blue);background:var(--cd2-blue-lt)}.cd2-pag-btn:disabled{opacity:.35;cursor:not-allowed}.cd2-pag-pages{align-items:center;gap:4px;display:flex}.cd2-pag-num{border:1.5px solid var(--cd2-border);background:var(--cd2-white);cursor:pointer;width:32px;height:32px;color:var(--cd2-muted);border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.cd2-pag-num:hover{border-color:var(--cd2-blue);color:var(--cd2-blue)}.cd2-pag-num--active{background:linear-gradient(135deg, var(--cd2-blue), #1e40af);color:#fff;border-color:#0000;box-shadow:0 3px 10px #2563eb4d}.cd2-pag-ellipsis{width:28px;height:32px;color:var(--cd2-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.cd2-pag-info{color:var(--cd2-muted);white-space:nowrap;padding-left:.35rem;font-size:.78rem;font-weight:500}.cd2-table-wrap{overflow-x:auto}.cd2-table{border-collapse:collapse;width:100%;min-width:900px}.cd2-th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.7px;border-bottom:1.5px solid var(--cd2-border);white-space:nowrap;background:#f8fafc;padding:.9rem 1.2rem;font-size:.7rem;font-weight:800}.cd2-th--sn{text-align:center;width:52px}.cd2-th--center{text-align:center}.cd2-row{border-bottom:1px solid #f1f5f9;transition:background .15s}.cd2-row:last-child{border-bottom:none}.cd2-row:hover{background:var(--cd2-row-hover)}.cd2-row--inactive{opacity:.88;background:#fffbeb!important}.cd2-row--inactive:hover{opacity:1;background:#fef9e7!important}.cd2-td{color:#334155;vertical-align:middle;padding:.95rem 1.2rem;font-size:.875rem}.cd2-td--sn,.cd2-td--center{text-align:center}.cd2-row-num{width:28px;height:28px;color:var(--cd2-muted);background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.cd2-student{align-items:center;gap:.75rem;display:flex}.cd2-student--clickable{cursor:pointer;border-radius:10px;margin:-4px -8px;padding:4px 8px;transition:background .15s}.cd2-student--clickable:hover{background:var(--cd2-blue-lt)}.cd2-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:800;transition:opacity .2s;display:flex}.cd2-avatar--inactive{opacity:.5;filter:grayscale(.4)}.cd2-student__info{flex-direction:column;gap:2px;display:flex}.cd2-student__name{color:var(--cd2-navy);white-space:nowrap;font-size:.88rem;font-weight:700}.cd2-student__name--link{color:var(--cd2-blue);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .15s}.cd2-student--clickable:hover .cd2-student__name--link{color:#1d4ed8;text-decoration-style:solid}.cd2-student__id{color:var(--cd2-muted);font-size:.7rem;font-weight:500}.cd2-contact-link{color:#475569;align-items:center;gap:.55rem;font-size:.84rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.cd2-contact-link:hover{color:var(--cd2-blue)}.cd2-contact-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.68rem;display:flex}.cd2-contact-icon--email{color:#2563eb;background:#eff6ff}.cd2-contact-icon--phone{color:#16a34a;background:#f0fdf4}.cd2-no-phone{color:var(--cd2-muted);font-size:.875rem}.cd2-status{letter-spacing:.2px;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.cd2-status--active{background:var(--cd2-green-lt);color:var(--cd2-green);border-color:#bbf7d0}.cd2-status--inactive{background:var(--cd2-amber-lt);color:var(--cd2-amber);border-color:#fde68a}.cd2-status__dot{font-size:.65rem}.cd2-action-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.cd2-action-btn{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:76px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.cd2-action-btn:disabled{opacity:.6;cursor:not-allowed}.cd2-action-btn--edit{background:var(--cd2-blue-lt);color:var(--cd2-blue);border-color:var(--cd2-blue-md)}.cd2-action-btn--edit:hover{background:var(--cd2-blue);color:#fff;border-color:#0000}.cd2-action-btn--deactivate{background:var(--cd2-amber-lt);color:var(--cd2-amber);border-color:#fde68a}.cd2-action-btn--deactivate:hover{background:var(--cd2-amber);color:#fff;border-color:#0000}.cd2-action-btn--activate{background:var(--cd2-green-lt);color:var(--cd2-green);border-color:#bbf7d0}.cd2-action-btn--activate:hover{background:var(--cd2-green);color:#fff;border-color:#0000}.cd2-action-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite cd2-spin}.cd2-empty{background:var(--cd2-white);border:2px dashed var(--cd2-border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.85rem;max-width:440px;margin:0 auto;padding:5rem 2rem;display:flex}.cd2-empty__icon-wrap{background:var(--cd2-blue-lt);width:68px;height:68px;color:var(--cd2-blue);opacity:.7;border-radius:18px;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.cd2-empty__title{color:var(--cd2-navy);font-size:1.2rem;font-weight:800}.cd2-empty__sub{color:var(--cd2-muted);font-size:.9rem}.cd2-empty__clear{border:1.5px solid var(--cd2-blue);color:var(--cd2-blue);cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s}.cd2-empty__clear:hover{background:var(--cd2-blue-lt)}.ecm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.2s spm-overlay-in;display:flex;position:fixed;inset:0}.ecm-modal{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;width:100%;max-width:460px;animation:.25s cubic-bezier(.22,.68,0,1.2) spm-modal-in;overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.ecm-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ecm-header__left{align-items:center;gap:.85rem;display:flex}.ecm-header__icon{color:#93c5fd;background:#ffffff1f;border:1.5px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.ecm-header__title{color:#fff;font-size:.9rem;font-weight:800}.ecm-header__sub{color:#94a3b8;margin-top:1px;font-size:.7rem}.ecm-close{cursor:pointer;color:#94a3b8;background:#ffffff1a;border:1.5px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;transition:all .2s;display:flex}.ecm-close:hover{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.ecm-body{flex-direction:column;gap:.8rem;padding:1rem;display:flex}.ecm-error{background:var(--cd2-red-lt);color:var(--cd2-red);border:1.5px solid #fca5a5;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.83rem;font-weight:600;display:flex}.ecm-error__ico{flex-shrink:0;font-size:.9rem}.ecm-field{flex-direction:column;gap:6px;display:flex}.ecm-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:flex}.ecm-label__ico{font-size:.72rem}.ecm-label__ico--blue{color:var(--cd2-blue)}.ecm-label__ico--green{color:var(--cd2-green)}.ecm-input{border:1.5px solid var(--cd2-border);width:100%;color:var(--cd2-text);background:#f8fafc;border-radius:10px;outline:none;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.ecm-input:focus{border-color:var(--cd2-blue);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.ecm-footer{border-top:1px solid var(--cd2-border);background:#f8fafc;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;display:flex}.ecm-btn{cursor:pointer;border:1.5px solid;border-radius:9px;align-items:center;gap:6px;padding:.65rem 1.3rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex}.ecm-btn:disabled{opacity:.6;cursor:not-allowed}.ecm-btn--cancel{color:var(--cd2-muted);border-color:var(--cd2-border);background:#fff}.ecm-btn--cancel:hover:not(:disabled){color:var(--cd2-text);background:#f1f5f9;border-color:#cbd5e1}.ecm-btn--save{background:linear-gradient(135deg, var(--cd2-blue), #1e40af);color:#fff;border-color:#0000;box-shadow:0 4px 14px #2563eb4d}.ecm-btn--save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ecm-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite cd2-spin}.spm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s spm-overlay-in;display:flex;position:fixed;inset:0}@keyframes spm-overlay-in{0%{opacity:0}to{opacity:1}}.spm-modal{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:760px;max-height:88vh;animation:.25s cubic-bezier(.22,.68,0,1.2) spm-modal-in;display:flex;overflow-y:auto;box-shadow:0 32px 80px #0f172a47}@keyframes spm-modal-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.spm-modal::-webkit-scrollbar{width:6px}.spm-modal::-webkit-scrollbar-track{background:#f1f5f9}.spm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.spm-modal__header{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:20px 20px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.spm-modal__header-icon{color:#93c5fd;background:#ffffff1f;border:1.5px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.spm-modal__header-title{color:#fff;font-size:1.05rem;font-weight:800}.spm-modal__header-sub{color:#94a3b8;margin-top:1px;font-size:.75rem;font-weight:500}.spm-close-btn{cursor:pointer;color:#94a3b8;background:#ffffff1a;border:1.5px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:all .2s;display:flex}.spm-close-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.spm-body{flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex}.spm-identity{background:linear-gradient(135deg,#f8faff,#eff6ff);border:1.5px solid #dbeafe;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.spm-identity__avatar-wrap{flex-shrink:0;position:relative}.spm-identity__avatar-img{object-fit:cover;border-radius:18px;width:72px;height:72px;box-shadow:0 4px 16px #0000001a}.spm-identity__info{flex:1;min-width:0}.spm-identity__name{color:#0f172a;letter-spacing:-.02em;margin-bottom:4px;font-size:1.3rem;font-weight:900}.spm-identity__qual{color:#2563eb;background:#eff6ff;border-radius:20px;margin-bottom:10px;padding:2px 10px;font-size:.85rem;font-weight:600;display:inline-block}.spm-identity__badges{flex-wrap:wrap;gap:8px;display:flex}.spm-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.spm-badge--id{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.spm-badge--active{color:#059669;background:#ecfdf5;border:1px solid #bbf7d0}.spm-strength{min-width:160px}.spm-strength__label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;margin-bottom:6px;font-size:.72rem;font-weight:700;display:flex}.spm-strength__fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:10px;height:100%;transition:width .6s}.spm-section__title{color:#2563eb;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:.45rem;margin-bottom:.85rem;font-size:.72rem;font-weight:800;display:flex}.spm-section__ico{font-size:.7rem}.spm-field{flex-direction:column;gap:2px;display:flex}.spm-field__lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:700}.spm-field__val{color:#1e293b;flex-wrap:wrap;gap:4px;font-size:.875rem;font-weight:600;display:flex}.spm-field__val--link{color:#2563eb;text-decoration:none;transition:color .15s}.spm-field__val--link:hover{color:#1d4ed8;text-decoration:underline}.spm-field__val--empty{color:#94a3b8;font-weight:500}.spm-skill-tag{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.spm-bio{color:#475569;font-size:.875rem;font-weight:500;line-height:1.7}.spm-notice{background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.spm-notice__ico{flex-shrink:0;margin-top:1px;font-size:1.1rem}.spm-notice p{color:#92400e;font-size:.85rem;font-weight:500;line-height:1.5}@keyframes cd2-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.cd2-hero__metrics{flex-flow:wrap}.cd2-metric{min-width:180px}}@media (max-width:860px){.cd2-hero__inner{flex-direction:column;gap:2rem}.cd2-hero__metrics{flex-flow:wrap;width:100%}.cd2-metric{flex:1;min-width:150px}.spm-grid{grid-template-columns:1fr}}@media (max-width:700px){.cd2-main,.cd2-nav__inner,.cd2-hero__inner{padding-left:1rem;padding-right:1rem}.cd2-section__header{flex-direction:column;align-items:flex-start}.cd2-td,.cd2-th{padding:.7rem .75rem}.cd2-hero__title{font-size:1.75rem;line-height:1.3}.cd2-search{width:100%}.cd2-breadcrumb__current{max-width:150px}.spm-identity{flex-direction:column}.spm-strength{width:100%}.spm-overlay,.ecm-overlay{align-items:center;padding:.75rem}.spm-modal{border-radius:20px;max-height:90vh}.ecm-modal{border-radius:20px;max-width:none;width:95%!important}.cd2-action-group{gap:6px;width:100%}.cd2-action-btn{flex:1;padding:8px 12px;font-size:.8rem}.cd2-hero__metrics{flex-direction:column;gap:.75rem}.cd2-metric{width:100%;min-width:0;padding:1rem 1.25rem}.esm-student-list{max-height:380px}.esm-pag-info{font-size:.75rem}}.ecm-modal--map{max-width:400px}.esm-loader{color:var(--cd2-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;font-size:.9rem;display:flex}.esm-search-wrap{margin-bottom:.75rem;position:relative}.esm-search-icon{color:#94a3b8;font-size:.85rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.esm-search-input.ecm-input{background:#f1f5f9;border-color:#e2e8f0;padding-left:2.5rem}.esm-search-input.ecm-input:focus{border-color:var(--cd2-blue);background:#fff}.esm-student-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:8px;max-height:280px;margin-bottom:.75rem;padding:2px 6px 2px 2px;transition:all .3s;display:flex;overflow-y:auto}.esm-student-list::-webkit-scrollbar{width:6px;display:none}.esm-student-list:hover{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.esm-student-list:hover::-webkit-scrollbar{display:block}.esm-student-list::-webkit-scrollbar-track{background:0 0}.esm-student-list::-webkit-scrollbar{width:5px}.esm-student-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.esm-student-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.esm-student-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.esm-student-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #f1f5f9;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #00000005}.esm-student-card:hover{border-color:var(--cd2-blue-md);background:#f8fbff;transform:translateY(-2px);box-shadow:0 6px 15px #2563eb0f}.esm-student-card--selected{border-color:var(--cd2-blue);background:var(--cd2-blue-lt);box-shadow:0 6px 18px #2563eb1f}.esm-student-card--selected:hover{background:var(--cd2-blue-lt);transform:none}.esm-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 1px 4px #0000000d}.esm-student-card:hover .esm-avatar{transform:scale(1.05)}.esm-student-info{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;display:flex}.esm-student-name{color:var(--cd2-navy);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:800;line-height:1.2;overflow:hidden}.esm-student-meta{color:var(--cd2-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:500;line-height:1.2;overflow:hidden}.esm-selected-mark{color:var(--cd2-blue);font-size:1.1rem;animation:.25s cubic-bezier(.175,.885,.32,1.275) esm-pop-in;display:none}.esm-pagination{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem;display:flex}.esm-pag-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.esm-pag-btn:hover:not(:disabled){background:var(--cd2-blue-lt);border-color:var(--cd2-blue);color:var(--cd2-blue);transform:translateY(-1px)}.esm-pag-btn:disabled{opacity:.4;cursor:not-allowed}.esm-pag-info{color:#64748b;font-size:.8rem;font-weight:500}.esm-pag-info b{color:var(--cd2-navy)}.esm-student-card--selected .esm-selected-mark{display:block}@keyframes esm-pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.esm-list-empty{text-align:center;color:var(--cd2-muted);background:#f8fafc;border:1.5px dashed #e2e8e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.esm-empty-icon{opacity:.4;margin-bottom:.75rem;font-size:2rem}.esm-list-empty p{font-size:.85rem;font-weight:500}:root{--cb-navy:#0f172a;--cb-navy-md:#1e293b;--cb-blue:#2563eb;--cb-blue-lt:#eff6ff;--cb-blue-md:#dbeafe;--cb-green:#16a34a;--cb-green-lt:#dcfce7;--cb-red:#dc2626;--cb-red-lt:#fee2e2;--cb-amber:#d97706;--cb-amber-lt:#fef3c7;--cb-purple:#7c3aed;--cb-purple-lt:#f5f3ff;--cb-muted:#64748b;--cb-border:#e2e8f0;--cb-bg:#f0f4fb;--cb-white:#fff;--cb-text:#0f172a;--cb-shadow:0 4px 24px #0f172a14;--cb-radius:14px}.cb-page{background:var(--cb-bg);min-height:100vh;color:var(--cb-text);padding:2rem 2.5rem 4rem;font-family:Outfit,-apple-system,sans-serif}.cb-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.cb-page-header__left{align-items:center;gap:1rem;display:flex}.cb-page-header__icon{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex;box-shadow:0 6px 20px #2563eb4d}.cb-page-header__title{color:var(--cb-navy);letter-spacing:-.03em;font-size:1.6rem;font-weight:900}.cb-page-header__sub{color:var(--cb-muted);margin-top:2px;font-size:.85rem;font-weight:500}.cb-page-header__stats{flex-wrap:wrap;gap:.75rem;display:flex}.cb-stat-pill{background:var(--cb-white);border:1.5px solid var(--cb-border);min-width:72px;box-shadow:var(--cb-shadow);border-radius:12px;flex-direction:column;align-items:center;padding:.65rem 1.1rem;display:flex}.cb-stat-pill--green{background:var(--cb-green-lt);border-color:#bbf7d0}.cb-stat-pill--muted{background:#f8fafc;border-color:#e2e8f0}.cb-stat-pill__num{color:var(--cb-navy);font-size:1.4rem;font-weight:900;line-height:1}.cb-stat-pill--green .cb-stat-pill__num{color:var(--cb-green)}.cb-stat-pill__lbl{color:var(--cb-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:.65rem;font-weight:700}.cb-layout{grid-template-columns:380px 1fr;align-items:stretch;gap:1.75rem;display:grid}.cb-form-card{background:var(--cb-white);border-radius:var(--cb-radius);border:1.5px solid var(--cb-border);box-shadow:var(--cb-shadow);flex-direction:column;display:flex;overflow:hidden}.cb-form-card__header{background:linear-gradient(135deg,#0f172a,#1e3a8a);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cb-form-card__header-left{align-items:center;gap:.85rem;display:flex}.cb-form-card__header-icon{color:#93c5fd;background:#ffffff1f;border:1.5px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.cb-form-card__header-icon--edit{color:#fcd34d}.cb-form-card__title{color:#fff;font-size:1rem;font-weight:800}.cb-form-card__sub{color:#94a3b8;margin-top:1px;font-size:.72rem}.cb-cancel-icon-btn{cursor:pointer;color:#94a3b8;background:#ffffff1a;border:1.5px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex}.cb-cancel-icon-btn:hover{color:#fca5a5;background:#ef444433}.cb-form{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex}.cb-alert{border-radius:9px;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.82rem;font-weight:600;animation:.2s cb-fadein;display:flex}.cb-alert--success{background:var(--cb-green-lt);color:var(--cb-green);border:1px solid #bbf7d0}.cb-alert--error{background:var(--cb-red-lt);color:var(--cb-red);border:1px solid #fca5a5}.cb-field{flex-direction:column;gap:5px;display:flex}.cb-field-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.cb-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.76rem;font-weight:800}.cb-req{color:var(--cb-red);margin-left:2px}.cb-input-wrap{position:relative}.cb-input,.cb-select{border:1.5px solid var(--cb-border);width:100%;color:var(--cb-text);appearance:none;background:#f8fafc;border-radius:9px;outline:none;padding:.7rem .9rem;font-family:inherit;font-size:.875rem;transition:all .2s}.cb-input-wrap .cb-input:not([type=date]){padding-right:2.2rem}.cb-input[type=date]{cursor:pointer;padding-right:2.2rem}.cb-input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:1.5rem;height:100%;position:absolute;top:0;right:0}.cb-input:focus,.cb-select:focus{border-color:var(--cb-blue);background:var(--cb-white);box-shadow:0 0 0 3px #2563eb1a}.cb-input-ico,.cb-select-ico{color:#94a3b8;pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.cb-date-ico{pointer-events:none;color:var(--cb-blue);z-index:1;font-size:.85rem}.cb-select-wrap{position:relative}.cb-select-wrap .cb-select{padding-right:2.5rem}.cb-form-actions{border-top:1.5px solid var(--cb-border);flex-direction:column;gap:.6rem;margin-top:.25rem;padding-top:.25rem;display:flex}.cb-btn-primary{background:linear-gradient(135deg, var(--cb-blue), #1e40af);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:.8rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.cb-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.cb-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cb-btn-secondary{color:var(--cb-muted);border:1.5px solid var(--cb-border);cursor:pointer;background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.cb-btn-secondary:hover{color:var(--cb-text);background:#f1f5f9;border-color:#cbd5e1}.cb-btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite cb-spin}.cb-directory{background:var(--cb-white);border-radius:var(--cb-radius);border:1.5px solid var(--cb-border);box-shadow:var(--cb-shadow);flex-direction:column;display:flex;overflow:hidden}.cb-directory__header{border-bottom:1.5px solid var(--cb-border);background:#fafbfd;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.cb-directory__header-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cb-header-actions{align-items:center;gap:.75rem;display:flex}.cb-add-new-btn{background:linear-gradient(135deg, var(--cb-navy), var(--cb-navy-md));color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:8.5px 16px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a26}.cb-add-new-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a33}.cb-directory__title{color:var(--cb-navy);font-size:1.05rem;font-weight:800}.cb-directory__sub{color:var(--cb-muted);margin-top:2px;font-size:.75rem;font-weight:500}.cb-refresh-btn{background:var(--cb-blue-lt);width:34px;height:34px;color:var(--cb-blue);border:1.5px solid var(--cb-blue-md);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .25s;display:flex}.cb-refresh-btn:hover{background:var(--cb-blue);color:#fff;border-color:#0000}.cb-refresh-btn--spin svg{animation:.8s linear infinite cb-spin}.cb-filter-tabs{background:#f1f5f9;border-radius:10px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.cb-ftab{cursor:pointer;color:var(--cb-muted);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.cb-ftab:hover{background:var(--cb-white);color:var(--cb-text)}.cb-ftab--active{background:var(--cb-white);color:var(--cb-blue);box-shadow:0 2px 6px #00000012}.cb-ftab-count{color:var(--cb-muted);text-align:center;background:#e2e8f0;border-radius:10px;min-width:18px;padding:1px 6px;font-size:.68rem;font-weight:800}.cb-ftab--active .cb-ftab-count{background:var(--cb-blue-md);color:var(--cb-blue)}.cb-search-pag-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cb-search{background:var(--cb-white);border:1.5px solid var(--cb-border);border-radius:20px;flex:1;align-items:center;gap:.5rem;min-width:180px;padding:.5rem 1rem;transition:all .2s;display:flex}.cb-search:focus-within{border-color:var(--cb-blue);box-shadow:0 0 0 3px #2563eb1a}.cb-search__ico{color:#94a3b8;flex-shrink:0;font-size:.8rem}.cb-search__input{color:var(--cb-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.cb-search__clear{cursor:pointer;color:var(--cb-muted);background:0 0;border:none;padding:2px;font-size:.75rem;transition:color .15s}.cb-search__clear:hover{color:var(--cb-red)}.cb-header-pagination{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.cb-batch-list{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1.5rem;display:flex}.cb-empty{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1rem;display:flex}.cb-empty__ico{color:#cbd5e1;font-size:2.5rem}.cb-empty p{color:var(--cb-muted);font-size:.9rem;font-weight:500}.cb-empty__clear{border:1.5px solid var(--cb-blue);color:var(--cb-blue);cursor:pointer;background:0 0;border-radius:7px;padding:.4rem 1rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s}.cb-empty__clear:hover{background:var(--cb-blue-lt)}.cb-batch-card{border:1.5px solid var(--cb-border);background:var(--cb-white);border-radius:12px;transition:box-shadow .2s,border-color .2s;animation:.3s both cb-fadein;overflow:hidden}.cb-batch-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #0f172a14}.cb-batch-card--expanded{border-color:var(--cb-blue);box-shadow:0 0 0 3px #2563eb14}.cb-batch-card--inactive{opacity:.7}.cb-batch-card--inactive .cb-batch-card__icon{filter:grayscale(.5)}.cb-batch-card__top{justify-content:space-between;align-items:center;padding:1rem 1.25rem .6rem;display:flex}.cb-batch-card__left{align-items:center;gap:.75rem;display:flex}.cb-batch-card__icon{background:var(--cb-blue-lt);width:40px;height:40px;color:var(--cb-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.cb-batch-card__name{color:var(--cb-navy);letter-spacing:-.01em;font-size:.95rem;font-weight:800}.cb-batch-card__id{color:var(--cb-muted);font-size:.7rem;font-weight:500}.cb-batch-card__right{align-items:center;gap:.6rem;display:flex}.cb-tag{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:6px;align-items:center;padding:3px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.cb-tag--ongoing{background:var(--cb-green-lt);color:var(--cb-green);border:1px solid #bbf7d0}.cb-tag--completed{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.cb-tag--inactive{background:var(--cb-red-lt);color:var(--cb-red);border:1px solid #fca5a5}.cb-expand-btn{border:1.5px solid var(--cb-border);cursor:pointer;width:28px;height:28px;color:var(--cb-muted);background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;font-size:.7rem;transition:all .2s;display:flex}.cb-expand-btn:hover{background:var(--cb-blue-lt);color:var(--cb-blue);border-color:var(--cb-blue-md)}.cb-expand-ico{transition:transform .25s}.cb-expand-ico--open{transform:rotate(90deg)}.cb-batch-card__info{flex-wrap:wrap;gap:.5rem;padding:0 1.25rem .75rem;display:flex}.cb-info-chip{border:1px solid var(--cb-border);color:#475569;white-space:nowrap;background:#f8fafc;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.cb-info-chip svg{color:#94a3b8;font-size:.65rem}.cb-info-chip--link{color:var(--cb-blue);background:var(--cb-blue-lt);border-color:var(--cb-blue-md);text-decoration:none;transition:all .15s}.cb-info-chip--link:hover{background:var(--cb-blue);color:#fff;border-color:#0000}.cb-info-chip--link svg{color:currentColor}.cb-batch-card__detail{border-top:1.5px solid var(--cb-border);background:#fafbfd;grid-template-columns:1fr 1fr;gap:1rem;padding:1.1rem 1.25rem;animation:.2s cb-fadein;display:grid}.cb-detail-section{background:var(--cb-white);border:1.5px solid var(--cb-border);border-radius:10px;padding:1rem}.cb-detail-section:only-child{grid-column:1/-1}.cb-detail-section__title{color:var(--cb-blue);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.7rem;font-weight:800;display:flex}.cb-detail-count{background:var(--cb-blue-md);color:var(--cb-blue);border-radius:10px;margin-left:4px;padding:1px 6px;font-size:.65rem;font-weight:800}.cb-detail-empty{color:var(--cb-muted);font-size:.8rem;font-weight:500}.cb-trainer-row{align-items:center;gap:.75rem;display:flex}.cb-trainer-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.cb-trainer-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cb-trainer-name{color:var(--cb-navy);font-size:.875rem;font-weight:700}.cb-trainer-email{color:var(--cb-muted);align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:flex}.cb-trainer-email svg{flex-shrink:0;font-size:.6rem}.cb-students-mini{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.cb-student-mini-row{border:1px solid var(--cb-border);background:#f8fafc;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.cb-student-mini-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;display:flex}.cb-student-mini-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cb-student-mini-name{color:var(--cb-navy);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.cb-student-mini-email{color:var(--cb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.cb-student-mini-phone{color:var(--cb-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:.68rem;display:flex}.cb-student-mini-phone svg{font-size:.6rem}.cb-students-more{color:var(--cb-blue);text-align:center;padding:.25rem;font-size:.75rem;font-weight:600}.cb-view-all-btn{background:var(--cb-blue-lt);width:100%;color:var(--cb-blue);border:1.5px solid var(--cb-blue-md);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin-top:.25rem;padding:.55rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.cb-view-all-btn:hover{background:var(--cb-blue);color:#fff;border-color:#0000}.cb-batch-card__actions{background:#fafbfd;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:.75rem 1.25rem;display:flex}.cb-act-btn{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:7px;align-items:center;gap:5px;padding:6px 13px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.cb-act-btn--edit{background:var(--cb-blue-lt);color:var(--cb-blue);border-color:var(--cb-blue-md)}.cb-act-btn--edit:hover{background:var(--cb-blue);color:#fff;border-color:#0000}.cb-act-btn--view{background:var(--cb-purple-lt);color:var(--cb-purple);border-color:#ddd6fe}.cb-act-btn--view:hover{background:var(--cb-purple);color:#fff;border-color:#0000}.cb-act-btn--delete{background:var(--cb-red-lt);color:var(--cb-red);border-color:#fca5a5}.cb-act-btn--delete:hover{background:var(--cb-red);color:#fff;border-color:#0000}.cb-act-btn--activate{background:var(--cb-green-lt);color:var(--cb-green);border-color:#bbf7d0}.cb-act-btn--activate:hover{background:var(--cb-green);color:#fff;border-color:#0000}.cb-pagination__info{color:var(--cb-muted);white-space:nowrap;padding:0 2px;font-size:.75rem;font-weight:700}.cb-pagination__btns{gap:3px;display:flex}.cb-pag-btn{border:1.5px solid var(--cb-border);background:var(--cb-white);cursor:pointer;width:32px;height:32px;color:var(--cb-muted);border-radius:7px;justify-content:center;align-items:center;font-family:inherit;font-size:.75rem;transition:all .15s;display:flex}.cb-pag-btn:hover:not(:disabled){border-color:var(--cb-blue);color:var(--cb-blue);background:var(--cb-blue-lt)}.cb-pag-btn:disabled{opacity:.35;cursor:not-allowed}.cb-pag-btn--num{font-size:.8rem;font-weight:600}.cb-pag-btn--active{background:linear-gradient(135deg, var(--cb-blue), #1e40af);color:#fff;border-color:#0000;box-shadow:0 3px 8px #2563eb4d}.cb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s cb-fadein;display:flex;position:fixed;inset:0}.cb-modal{background:var(--cb-white);border:1.5px solid var(--cb-border);border-radius:18px;flex-direction:column;width:100%;max-width:580px;max-height:85vh;animation:.25s cubic-bezier(.22,.68,0,1.2) cb-modal-in;display:flex;overflow-y:auto;box-shadow:0 28px 70px #0f172a3d}@keyframes cb-modal-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cb-modal::-webkit-scrollbar{width:5px}.cb-modal::-webkit-scrollbar-track{background:#f1f5f9}.cb-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cb-modal__header{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:18px 18px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.cb-modal__header-left{align-items:center;gap:.85rem;display:flex}.cb-modal__header-icon{color:#93c5fd;background:#ffffff1f;border:1.5px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.cb-modal__title{color:#fff;font-size:1rem;font-weight:800}.cb-modal__sub{color:#94a3b8;margin-top:1px;font-size:.72rem}.cb-modal__close{cursor:pointer;color:#94a3b8;background:#ffffff1a;border:1.5px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex}.cb-modal__close:hover{color:#fca5a5;background:#ef444433}.cb-modal__body{flex:1;padding:1.25rem}.cb-modal__empty{text-align:center;color:var(--cb-muted);flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1rem;display:flex}.cb-modal__empty-ico{opacity:.3;font-size:2.5rem}.cb-students-list{flex-direction:column;gap:.6rem;display:flex}.cb-student-row{border:1.5px solid var(--cb-border);background:#fafbfd;border-radius:10px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:background .15s;display:flex}.cb-student-row:hover{background:var(--cb-blue-lt);border-color:var(--cb-blue-md)}.cb-student-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;display:flex}.cb-student-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cb-student-name{color:var(--cb-navy);font-size:.9rem;font-weight:700}.cb-student-meta{color:var(--cb-muted);align-items:center;gap:5px;font-size:.74rem;font-weight:500;display:flex}.cb-student-meta svg{flex-shrink:0;font-size:.65rem}.cb-student-id{color:var(--cb-muted);white-space:nowrap;background:#f1f5f9;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.7rem;font-weight:600}@keyframes cb-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.cb-layout{grid-template-columns:340px 1fr}}@media (max-width:900px){.cb-layout{grid-template-columns:1fr;align-items:start}.cb-form-card{position:static}.cb-batch-card__detail{grid-template-columns:1fr}.cb-page{padding:1.5rem 1.25rem 3rem}.cb-field-row{grid-template-columns:1fr 1fr;gap:.5rem}}@media (max-width:600px){.cb-page{padding:1rem .9rem 3rem}.cb-page-header{flex-direction:column;align-items:flex-start}.cb-field-row{grid-template-columns:1fr}.cb-search-pag-row{flex-direction:column;align-items:stretch}.cb-header-pagination{justify-content:flex-end}.cb-batch-card__detail{grid-template-columns:1fr}.cb-modal-overlay{align-items:flex-end;padding:.5rem}.cb-modal{border-radius:18px 18px 0 0;max-height:90vh}.cb-filter-tabs{flex-wrap:nowrap;overflow-x:auto}.cb-batch-card__actions{flex-wrap:wrap}}:root{--asc-navy:#1e3a8a;--asc-navy-dk:#0f172a;--asc-blue:#2563eb;--asc-blue-lt:#eff6ff;--asc-blue-md:#dbeafe;--asc-green:#16a34a;--asc-green-lt:#dcfce7;--asc-red:#dc2626;--asc-red-lt:#fee2e2;--asc-purple:#7c3aed;--asc-purple-lt:#f5f3ff;--asc-amber:#d97706;--asc-amber-lt:#fef3c7;--asc-muted:#64748b;--asc-border:#e2e8f0;--asc-bg:#f1f5fb;--asc-white:#fff;--asc-text:#1e293b;--asc-shadow:0 4px 24px #0f172a17;--asc-radius:14px;--asc-radius-sm:9px}.asc-page{background:var(--asc-bg);min-height:100vh;color:var(--asc-text);padding:28px 36px;font-family:Outfit,-apple-system,sans-serif}.asc-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.asc-page-header__left{align-items:center;gap:16px;display:flex}.asc-page-header__icon{background:linear-gradient(135deg, var(--asc-navy), var(--asc-blue));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 6px 20px #2563eb4d}.asc-page-header__title{color:var(--asc-navy-dk);letter-spacing:-.5px;font-size:24px;font-weight:800}.asc-page-header__sub{color:var(--asc-muted);margin-top:2px;font-size:13px;font-weight:500}.asc-page-header__stats{gap:10px;display:flex}.asc-stat-pill{border-radius:12px;flex-direction:column;align-items:center;min-width:76px;padding:10px 20px;display:flex}.asc-stat-pill--blue{background:var(--asc-blue-lt);border:1.5px solid var(--asc-blue-md)}.asc-stat-pill--green{background:var(--asc-green-lt);border:1.5px solid #bbf7d0}.asc-stat-pill--purple{background:var(--asc-purple-lt);border:1.5px solid #ddd6fe}.asc-stat-pill__num{font-size:22px;font-weight:800;line-height:1}.asc-stat-pill--blue .asc-stat-pill__num{color:var(--asc-blue)}.asc-stat-pill--green .asc-stat-pill__num{color:var(--asc-green)}.asc-stat-pill--purple .asc-stat-pill__num{color:var(--asc-purple)}.asc-stat-pill__label{text-transform:uppercase;letter-spacing:.5px;color:var(--asc-muted);margin-top:3px;font-size:11px;font-weight:600}.asc-layout{grid-template-columns:400px 1fr;align-items:stretch;gap:24px;display:grid}.asc-form-panel{background:var(--asc-white);border-radius:var(--asc-radius);box-shadow:var(--asc-shadow);flex-direction:column;padding:28px;animation:.4s both asc-fadein;display:flex}@keyframes asc-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.asc-form-panel__head{border-bottom:2px solid var(--asc-bg);align-items:flex-start;gap:14px;margin-bottom:24px;padding-bottom:20px;display:flex}.asc-form-panel__head-icon{background:var(--asc-blue-lt);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.asc-form-panel__title{color:var(--asc-navy-dk);font-size:18px;font-weight:700}.asc-form-panel__sub{color:var(--asc-muted);margin-top:2px;font-size:12.5px}.asc-alert{border-radius:var(--asc-radius-sm);align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13.5px;font-weight:500;animation:.25s asc-fadein;display:flex}.asc-alert--success{background:var(--asc-green-lt);color:#14532d;border:1px solid #86efac}.asc-alert--error{background:var(--asc-red-lt);color:#7f1d1d;border:1px solid #fca5a5}.asc-form{flex-direction:column;flex:1;gap:18px;display:flex}.asc-field{flex-direction:column;gap:7px;display:flex}.asc-field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.asc-label{color:var(--asc-text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.asc-label__icon{font-size:14px}.asc-input{border:1.5px solid var(--asc-border);border-radius:var(--asc-radius-sm);color:var(--asc-text);background:#fafbfd;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.asc-input:focus{border-color:var(--asc-blue);background:var(--asc-white);box-shadow:0 0 0 3px #2563eb1a}.asc-input--time{font-variant-numeric:tabular-nums}.asc-select-wrap{position:relative}.asc-select{appearance:none;border:1.5px solid var(--asc-border);border-radius:var(--asc-radius-sm);color:var(--asc-text);cursor:pointer;background:#fafbfd;outline:none;width:100%;padding:11px 36px 11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.asc-select:focus{border-color:var(--asc-blue);background:var(--asc-white);box-shadow:0 0 0 3px #2563eb1a}.asc-select-arrow{color:var(--asc-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.asc-select-wrap--period{flex-shrink:0;width:82px}.asc-select--period{padding-left:10px}.asc-time-wrap{align-items:center;gap:8px;display:flex}.asc-time-wrap .asc-input{flex:1}.asc-form-actions{gap:10px;margin-top:8px;display:flex}.asc-btn-primary{background:linear-gradient(135deg, var(--asc-blue), var(--asc-navy));color:var(--asc-white);border-radius:var(--asc-radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:14.5px;font-weight:700;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 16px #2563eb4d}.asc-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.asc-btn-primary:disabled{opacity:.6;cursor:not-allowed}.asc-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite asc-spin;display:inline-block}@keyframes asc-spin{to{transform:rotate(360deg)}}.asc-btn-cancel{border:1.5px solid var(--asc-border);background:var(--asc-white);color:var(--asc-muted);border-radius:var(--asc-radius-sm);cursor:pointer;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.asc-btn-cancel:hover{border-color:var(--asc-red);color:var(--asc-red);background:var(--asc-red-lt)}.asc-list-panel{background:var(--asc-white);border-radius:var(--asc-radius);box-shadow:var(--asc-shadow);flex-direction:column;height:100%;padding:28px;animation:.4s 80ms both asc-fadein;display:flex;overflow:hidden}.asc-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.asc-list-header__left{align-items:center;gap:10px;display:flex}.asc-list-title{color:var(--asc-navy-dk);font-size:17px;font-weight:700}.asc-list-count{background:var(--asc-blue-lt);color:var(--asc-blue);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.asc-search{border:1.5px solid var(--asc-border);border-radius:var(--asc-radius-sm);background:#f8fafc;align-items:center;gap:8px;padding:0 12px;transition:all .2s;display:flex}.asc-search:focus-within{border-color:var(--asc-blue);background:var(--asc-white);box-shadow:0 0 0 3px #2563eb1a}.asc-search__icon{flex-shrink:0;font-size:14px}.asc-search__input{color:var(--asc-text);background:0 0;border:none;outline:none;flex:1;min-width:180px;padding:10px 0;font-family:inherit;font-size:13.5px}.asc-search__clear{cursor:pointer;color:var(--asc-muted);background:0 0;border:none;border-radius:4px;padding:3px 4px;font-size:12px}.asc-search__clear:hover{color:var(--asc-red);background:var(--asc-red-lt)}.asc-pagination{border-bottom:1px solid var(--asc-border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:14px;display:flex}.asc-page-btn{border:1.5px solid var(--asc-border);background:var(--asc-white);min-width:36px;height:36px;color:var(--asc-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.asc-page-btn:hover:not(:disabled){border-color:var(--asc-blue);color:var(--asc-blue);background:var(--asc-blue-lt)}.asc-page-btn:disabled{opacity:.35;cursor:not-allowed}.asc-page-btn--active{background:linear-gradient(135deg, var(--asc-blue), var(--asc-navy));color:var(--asc-white);border-color:#0000;box-shadow:0 4px 10px #2563eb4d}.asc-page-btn--nav{padding:0 14px;font-size:13px}.asc-page-numbers{gap:4px;display:flex}.asc-page-ellipsis{text-align:center;width:30px;color:var(--asc-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.asc-page-info{color:var(--asc-muted);align-items:center;gap:6px;margin-left:auto;font-size:12.5px;font-weight:500;display:flex}.asc-page-info__sep{color:var(--asc-border)}.asc-scroll-area{flex-direction:column;flex:1;gap:12px;padding-right:2px;display:flex;overflow-y:auto}.asc-scroll-area::-webkit-scrollbar{width:5px}.asc-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.asc-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.asc-empty__icon{opacity:.3;font-size:48px}.asc-empty__text{color:var(--asc-muted);font-size:14px;font-weight:500}.asc-card{border:1.5px solid var(--asc-border);border-radius:var(--asc-radius-sm);background:#fafbfd;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s both asc-fadein;display:flex;overflow:hidden}.asc-card:hover{box-shadow:var(--asc-shadow);border-color:#cbd5e1;transform:translateY(-2px)}.asc-card--editing{border-color:var(--asc-blue);background:var(--asc-blue-lt);box-shadow:0 0 0 3px #2563eb1f}.asc-scroll-area .asc-card:first-child{animation-delay:40ms}.asc-scroll-area .asc-card:nth-child(2){animation-delay:80ms}.asc-scroll-area .asc-card:nth-child(3){animation-delay:.12s}.asc-scroll-area .asc-card:nth-child(4){animation-delay:.16s}.asc-scroll-area .asc-card:nth-child(5){animation-delay:.2s}.asc-card__stripe{flex-shrink:0;width:4px}.asc-card__stripe--active{background:linear-gradient(180deg, var(--asc-blue), var(--asc-navy))}.asc-card__stripe--inactive{background:linear-gradient(180deg, var(--asc-amber), #92400e)}.asc-card__stripe--completed{background:linear-gradient(180deg, var(--asc-purple), #4c1d95)}.asc-card__body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex}.asc-card__top{align-items:center;gap:12px;display:flex}.asc-card__icon-wrap{background:var(--asc-blue-lt);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.asc-card__identity{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.asc-card__batch{color:var(--asc-navy-dk);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.asc-card__trainer{color:var(--asc-muted);font-size:12.5px;font-weight:500}.asc-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.asc-badge--active{background:var(--asc-green-lt);color:var(--asc-green);border:1px solid #bbf7d0}.asc-badge--inactive{background:var(--asc-amber-lt);color:var(--asc-amber);border:1px solid #fde68a}.asc-badge--completed{background:var(--asc-purple-lt);color:var(--asc-purple);border:1px solid #ddd6fe}.asc-card__details{grid-template-columns:1fr 1fr;gap:8px;display:grid}.asc-detail-chip{background:var(--asc-white);border:1px solid var(--asc-border);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.asc-detail-chip__icon{flex-shrink:0;font-size:16px}.asc-detail-chip__label{text-transform:uppercase;letter-spacing:.5px;color:var(--asc-muted);margin-bottom:1px;font-size:10.5px;font-weight:700;display:block}.asc-detail-chip__val{color:var(--asc-text);font-size:12.5px;font-weight:600;display:block}.asc-card__footer{display:flex}.asc-edit-btn{background:var(--asc-blue-lt);color:var(--asc-blue);border:1.5px solid var(--asc-blue-md);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:flex}.asc-edit-btn:hover{background:var(--asc-blue);color:var(--asc-white);border-color:#0000;box-shadow:0 4px 12px #2563eb40}@media (max-width:1200px){.asc-layout{grid-template-columns:360px 1fr}}@media (max-width:960px){.asc-layout{grid-template-columns:1fr;align-items:start}.asc-form-panel{height:auto}.asc-list-panel{height:auto;overflow:visible}.asc-page{padding:20px}}@media (max-width:600px){.asc-page{padding:14px}.asc-page-header,.asc-list-header{flex-direction:column;align-items:flex-start}.asc-field-row,.asc-card__details{grid-template-columns:1fr}.asc-pagination{justify-content:center}.asc-page-info{justify-content:center;width:100%;margin-left:0}}:root{--hub-primary-hsl:221, 83%, 53%;--hub-accent-hsl:262, 83%, 58%;--hub-navy-hsl:222, 47%, 11%;--hub-navy:hsl(var(--hub-navy-hsl));--hub-blue:hsl(var(--hub-primary-hsl));--hub-accent:hsl(var(--hub-accent-hsl));--hub-blue-soft:hsla(var(--hub-primary-hsl), .1);--hub-bg:#f8fafc;--hub-white:#fff;--hub-text:#1e293b;--hub-text-muted:#64748b;--hub-border:#e2e8f0e6;--hub-radius-lg:24px;--hub-radius-md:16px;--hub-radius-sm:10px;--hub-shadow-glass:0 10px 40px -10px #1f26871a;--hub-shadow-glow:0 15px 35px -10px hsla(var(--hub-primary-hsl), .35)}.adm-hub{background:radial-gradient(circle at 100% 0,#f1f5f9,#f8fafc);max-width:1640px;min-height:100vh;margin:0 auto;padding:24px 40px;font-family:Outfit,sans-serif;animation:.8s cubic-bezier(.16,1,.3,1) hubFadeIn}@keyframes hubFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adm-hub__header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px;display:flex}.hub-title{letter-spacing:-2.5px;color:var(--hub-navy);background:linear-gradient(135deg, var(--hub-navy), var(--hub-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:46px;font-weight:900}.hub-subtitle{color:var(--hub-text-muted);max-width:600px;font-size:18px;font-weight:500}.hub-link-btn,.hub-primary-btn{border-radius:var(--hub-radius-md);cursor:pointer;align-items:center;gap:12px;padding:16px 32px;font-size:15px;font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.hub-link-btn{border:2px solid var(--hub-border);color:var(--hub-navy);background:#fff;box-shadow:0 4px 6px -1px #0000000d}.hub-link-btn:hover{border-color:var(--hub-blue);color:var(--hub-blue);box-shadow:var(--hub-shadow-glass);transform:translateY(-4px)}.hub-primary-btn{background:var(--hub-navy);color:#fff;border:none;box-shadow:0 10px 20px -5px #0f172a4d}.hub-primary-btn:hover{filter:brightness(1.1);transform:translateY(-5px);box-shadow:0 15px 30px -8px #0f172a66}.stat-card{border:1px solid var(--hub-border);border-radius:var(--hub-radius-lg);box-shadow:var(--hub-shadow-glass);background:#fff;align-items:center;gap:30px;padding:40px;transition:all .4s;display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--hub-blue);box-shadow:var(--hub-shadow-glow);transform:translateY(-10px)}.stat-icon{border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 10px 20px -5px #0000001a;font-size:36px!important}.stat-icon--blue{color:#fff;background:#3b82f6}.stat-icon--green{color:#fff;background:#10b981}.stat-icon--purple{color:#fff;background:#8b5cf6}.stat-icon svg{filter:drop-shadow(0 4px 6px #00000026);font-size:38px;display:block}.stat-label{text-transform:uppercase;color:var(--hub-text-muted);letter-spacing:2px;margin-bottom:5px;font-size:13px;font-weight:800}.stat-value{color:var(--hub-navy);letter-spacing:-1px;font-size:44px;font-weight:950}.hub-controls{border-radius:var(--hub-radius-lg);border:1px solid var(--hub-border);box-shadow:var(--hub-shadow-glass);background:#fff;justify-content:space-between;align-items:center;margin-bottom:40px;padding:24px 36px;display:flex}.search-box:focus-within{border-color:var(--hub-blue);box-shadow:0 0 0 5px var(--hub-blue-soft);background:#fff}.search-icon{color:var(--hub-text-muted);font-size:20px}.search-box input{width:100%;color:var(--hub-navy);background:0 0;border:none;outline:none;font-family:inherit;font-size:16px;font-weight:600}.filter-item{border:2px solid var(--hub-border);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 20px;display:flex}.filter-item select{color:var(--hub-navy);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:14px;font-weight:700}.hub-refresh-btn{border:2px solid var(--hub-border);width:50px;height:50px;color:var(--hub-text-muted);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.hub-refresh-btn:hover{color:var(--hub-blue);border-color:var(--hub-blue);transform:rotate(180deg)}.hub-table-container{border-radius:var(--hub-radius-lg);border:1px solid var(--hub-border);box-shadow:var(--hub-shadow-glass);background:#fff;overflow:hidden}.hub-table th{text-transform:uppercase;letter-spacing:2px;color:var(--hub-text-muted);border-bottom:2px solid var(--hub-border);background:#f8fafc;padding:24px 36px;font-size:11px;font-weight:850}.hub-table td{border-bottom:1px solid #f1f5f9;padding:28px 36px}.stu-cell{align-items:center;gap:20px;display:flex}.avatar-box{background:var(--hub-navy);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:900;display:flex;box-shadow:0 4px 12px #0f172a33}.stu-name{color:var(--hub-navy);margin-bottom:4px;font-size:17px;font-weight:800;display:block}.stu-id{color:var(--hub-blue);background:var(--hub-blue-soft);border-radius:8px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.enrollment-item{border:1.5px solid var(--hub-border);background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;transition:all .3s;box-shadow:0 2px 4px #00000005}.enrollment-item:hover{border-color:var(--hub-blue);box-shadow:0 5px 15px #0000000d}.course-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.course-icon-mini{background:var(--hub-blue-soft);width:28px;height:28px;color:var(--hub-blue);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.course-name{color:var(--hub-navy);font-size:14px;font-weight:850}.mode-select{appearance:none;border:2px solid var(--hub-border);width:100%;color:var(--hub-navy);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right 15px center/14px no-repeat;border-radius:12px;padding:10px 18px;font-family:inherit;font-size:12px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-select:hover{border-color:var(--hub-blue);background-color:#fff}.mode-select:focus{border-color:var(--hub-blue);box-shadow:0 0 0 4px var(--hub-blue-soft);outline:none}.mode-select--online{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.mode-select--offline{color:#059669;background-color:#ecfdf5;border-color:#10b981}.mode-select--hybrid{color:#7c3aed;background-color:#f5f3ff;border-color:#8b5cf6}.status-pill{text-transform:uppercase;letter-spacing:1px;border-radius:50px;align-items:center;gap:8px;padding:8px 20px;font-size:11px;font-weight:900;display:inline-flex}.status-pill--active{color:#15803d;background:#dcfce7;border:1.5px solid #86efac}.status-pill--inactive{color:#b91c1c;background:#fee2e2;border:1.5px solid #fecaca}.adm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.adm-modal{background:#fff;border-radius:32px;width:100%;max-width:850px;margin:auto;animation:.5s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden;box-shadow:0 40px 100px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-body{padding:50px}.modal-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.m-field--full{grid-column:span 2}.m-field label{color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:800}.m-field input,.m-field select{border:2px solid var(--hub-border);background:#f8fafc;border-radius:16px;outline:none;padding:16px 22px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.m-field input:focus,.m-field select:focus{border-color:var(--hub-blue);box-shadow:0 0 0 5px var(--hub-blue-soft);background:#fff}.stu-name-link{color:var(--hub-navy);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:4px;padding:0;font-family:inherit;font-size:17px;font-weight:800;transition:all .2s;display:block}.stu-name-link:hover{color:var(--hub-blue);text-decoration:underline;transform:translate(2px)}.val-error-msg{color:#ef4444;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;animation:.4s ease-in-out valShake;display:flex}@keyframes valShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.spm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.spm-modal{background:#fff;border-radius:28px;width:100%;max-width:700px;animation:.4s cubic-bezier(.16,1,.3,1) spmFadeUp;overflow:hidden;box-shadow:0 30px 90px #0000004d}@keyframes spmFadeUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.spm-modal__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:30px 40px;display:flex}.spm-modal__header-left{align-items:center;gap:16px;display:flex}.spm-modal__header-icon{background:var(--hub-blue);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.spm-modal__header-title{color:var(--hub-navy);margin:0;font-size:22px;font-weight:900}.spm-modal__header-sub{color:var(--hub-text-muted);margin:2px 0 0;font-size:13px;font-weight:500}.spm-close-btn{color:var(--hub-text-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.spm-body{max-height:75vh;padding:40px;overflow-y:auto}.spm-body::-webkit-scrollbar{width:6px}.spm-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.spm-identity{align-items:center;gap:24px;margin-bottom:35px;display:flex}.spm-identity__avatar-wrap{position:relative}.spm-identity__avatar-letter{border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:900;display:flex;box-shadow:0 10px 20px #0000001a}.spm-identity__avatar-img{object-fit:cover;border-radius:24px;width:80px;height:80px}.spm-identity__status-dot{background:#22c55e;border:4px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-4px;right:-4px}.spm-identity__info{flex:1}.spm-identity__name{color:var(--hub-navy);margin:0 0 4px;font-size:24px;font-weight:900}.spm-identity__qual{color:var(--hub-blue);margin-bottom:8px;font-size:14px;font-weight:600}.spm-identity__badges{gap:8px;display:flex}.spm-badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}.spm-badge--id{color:var(--hub-navy);background:#f1f5f9}.spm-badge--active{color:#15803d;background:#dcfce7}.spm-strength{width:200px}.spm-strength__label{color:var(--hub-text-muted);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.spm-strength__pct{color:var(--hub-blue)}.spm-strength__bar{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden}.spm-strength__fill{background:linear-gradient(90deg, var(--hub-blue), var(--hub-accent));border-radius:10px;height:100%}.spm-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.spm-section{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:20px}.spm-section--full{grid-column:span 2}.spm-section__title{color:var(--hub-navy);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0 0 15px;font-size:13px;font-weight:800;display:flex}.spm-section__ico{color:var(--hub-blue);opacity:.8}.spm-fields{flex-direction:column;gap:12px;display:flex}.spm-field{justify-content:space-between;align-items:center;display:flex}.spm-field--full{flex-direction:column;align-items:flex-start;gap:4px}.spm-field__lbl{color:var(--hub-text-muted);font-size:12px;font-weight:600}.spm-field__val{color:var(--hub-navy);text-align:right;font-size:13.5px;font-weight:700}.spm-field__val--link{color:var(--hub-blue);border-bottom:1px dashed #0000;text-decoration:none}.spm-field__val--link:hover{border-bottom-color:var(--hub-blue)}.spm-field__val--empty{color:#94a3b8;font-style:italic}.spm-skill-tag{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin:2px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.spm-bio{color:var(--hub-text-muted);margin:0;font-size:13px;font-weight:500;line-height:1.6}.spm-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:12px;margin-top:25px;padding:15px;font-size:12px;font-weight:500;display:flex}.spm-notice__ico{font-size:16px}.spm-section-loading{justify-content:center;padding:10px;display:flex}.spm-mini-spinner{border:3px solid #e2e8f0;border-top-color:var(--hub-blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spmSpin}@keyframes spmSpin{to{transform:rotate(360deg)}}@media (max-width:1024px){.adm-hub{padding:30px}.hub-stats{gap:20px}.adm-modal{max-width:700px}}@media (max-width:768px){.adm-hub{padding:20px}.hub-stats,.modal-grid{grid-template-columns:1fr}.m-field--full{grid-column:auto}.adm-modal{border-radius:0;min-height:100vh;margin:0}.spm-modal{border-radius:0;min-height:100vh}.spm-grid{grid-template-columns:1fr}.spm-identity{text-align:center;flex-direction:column}.spm-identity__badges{justify-content:center}.spm-strength{width:100%;margin-top:15px}}:root{--hub-navy:#0f172a;--hub-blue:#2563eb;--hub-blue-lt:#eff6ff;--hub-indigo:#4f46e5;--hub-indigo-lt:#eef2ff;--hub-green:#10b981;--hub-green-lt:#ecfdf5;--hub-red:#ef4444;--hub-red-lt:#fef2f2;--hub-purple:#8b5cf6;--hub-purple-lt:#f5f3ff;--hub-amber:#f59e0b;--hub-amber-lt:#fffbeb;--hub-text:#1e293b;--hub-muted:#64748b;--hub-border:#e2e8f0;--hub-white:#fff;--hub-bg:#f8fafc;--hub-radius:16px;--hub-shadow:0 10px 30px -10px #0f172a1a}.adm-hub{background:var(--hub-bg);min-height:100vh;color:var(--hub-text);padding:32px;font-family:Outfit,sans-serif;animation:.5s hub-fade-in}@keyframes hub-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.adm-hub__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.hub-title{color:var(--hub-navy);letter-spacing:-1px;margin-bottom:6px;font-size:28px;font-weight:800}.hub-subtitle{color:var(--hub-muted);font-size:14px;font-weight:500}.hub-actions{gap:12px;display:flex}.hub-primary-btn{cursor:pointer;background:linear-gradient(135deg, var(--hub-indigo), var(--hub-navy));color:var(--hub-white);border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 10px 20px -5px #4f46e54d}.hub-primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.hub-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:var(--hub-white);border-radius:var(--hub-radius);border:1px solid var(--hub-border);box-shadow:var(--hub-shadow);align-items:center;gap:20px;padding:24px;display:flex}.stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.stat-icon--indigo{background:var(--hub-indigo-lt);color:var(--hub-indigo)}.stat-icon--green{background:var(--hub-green-lt);color:var(--hub-green)}.stat-icon--amber{background:var(--hub-amber-lt);color:var(--hub-amber)}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--hub-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.stat-value{color:var(--hub-navy);font-size:26px;font-weight:800}.hub-controls{background:var(--hub-white);border:1px solid var(--hub-border);box-shadow:var(--hub-shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex}.search-box{background:var(--hub-bg);border:1.5px solid #0000;border-radius:10px;flex:1;align-items:center;gap:12px;max-width:480px;padding:10px 16px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--hub-indigo);background:var(--hub-white)}.search-box input{color:var(--hub-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.filter-group{align-items:center;gap:16px;display:flex}.filter-item{background:var(--hub-bg);border:1px solid var(--hub-border);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;display:flex}.filter-item select{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px;font-weight:600}.hub-refresh-btn{border:1.5px solid var(--hub-border);background:var(--hub-white);width:42px;height:42px;color:var(--hub-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.hub-refresh-btn:hover{border-color:var(--hub-indigo);color:var(--hub-indigo)}.hub-refresh-btn .spin{animation:.8s linear infinite spin}.hub-table-container{background:var(--hub-white);border-radius:var(--hub-radius);border:1px solid var(--hub-border);box-shadow:var(--hub-shadow);overflow:hidden}.hub-table{border-collapse:collapse;text-align:left;width:100%}.hub-table th{text-transform:uppercase;color:var(--hub-muted);letter-spacing:1px;border-bottom:2px solid var(--hub-border);background:#f1f5f9;padding:16px 24px;font-size:11px;font-weight:700}.hub-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 24px}.hub-table tr:hover td{background:#f8fafc}.tra-cell{align-items:center;gap:14px;display:flex}.avatar-box{background:linear-gradient(135deg, var(--hub-indigo-lt), var(--hub-blue-md));width:44px;height:44px;color:var(--hub-indigo);border:1.5px solid #dbeafe;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.tra-info{flex-direction:column;display:flex}.tra-name{color:var(--hub-navy);font-size:14.5px;font-weight:700}.tra-id{color:var(--hub-muted);font-size:12px;font-weight:600}.contact-cell{flex-direction:column;gap:6px;display:flex}.contact-item{color:var(--hub-text);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.contact-item svg{color:var(--hub-muted);font-size:11px}.batch-stack{flex-wrap:wrap;gap:6px;display:flex}.batch-pill{background:var(--hub-indigo-lt);color:var(--hub-indigo);border:1px solid #e0e7ff;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:700}.status-pill{letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.status-pill--active{background:var(--hub-green-lt);color:var(--hub-green)}.status-pill--inactive{background:var(--hub-red-lt);color:var(--hub-red)}.status-pill--pending{background:var(--hub-amber-lt);color:var(--hub-amber)}.status-pill svg{font-size:7px}.action-btn{border:1.5px solid var(--hub-border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn--edit:hover{border-color:var(--hub-indigo);color:var(--hub-indigo);background:var(--hub-indigo-lt)}.hub-pagination{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.pg-btn{border:1.5px solid var(--hub-border);background:var(--hub-white);width:40px;height:40px;color:var(--hub-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pg-btn:hover:not(:disabled){border-color:var(--hub-indigo);color:var(--hub-indigo)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-numbers{gap:8px;display:flex}.pg-num{width:40px;height:40px;color:var(--hub-text);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:12px;font-family:inherit;font-weight:700;transition:all .2s}.pg-num:hover{background:#f1f5f9}.pg-num.active{background:var(--hub-indigo);color:#fff;box-shadow:0 4px 12px #4f46e54d}.adm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.3s hub-fade-in;display:flex;position:fixed;inset:0}.adm-modal{background:var(--hub-white);border-radius:20px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--hub-border);background:#f8fafc;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:var(--hub-navy);align-items:center;gap:12px;margin:0;font-size:20px;font-weight:800;display:flex}.modal-close{color:var(--hub-muted);cursor:pointer;background:0 0;border:none;font-size:24px}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.m-field{flex-direction:column;gap:8px;display:flex}.m-field label{color:var(--hub-navy);font-size:13px;font-weight:700}.m-field input,.m-field select{border:1.5px solid var(--hub-border);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.m-field input:focus{border-color:var(--hub-indigo)}.modal-footer{border-top:1px solid var(--hub-border);background:#f8fafc;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.m-btn{cursor:pointer;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.m-btn--cancel{border:1.5px solid var(--hub-border);color:var(--hub-muted);background:0 0}.m-btn--cancel:hover{background:#f1f5f9}.m-btn--save{background:var(--hub-indigo);color:#fff;border:none;box-shadow:0 4px 12px #4f46e533}.m-btn--save:hover{filter:brightness(1.1);transform:translateY(-1px)}.adm-toast{color:#fff;z-index:100000;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:700;animation:.4s cubic-bezier(.175,.885,.32,1.275) toast-slide;display:flex;position:fixed;top:32px;right:32px;box-shadow:0 10px 30px #0000001a}@keyframes toast-slide{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.adm-toast--success{background:var(--hub-green)}.adm-toast--error{background:var(--hub-red)}.skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;height:60px;animation:1.5s infinite skeleton-shimmer}@media (max-width:1024px){.hub-stats{grid-template-columns:1fr}.hub-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}}@media (max-width:768px){.adm-hub{padding:12px}.hub-title{font-size:20px}.hub-stats{grid-template-columns:1fr;gap:10px}.hub-controls{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.hub-table thead{display:none}.hub-table tbody tr{background:var(--hub-white);border-radius:var(--hub-radius);box-shadow:var(--hub-shadow);border:1px solid var(--hub-border);margin-bottom:16px;padding:16px;display:block;position:relative;overflow:hidden}.hub-table tbody tr:before{content:"";background:linear-gradient(180deg, var(--hub-indigo), var(--hub-navy));width:4px;position:absolute;top:0;bottom:0;left:0}.hub-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.hub-table td:before{content:attr(data-label);color:var(--hub-muted);text-transform:uppercase;letter-spacing:1px;text-align:left;font-size:9px;font-weight:800}}:root{--admin-primary:#4f46e5;--admin-primary-dark:#4338ca;--admin-primary-light:#eef2ff;--admin-bg:#f9fafb;--admin-text-main:#111827;--admin-text-muted:#6b7280;--admin-border:#e5e7eb;--admin-card-bg:#fff;--admin-radius:12px;--admin-shadow-sm:0 1px 2px 0 #0000000d;--admin-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}.ap-container{background-color:var(--admin-bg);min-height:100vh;color:var(--admin-text-main);padding:32px;font-family:Inter,sans-serif;animation:.4s ease-out ap-fade-in}@keyframes ap-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ap-hero{border-radius:var(--admin-radius);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);align-items:flex-end;height:200px;margin-bottom:60px;padding:32px;display:flex;position:relative;overflow:visible}.ap-hero-pattern{opacity:.5;background-image:radial-gradient(circle at 20% 30%,#4f46e526 0%,#0000 40%);position:absolute;inset:0}.ap-identity{z-index:10;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:-40px;left:40px}.ap-avatar-wrapper{width:120px;height:120px;box-shadow:var(--admin-shadow);background:#fff;border-radius:24px;padding:4px;position:relative}.ap-avatar-frame{background:#f3f4f6;border-radius:20px;width:100%;height:100%;overflow:hidden}.ap-avatar-frame img{object-fit:cover;width:100%;height:100%}.ap-camera-btn{background:var(--admin-primary);color:#fff;cursor:pointer;border:3px solid #fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:-8px;right:-8px;box-shadow:0 4px 6px #0000001a}.ap-camera-btn:hover{background:var(--admin-primary-dark);transform:scale(1.1)}.ap-name-block{padding-bottom:45px}.ap-name-block h1{color:#fff;text-shadow:0 1px 2px #0000001a;margin:0;font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.ap-role-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.ap-grid{grid-template-columns:320px 1fr;gap:24px;display:grid}.ap-card{background:var(--admin-card-bg);border-radius:var(--admin-radius);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow-sm);padding:24px}.ap-card-title{color:var(--admin-text-main);border-bottom:1px solid var(--admin-border);align-items:center;gap:10px;margin-bottom:24px;padding-bottom:12px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;display:flex}.ap-form{gap:20px;display:grid}.ap-field{flex-direction:column;gap:6px;display:flex}.ap-field label{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:12px;font-weight:600}.ap-input-group{align-items:center;display:flex;position:relative}.ap-input-icon{color:var(--admin-text-muted);font-size:15px;position:absolute;left:14px}.ap-field input,.ap-field textarea,.ap-field select{border:1px solid var(--admin-border);width:100%;color:var(--admin-text-main);background:#fff;border-radius:8px;padding:10px 14px 10px 40px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.ap-field textarea{resize:none;min-height:100px;padding-left:14px}.ap-field select{cursor:pointer;padding-left:14px}.ap-field input:focus,.ap-field textarea:focus,.ap-field select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--admin-primary-light);outline:none}.ap-field input.locked{cursor:not-allowed;color:var(--admin-text-muted);background:#f3f4f6}.ap-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ap-btn--cancel{border:1px solid var(--admin-border);color:var(--admin-text-muted);background:#fff}.ap-btn--cancel:hover{color:var(--admin-text-main);background:#f9fafb}.ap-btn--save{background:var(--admin-primary);color:#fff;border:none;box-shadow:0 2px 4px #4f46e533}.ap-btn--save:hover{background:var(--admin-primary-dark);transform:translateY(-1px)}.ap-btn--save:disabled{opacity:.6;cursor:not-allowed;transform:none}.ap-stat-card{border:1px solid var(--admin-border);background:#f9fafb;border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.ap-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ap-stat-icon--blue{background:var(--admin-primary-light);color:var(--admin-primary)}.ap-stat-info{flex-direction:column;display:flex}.ap-stat-lbl{color:var(--admin-text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.ap-stat-val{color:var(--admin-text-main);font-size:14px;font-weight:700}.ap-loader-wrap{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:80vh;display:flex}.ap-spinner{border:3px solid #f3f4f6;border-top-color:var(--admin-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-toast{color:#fff;z-index:9999;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ease-out ap-slide-in,.3s ease-out 3.2s forwards ap-slide-out;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.ap-toast--success{background:#10b981}.ap-toast--error{background:#ef4444}@keyframes ap-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes ap-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:968px){.ap-grid{grid-template-columns:1fr}.ap-container{padding:20px}.ap-hero{height:160px;margin-bottom:100px}.ap-identity{flex-direction:column;align-items:center;gap:12px;bottom:-80px;left:50%;transform:translate(-50%)}.ap-name-block{text-align:center;padding-bottom:0}.ap-name-block h1{font-size:24px}.ap-avatar-wrapper{width:100px;height:100px}}.cert-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,sans-serif;display:flex;position:fixed;top:0;left:0}.cert-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:550px;animation:.3s certModalIn;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes certModalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cert-modal__header{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cert-modal__title{align-items:center;gap:12px;display:flex}.cert-modal-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 4px 12px #7c3aed4d}.cert-modal__title h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.cert-modal__title p{color:#64748b;margin:2px 0 0;font-size:13px;font-weight:500}.cert-modal__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cert-modal__close:hover{color:#ef4444;background:#fee2e2}.cert-modal__body{max-height:70vh;padding:24px;overflow-y:auto}.cert-alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;font-weight:500}.cert-alert--error{color:#991b1b;background:#fef2f2;border-left:4px solid #ef4444}.cert-upload-form{flex-direction:column;gap:16px;display:flex}.cert-form-row{gap:16px;display:flex}.cert-form-group{flex-direction:column;flex:1;gap:6px;display:flex}.cert-form-group label{color:#334155;font-size:13px;font-weight:700}.cert-form-group select,.cert-form-group input[type=date]{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.cert-form-group select:focus,.cert-form-group input[type=date]:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.cert-file-drop{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;align-items:center;padding:16px;display:flex}.cert-file-drop input{color:#475569;width:100%;font-size:13.5px}.cert-read-only-field{color:#334155;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.cert-badge-auto{color:#2563eb;text-transform:uppercase;background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.cert-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #7c3aed40}.cert-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.cert-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cert-divider{background:#e2e8f0;height:1px;margin:28px 0}.cert-list-title{color:#0f172a;margin-bottom:12px;font-size:15px;font-weight:700}.cert-list{flex-direction:column;gap:10px;display:flex}.cert-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.cert-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000008}.cert-item__avatar{color:#7c3aed;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.cert-item__info{flex-direction:column;flex:1;gap:2px;display:flex}.cert-item__info strong{color:#1e293b;font-size:14px}.cert-item__info span{color:#64748b;font-size:12px;font-weight:500}.cert-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.btn-del{color:#ef4444;background:#fef2f2}.btn-del:hover{color:#fff;background:#ef4444}.cert-empty{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.cert-empty-icon{opacity:.4;font-size:32px}.cert-empty p{margin:0;font-size:13px;font-weight:500}:root{--ms-navy:#1e3a8a;--ms-navy-dk:#0f172a;--ms-blue:#2563eb;--ms-blue-lt:#eff6ff;--ms-blue-md:#dbeafe;--ms-green:#16a34a;--ms-green-lt:#dcfce7;--ms-red:#dc2626;--ms-red-lt:#fee2e2;--ms-purple:#7c3aed;--ms-purple-lt:#f5f3ff;--ms-purple-md:#ddd6fe;--ms-amber:#d97706;--ms-amber-lt:#fef3c7;--ms-muted:#64748b;--ms-border:#e2e8f0;--ms-bg:#f1f5fb;--ms-white:#fff;--ms-text:#1e293b;--ms-shadow:0 4px 24px #0f172a17;--ms-radius:14px;--ms-radius-sm:9px}.ms-page{background:var(--ms-bg);min-height:100vh;color:var(--ms-text);padding:28px 36px;font-family:Outfit,-apple-system,sans-serif}.ms-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.ms-page-header__left{align-items:center;gap:16px;display:flex}.ms-page-header__right{align-items:center;gap:24px;display:flex}.ms-add-student-btn{background:linear-gradient(135deg, var(--ms-navy-dk), var(--ms-navy));color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 15px #0f172a26}.ms-add-student-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #0f172a38}.ms-page-header__icon{background:linear-gradient(135deg, var(--ms-navy), var(--ms-blue));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 6px 20px #2563eb4d}.ms-page-header__title{color:var(--ms-navy-dk);letter-spacing:-.5px;font-size:24px;font-weight:800}.ms-page-header__sub{color:var(--ms-muted);margin-top:2px;font-size:13px;font-weight:500}.ms-page-header__stats{gap:10px;display:flex}.ms-stat-pill{border-radius:12px;flex-direction:column;align-items:center;min-width:76px;padding:10px 20px;display:flex}.ms-stat-pill--blue{background:var(--ms-blue-lt);border:1.5px solid var(--ms-blue-md)}.ms-stat-pill--green{background:var(--ms-green-lt);border:1.5px solid #bbf7d0}.ms-stat-pill--purple{background:var(--ms-purple-lt);border:1.5px solid var(--ms-purple-md)}.ms-stat-pill__num{font-size:22px;font-weight:800;line-height:1}.ms-stat-pill--blue .ms-stat-pill__num{color:var(--ms-blue)}.ms-stat-pill--green .ms-stat-pill__num{color:var(--ms-green)}.ms-stat-pill--purple .ms-stat-pill__num{color:var(--ms-purple)}.ms-stat-pill__label{text-transform:uppercase;letter-spacing:.5px;color:var(--ms-muted);margin-top:3px;font-size:11px;font-weight:600}.ms-layout{grid-template-columns:420px 1fr;align-items:stretch;gap:24px;display:grid}.ms-form-panel{background:var(--ms-white);border-radius:var(--ms-radius);box-shadow:var(--ms-shadow);flex-direction:column;animation:.4s both ms-fadein;display:flex;overflow:hidden}@keyframes ms-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ms-panel-tabs{border-bottom:1.5px solid var(--ms-border);background:#f8fafc;display:flex}.ms-panel-tab{color:var(--ms-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.ms-panel-tab:hover{color:var(--ms-blue);background:var(--ms-blue-lt)}.ms-panel-tab--active{color:var(--ms-blue);background:var(--ms-white);border-bottom-color:var(--ms-blue)}.ms-alert{align-items:center;gap:10px;padding:12px 20px;font-size:13.5px;font-weight:500;animation:.25s ms-fadein;display:flex}.ms-alert--success{background:var(--ms-green-lt);color:#14532d;border-bottom:1px solid #86efac}.ms-alert--error{background:var(--ms-red-lt);color:#7f1d1d;border-bottom:1px solid #fca5a5}.ms-section{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex}.ms-section__head{border-bottom:2px solid var(--ms-bg);align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.ms-section__icon{background:var(--ms-blue-lt);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.ms-section__title{color:var(--ms-navy-dk);font-size:16px;font-weight:700}.ms-section__sub{color:var(--ms-muted);margin-top:2px;font-size:12px}.ms-cancel-edit{border:1.5px solid var(--ms-border);background:var(--ms-white);width:30px;height:30px;color:var(--ms-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:13px;transition:all .15s;display:flex}.ms-cancel-edit:hover{border-color:var(--ms-red);color:var(--ms-red);background:var(--ms-red-lt)}.ms-field{flex-direction:column;gap:7px;display:flex}.ms-label{color:var(--ms-text);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.ms-label__icon{color:var(--ms-muted);font-size:13px}.ms-select-wrap{position:relative}.ms-select{appearance:none;border:1.5px solid var(--ms-border);border-radius:var(--ms-radius-sm);color:var(--ms-text);cursor:pointer;background:#fafbfd;outline:none;width:100%;padding:11px 36px 11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.ms-select:focus{border-color:var(--ms-blue);background:var(--ms-white);box-shadow:0 0 0 3px #2563eb1a}.ms-select-arrow{color:var(--ms-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ms-form-actions{gap:10px;margin-top:4px;display:flex}.ms-btn-primary{background:linear-gradient(135deg, var(--ms-blue), var(--ms-navy));color:var(--ms-white);border-radius:var(--ms-radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 16px #2563eb4d}.ms-btn-primary--navy{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 4px 16px #0f172a40}.ms-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ms-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ms-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.65s linear infinite ms-spin;display:inline-block}@keyframes ms-spin{to{transform:rotate(360deg)}}.ms-btn-cancel{border:1.5px solid var(--ms-border);background:var(--ms-white);color:var(--ms-muted);border-radius:var(--ms-radius-sm);cursor:pointer;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.ms-btn-cancel:hover{border-color:var(--ms-red);color:var(--ms-red);background:var(--ms-red-lt)}.ms-list-panel{background:var(--ms-white);border-radius:var(--ms-radius);box-shadow:var(--ms-shadow);flex-direction:column;height:100%;padding:28px;animation:.4s 80ms both ms-fadein;display:flex;overflow:hidden}.ms-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ms-list-header__left{align-items:center;gap:10px;display:flex}.ms-list-title{color:var(--ms-navy-dk);font-size:17px;font-weight:700}.ms-list-count{background:var(--ms-blue-lt);color:var(--ms-blue);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.ms-search{border:1.5px solid var(--ms-border);border-radius:var(--ms-radius-sm);background:#f8fafc;align-items:center;gap:8px;padding:0 12px;transition:all .2s;display:flex}.ms-search:focus-within{border-color:var(--ms-blue);background:var(--ms-white);box-shadow:0 0 0 3px #2563eb1a}.ms-search__icon{color:var(--ms-muted);flex-shrink:0;font-size:13px}.ms-search__input{color:var(--ms-text);background:0 0;border:none;outline:none;flex:1;min-width:180px;padding:10px 0;font-family:inherit;font-size:13.5px}.ms-search__clear{cursor:pointer;color:var(--ms-muted);background:0 0;border:none;border-radius:4px;padding:3px 4px;font-size:12px}.ms-search__clear:hover{color:var(--ms-red);background:var(--ms-red-lt)}.ms-pagination{border-bottom:1px solid var(--ms-border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:14px;display:flex}.ms-page-btn{border:1.5px solid var(--ms-border);background:var(--ms-white);min-width:36px;height:36px;color:var(--ms-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.ms-page-btn:hover:not(:disabled){border-color:var(--ms-blue);color:var(--ms-blue);background:var(--ms-blue-lt)}.ms-page-btn:disabled{opacity:.35;cursor:not-allowed}.ms-page-btn--active{background:linear-gradient(135deg, var(--ms-blue), var(--ms-navy));color:var(--ms-white);border-color:#0000;box-shadow:0 4px 10px #2563eb4d}.ms-page-btn--nav{padding:0 14px;font-size:13px}.ms-page-numbers{gap:4px;display:flex}.ms-page-ellipsis{text-align:center;width:30px;color:var(--ms-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.ms-page-info{color:var(--ms-muted);align-items:center;gap:6px;margin-left:auto;font-size:12.5px;font-weight:500;display:flex}.ms-page-info__sep{color:var(--ms-border)}.ms-scroll-area{flex-direction:column;flex:1;gap:12px;padding-right:2px;display:flex;overflow-y:auto}.ms-scroll-area::-webkit-scrollbar{width:5px}.ms-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ms-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.ms-empty__icon{opacity:.3;font-size:44px}.ms-empty__text{color:var(--ms-muted);font-size:14px;font-weight:500}.ms-card{border:1.5px solid var(--ms-border);border-radius:var(--ms-radius-sm);background:#fafbfd;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s both ms-fadein;display:flex;overflow:hidden}.ms-card:hover{box-shadow:var(--ms-shadow);border-color:#cbd5e1;transform:translateY(-2px)}.ms-scroll-area .ms-card:first-child{animation-delay:40ms}.ms-scroll-area .ms-card:nth-child(2){animation-delay:80ms}.ms-scroll-area .ms-card:nth-child(3){animation-delay:.12s}.ms-scroll-area .ms-card:nth-child(4){animation-delay:.16s}.ms-scroll-area .ms-card:nth-child(5){animation-delay:.2s}.ms-scroll-area .ms-card:nth-child(6){animation-delay:.24s}.ms-card__stripe{background:linear-gradient(180deg, var(--ms-blue), var(--ms-navy));flex-shrink:0;width:4px}.ms-card__body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex}.ms-card__top{align-items:center;gap:12px;display:flex}.ms-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:flex}.ms-card__identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ms-card__name{color:var(--ms-navy-dk);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.ms-card__email{color:var(--ms-muted);font-size:12px;font-weight:500}.ms-status-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.ms-status-badge--ongoing,.ms-status-badge--active{background:var(--ms-green-lt);color:var(--ms-green);border:1px solid #bbf7d0}.ms-status-badge--completed{background:var(--ms-purple-lt);color:var(--ms-purple);border:1px solid var(--ms-purple-md)}.ms-status-badge--inactive{background:var(--ms-amber-lt);color:var(--ms-amber);border:1px solid #fde68a}.ms-card__details{flex-direction:column;gap:16px;display:flex}.ms-card__section{flex-direction:column;gap:8px;display:flex}.ms-card__section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--ms-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.ms-quick-add{background:var(--ms-blue-lt);width:22px;height:22px;color:var(--ms-blue);border:1px solid var(--ms-blue-md);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;margin-left:8px;font-size:10px;transition:all .2s;display:flex}.ms-quick-add:hover{background:var(--ms-blue);color:#fff;border-color:#0000;transform:scale(1.1)}.ms-chip-list{flex-wrap:wrap;gap:8px;display:flex}.ms-no-data{color:var(--ms-muted);padding-left:4px;font-size:12px;font-style:italic}.ms-detail-chip{background:var(--ms-white);border:1.5px solid var(--ms-border);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:6px 12px;transition:all .2s;display:flex}.ms-detail-chip:hover{border-color:var(--ms-blue);background:var(--ms-blue-lt)}.ms-detail-chip--inactive{opacity:.6;filter:grayscale(.5);border-style:dashed}.ms-detail-chip__content{flex-direction:column;gap:2px;min-width:0;display:flex}.ms-detail-chip__val{color:var(--ms-navy-dk);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ms-batch-status{text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:800}.ms-batch-status--active,.ms-batch-status--ongoing{color:var(--ms-green)}.ms-batch-status--completed{color:var(--ms-purple)}.ms-chip-actions{gap:6px;display:flex}.ms-chip-edit,.ms-chip-del{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .15s;display:flex}.ms-chip-edit{background:var(--ms-blue-lt);color:var(--ms-blue)}.ms-chip-edit:hover{background:var(--ms-blue);color:#fff}.ms-chip-del{background:var(--ms-red-lt);color:var(--ms-red)}.ms-chip-del:hover{background:var(--ms-red);color:#fff}@media (max-width:1200px){.ms-layout{grid-template-columns:380px 1fr}}@media (max-width:960px){.ms-layout{grid-template-columns:1fr;align-items:start}.ms-list-panel{height:auto;overflow:visible}.ms-page{padding:20px}}@media (max-width:600px){.ms-page{padding:14px}.ms-page-header,.ms-list-header{flex-direction:column;align-items:flex-start}.ms-card__details{grid-template-columns:1fr}.ms-pagination{justify-content:center}.ms-page-info{justify-content:center;width:100%;margin-left:0}.ms-card__actions{flex-direction:column}}:root{--aa-navy:#1e3a8a;--aa-navy-dk:#0f172a;--aa-blue:#2563eb;--aa-blue-lt:#eff6ff;--aa-blue-md:#dbeafe;--aa-green:#16a34a;--aa-red:#dc2626;--aa-amber:#d97706;--aa-purple:#7c3aed;--aa-muted:#64748b;--aa-border:#e2e8f0;--aa-bg:#eef2f7;--aa-white:#fff;--aa-text:#1e293b;--aa-shadow:0 4px 24px #0f172a17;--aa-radius:14px;--aa-rsm:9px}*{box-sizing:border-box;margin:0;padding:0}.aa-page{background:var(--aa-bg);min-height:100vh;color:var(--aa-text);padding:28px 40px;font-family:Outfit,-apple-system,sans-serif}.aa-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.aa-header__left{align-items:center;gap:16px;display:flex}.aa-header__icon{background:linear-gradient(135deg, var(--aa-navy), var(--aa-blue));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 6px 20px #2563eb4d}.aa-header__title{color:var(--aa-navy-dk);letter-spacing:-.5px;font-size:24px;font-weight:800}.aa-header__sub{color:var(--aa-muted);margin-top:2px;font-size:13px;font-weight:500}.aa-export-row{gap:8px;display:flex}.aa-export-btn{border-radius:var(--aa-rsm);cursor:pointer;white-space:nowrap;border:1.5px solid;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:flex}.aa-export-btn--csv{background:var(--aa-blue-lt);color:var(--aa-blue);border-color:var(--aa-blue-md)}.aa-export-btn--csv:hover{background:var(--aa-blue);color:#fff;border-color:#0000}.aa-export-btn--pdf{color:#92400e;background:#fef3c7;border-color:#fde68a}.aa-export-btn--pdf:hover{color:#fff;background:#d97706;border-color:#0000}.aa-filters{border-radius:var(--aa-radius);background:linear-gradient(135deg,#1a3356 0%,#1e4d8c 100%);margin-bottom:18px;padding:20px 24px;box-shadow:0 6px 24px #0f172a2e}.aa-filters__inner{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.aa-fgroup{flex-direction:column;flex:1;gap:5px;min-width:140px;display:flex}.aa-flabel{color:#fff9;text-transform:uppercase;letter-spacing:.8px;font-size:10.5px;font-weight:700}.aa-select-wrap{position:relative}.aa-select{appearance:none;background:var(--aa-white);height:40px;color:var(--aa-text);cursor:pointer;border:1.5px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:0 32px 0 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:border-color .2s,box-shadow .2s}.aa-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.aa-select-arrow{color:var(--aa-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.aa-finput{background:var(--aa-white);height:40px;color:var(--aa-text);border:1.5px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:border-color .2s,box-shadow .2s}.aa-finput:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.aa-or{color:#fff6;letter-spacing:1px;flex-shrink:0;padding-bottom:8px;font-size:11px;font-weight:700}.aa-fetch-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0ea5e9;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:40px;padding:0 24px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .2s,transform .15s;display:flex;box-shadow:0 4px 14px #0ea5e959}.aa-fetch-btn:hover:not(:disabled){background:#0284c7;transform:translateY(-1px)}.aa-fetch-btn:disabled{opacity:.55;cursor:not-allowed}.aa-spin-sm{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite aa-spin;display:inline-block}.aa-stats{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.aa-stat{background:var(--aa-white);border:1.5px solid var(--aa-border);border-radius:var(--aa-rsm);box-shadow:var(--aa-shadow);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:80px;padding:14px 18px;animation:.4s both aa-fadein;display:flex}@keyframes aa-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.aa-stat--blue{animation-delay:40ms}.aa-stat--green{animation-delay:80ms}.aa-stat--red{animation-delay:.12s}.aa-stat--amber{animation-delay:.16s}.aa-stat--indigo{animation-delay:.2s}.aa-stat--pct{flex-direction:column;flex:1;align-items:stretch;min-width:200px;animation-delay:.24s}.aa-stat__val{letter-spacing:-.03em;font-size:1.7rem;font-weight:800;line-height:1}.aa-stat--blue .aa-stat__val{color:var(--aa-blue)}.aa-stat--green .aa-stat__val{color:var(--aa-green)}.aa-stat--red .aa-stat__val{color:var(--aa-red)}.aa-stat--amber .aa-stat__val{color:var(--aa-amber)}.aa-stat--indigo .aa-stat__val{color:var(--aa-purple)}.aa-stat__lbl{text-transform:uppercase;letter-spacing:.5px;color:var(--aa-muted);margin-top:3px;font-size:11px;font-weight:600}.aa-pct-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.aa-pct-num{font-size:14px;font-weight:800}.aa-pct-bar{background:#f1f5f9;border-radius:8px;height:8px;overflow:hidden}.aa-pct-bar__fill{border-radius:8px;height:100%;transition:width .5s}.aa-card{background:var(--aa-white);border-radius:var(--aa-radius);box-shadow:var(--aa-shadow);border:1.5px solid var(--aa-border);animation:.4s .1s both aa-fadein;overflow:hidden}.aa-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:72px 20px;display:flex}.aa-spinner{border:4px solid var(--aa-blue-md);border-top-color:var(--aa-blue);border-radius:50%;width:40px;height:40px;animation:.75s linear infinite aa-spin}@keyframes aa-spin{to{transform:rotate(360deg)}}.aa-empty-icon{opacity:.28;font-size:52px}.aa-state h3{color:var(--aa-text);font-size:18px;font-weight:700}.aa-state p{color:var(--aa-muted);font-size:14px}.aa-toolbar{border-bottom:1px solid var(--aa-border);background:#fafbfd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.aa-toolbar__left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.aa-toolbar__title{color:var(--aa-navy-dk);font-size:15px;font-weight:800}.aa-count-chip{background:var(--aa-blue-lt);color:var(--aa-blue);border:1px solid var(--aa-blue-md);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.aa-modified-chip{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.aa-search{background:var(--aa-white);border:1.5px solid var(--aa-border);border-radius:20px;align-items:center;gap:7px;padding:6px 14px;transition:all .2s;display:flex}.aa-search:focus-within{border-color:var(--aa-blue);box-shadow:0 0 0 3px #2563eb1a}.aa-search__ico{color:var(--aa-muted);flex-shrink:0;font-size:12px}.aa-search__inp{color:var(--aa-text);background:0 0;border:none;outline:none;width:200px;font-family:inherit;font-size:13px}.aa-search__clr{cursor:pointer;color:var(--aa-muted);background:0 0;border:none;padding:2px;font-size:11px}.aa-search__clr:hover{color:var(--aa-red)}.aa-pagination{border-bottom:1px solid var(--aa-border);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 20px;display:flex}.aa-pag-info{color:var(--aa-muted);white-space:nowrap;font-size:12.5px;font-weight:500}.aa-pag-btns{align-items:center;gap:4px;display:flex}.aa-pag-btn{border:1.5px solid var(--aa-border);background:var(--aa-white);min-width:34px;height:32px;color:var(--aa-text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.aa-pag-btn:hover:not(:disabled){border-color:var(--aa-blue);color:var(--aa-blue);background:var(--aa-blue-lt)}.aa-pag-btn:disabled{opacity:.35;cursor:not-allowed}.aa-pag-btn--on{background:linear-gradient(135deg, var(--aa-blue), var(--aa-navy));color:#fff;border-color:#0000;box-shadow:0 3px 8px #2563eb4d}.aa-pag-nav{padding:0 12px;font-size:12.5px}.aa-pag-dots{text-align:center;width:28px;color:var(--aa-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.aa-table-wrap{overflow-x:auto}.aa-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:780px}.aa-table thead{z-index:1;background:#1e293b;position:sticky;top:0}.aa-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap;border-bottom:2px solid #0f172a;padding:11px 12px;font-size:10.5px;font-weight:700}.aa-th-c{text-align:center}.aa-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.aa-table tbody tr:last-child{border-bottom:none}.aa-table tbody tr:hover{background:#f8faff}.aa-row--modified{border-left:3px solid #f59e0b;background:#fffbeb!important}.aa-td{color:#475569;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:11px 12px;font-size:13.5px;overflow:hidden}.aa-td--num,.aa-td--c{text-align:center}.aa-td--date{font-variant-numeric:tabular-nums;color:#334155;font-size:13px;font-weight:600}.aa-rnum{width:26px;height:26px;color:var(--aa-muted);background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.aa-student{align-items:center;gap:9px;display:flex}.aa-avatar{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;display:flex}.aa-name{color:var(--aa-navy-dk);font-size:13.5px;font-weight:700}.aa-email{color:var(--aa-muted);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.aa-email:hover{color:var(--aa-blue)}.aa-topic{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:italic;display:block;overflow:hidden}.aa-badge{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.aa-toggle{border:1.5px solid var(--aa-border);background:#f8fafc;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.aa-tgl{cursor:pointer;color:#94a3b8;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-family:inherit;font-size:11.5px;font-weight:800;transition:background .15s,color .15s;display:flex}.aa-tgl+.aa-tgl{border-left:1px solid var(--aa-border)}.aa-tgl:hover:not(.aa-tgl--on){color:#334155;background:#f1f5f9}.aa-footer{border-top:1px solid var(--aa-border);background:#fafbfd;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.aa-footer__msg{color:var(--aa-amber);font-size:13px;font-weight:600}.aa-save-btn{color:#fff;border-radius:var(--aa-rsm);cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;height:40px;padding:0 24px;font-family:inherit;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .2s,opacity .2s;box-shadow:0 4px 12px #22c55e4d}.aa-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #22c55e66}.aa-save-btn:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}@media (max-width:1100px){.aa-page{padding:20px 24px}}@media (max-width:900px){.aa-filters__inner{flex-direction:column;align-items:stretch}.aa-fgroup{min-width:unset}.aa-or{text-align:center;padding-bottom:0}.aa-fetch-btn{justify-content:center;width:100%}.aa-stats{flex-wrap:wrap}.aa-stat--pct{min-width:100%}}@media (max-width:640px){.aa-page{padding:14px 16px}.aa-header,.aa-toolbar{flex-direction:column;align-items:flex-start}.aa-footer{flex-direction:column;align-items:stretch;gap:10px}.aa-save-btn{justify-content:center;width:100%}.aa-pagination{flex-direction:column;align-items:flex-start}}.idm-page{background:#f1f5f9;min-height:100vh;padding:0 0 60px;font-family:Inter,sans-serif}.idm-loader{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:60vh;display:flex}.idm-spinner{border:4px solid #e2e8f0;border-top-color:#2f59e0;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite idmSpin}@keyframes idmSpin{to{transform:rotate(360deg)}}.idm-toast{z-index:9999;border-radius:12px;padding:14px 24px;font-size:.95rem;font-weight:600;animation:.3s idmSlideIn;position:fixed;top:88px;right:24px;box-shadow:0 8px 32px #00000026}.idm-toast--success{color:#fff;background:#16a34a}.idm-toast--error{color:#fff;background:#dc2626}@keyframes idmSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.idm-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2f59e0 60%,#7c3aed 100%);padding:48px 40px 40px;position:relative;overflow:hidden}.idm-hero__orb{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.idm-hero__orb--1{background:#60a5fa;width:320px;height:320px;top:-80px;right:-60px}.idm-hero__orb--2{background:#c4b5fd;width:220px;height:220px;bottom:-60px;left:40%}.idm-hero__inner{z-index:1;justify-content:space-between;align-items:flex-end;gap:24px;max-width:1200px;margin:0 auto;display:flex;position:relative}.idm-hero__chip{letter-spacing:.05em;background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;margin-bottom:12px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.idm-hero__title{margin:0 0 8px;font-size:2rem;font-weight:800;line-height:1.2}.idm-hero__sub{opacity:.8;margin:0;font-size:.95rem}.idm-refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.idm-refresh-btn:hover{background:#ffffff40}.idm-tabs{gap:8px;max-width:1200px;margin:0 auto;padding:24px 40px 0;display:flex}.idm-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.idm-tab--active{color:#fff;background:#2f59e0;border-color:#2f59e0;box-shadow:0 4px 12px #2f59e040}.idm-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:24px 40px;display:grid}.idm-seq-card{background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a}.idm-seq-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.idm-seq-card__header{align-items:center;gap:12px;padding:16px 20px;display:flex}.idm-seq-card__icon{font-size:2rem}.idm-seq-card__portal{margin:0;font-size:1rem;font-weight:800}.idm-seq-card__prefix{color:#64748b;font-size:.78rem}.idm-seq-card__body{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;gap:16px;padding:12px 20px;display:flex}.idm-seq-card__stat{flex-direction:column;gap:2px;display:flex}.idm-seq-card__stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.idm-seq-card__stat-val{color:#1e293b;font-size:1.4rem;font-weight:800}.idm-seq-card__footer{padding:12px 20px}.idm-next-id-label{color:#64748b;margin-bottom:6px;font-size:.78rem;display:block}.idm-next-id-badge{background:#f8fafc;border:1.5px solid;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;display:inline-block}.idm-table-wrap{max-width:1200px;margin:0 auto;padding:24px 40px}.idm-table-header{margin-bottom:20px}.idm-table-header h2{color:#1e293b;margin:0 0 4px;font-size:1.25rem;font-weight:800}.idm-table-header p{color:#64748b;margin:0;font-size:.9rem}.idm-table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000d}.idm-table thead{background:#f8fafc}.idm-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.78rem;font-weight:700}.idm-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem}.idm-table tr:last-child td{border-bottom:none}.idm-row--editing{background:#eff6ff}.idm-portal-cell{align-items:center;gap:10px;font-size:1rem;display:flex}.idm-prefix-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.85rem}.idm-seq-num{font-size:1.1rem;font-weight:700}.idm-preview-id{font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:700}.idm-inline-input{color:#1e293b;background:#fff;border:1px solid #2f59e0;border-radius:8px;width:90px;padding:6px 10px;font-size:.9rem}.idm-inline-input:focus{outline:none;box-shadow:0 0 0 3px #2f59e026}.idm-action-group{gap:8px;display:flex}.idm-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.idm-btn--edit{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.idm-btn--save{color:#fff;background:#16a34a}.idm-btn--cancel{color:#dc2626;background:#fee2e2}.idm-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.idm-info-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 20px;font-size:.9rem;line-height:1.5;display:flex}.idm-info-box span{flex-shrink:0;font-size:1.2rem}.idm-info-box code{background:#fed7aa80;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace}@media (max-width:992px){.idm-hero{padding:32px 20px}.idm-hero__inner{flex-direction:column;align-items:stretch;gap:20px}.idm-refresh-btn{align-self:flex-start}.idm-cards-grid{grid-template-columns:1fr;padding:20px}.idm-table-wrap{padding:20px}.idm-tabs{white-space:nowrap;padding:16px 20px 0;overflow-x:auto}.idm-tab{flex-shrink:0}.idm-table-header{text-align:left}}@media (max-width:600px){.idm-hero__title{font-size:1.5rem}.idm-portal-cell{flex-direction:column;align-items:flex-start;gap:5px;font-size:.9rem}}.aar-page{background:#f8fafc;max-width:1200px;min-height:100vh;margin:0 auto;padding:1.5rem}.aar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.aar-header__left{align-items:center;gap:1rem;display:flex}.aar-header__icon{background:linear-gradient(135deg,#005ea4,#0077ce);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.aar-header__title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.aar-header__sub{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.aar-header__right{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.aar-count-badge{border-radius:20px;padding:.3rem .85rem;font-size:.82rem;font-weight:700}.aar-count-badge--pending{color:#d97706;background:#fef3c7}.aar-count-badge--verified{color:#059669;background:#d1fae5}.aar-refresh-btn{cursor:pointer;color:#475569;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.aar-refresh-btn:hover{background:#f1f5f9}.aar-msg{border-radius:10px;margin-bottom:1rem;padding:.75rem 1.1rem;font-size:.9rem;font-weight:600}.aar-msg--ok{color:#059669;background:#d1fae5}.aar-msg--err{color:#dc2626;background:#fee2e2}.aar-tabs{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:1.25rem;display:flex}.aar-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.65rem 1.25rem;font-size:.92rem;font-weight:600;transition:color .15s,border-color .15s;display:flex}.aar-tab:hover{color:#1e293b}.aar-tab--active{color:#005ea4;border-bottom-color:#005ea4}.aar-tab-dot{color:#fff;text-align:center;background:#dc2626;border-radius:20px;min-width:20px;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.aar-tab-count{color:#475569;text-align:center;background:#f1f5f9;border-radius:20px;min-width:20px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.aar-info-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.88rem;line-height:1.55;display:flex}.aar-info-banner--green{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.aar-info-banner span{flex-shrink:0;font-size:1.2rem}.aar-info-banner p{margin:0}.aar-list{flex-direction:column;gap:.85rem;display:flex}.aar-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.25rem;transition:border-color .2s;display:flex;box-shadow:0 2px 12px #0000000f}.aar-card:hover{border-color:#005ea4}.aar-card__left{flex:1;align-items:center;gap:1rem;min-width:200px;display:flex}.aar-avatar{color:#fff;background:linear-gradient(135deg,#005ea4,#0077ce);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:700;display:flex}.aar-card__name{color:#1e293b;margin:0 0 .2rem;font-size:1rem;font-weight:700}.aar-card__meta{color:#64748b;margin:0 0 .1rem;font-size:.8rem}.aar-card__id{color:#64748b;background:#f1f5f9;border-radius:6px;margin-top:.2rem;padding:.1rem .4rem;font-size:.74rem;font-weight:600;display:inline-block}.aar-card__thumb{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:88px;height:66px;transition:border-color .2s;position:relative;overflow:hidden}.aar-card__thumb:hover{border-color:#005ea4}.aar-thumb-img{object-fit:cover;width:100%;height:100%}.aar-thumb-pdf{color:#d97706;background:#fef3c7;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:100%;height:100%;font-size:.65rem;font-weight:700;display:flex}.aar-thumb-pdf span:first-child{font-size:1.5rem}.aar-thumb-overlay{color:#fff;opacity:0;background:#005ea4bf;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.aar-card__thumb:hover .aar-thumb-overlay{opacity:1}.aar-card__actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.aar-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.83rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.aar-btn:disabled{opacity:.55;cursor:not-allowed}.aar-btn--sm{padding:.3rem .75rem;font-size:.78rem}.aar-btn--view{color:#3b82f6;background:#eff6ff;border:1.5px solid #bfdbfe}.aar-btn--view:hover:not(:disabled){background:#dbeafe}.aar-btn--approve{color:#059669;background:#d1fae5;border:1.5px solid #6ee7b7}.aar-btn--approve:hover:not(:disabled){background:#a7f3d0}.aar-btn--reject{color:#dc2626;background:#fee2e2;border:1.5px solid #fca5a5}.aar-btn--reject:hover:not(:disabled){background:#fecaca}.aar-already-verified{color:#059669;background:#d1fae5;border-radius:8px;padding:.4rem 1rem;font-size:.83rem;font-weight:700}.aar-empty{text-align:center;color:#64748b;padding:5rem 2rem}.aar-empty__icon{margin-bottom:1rem;font-size:3.5rem;display:block}.aar-empty h3{color:#1e293b;margin:0 0 .5rem;font-size:1.2rem}.aar-empty p{margin:0}.aar-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:14px;height:90px;margin-bottom:.85rem;animation:1.5s infinite aar-shimmer}@keyframes aar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.aar-search-row{max-width:420px;margin-bottom:1.1rem;position:relative}.aar-search{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.6rem 2.5rem .6rem .9rem;font-size:.88rem;transition:border-color .2s}.aar-search:focus{border-color:#005ea4}.aar-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:.9rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.aar-table-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden}.aar-table{border-collapse:collapse;width:100%;font-size:.87rem}.aar-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.aar-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:.85rem 1rem;font-size:.78rem;font-weight:700}.aar-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.9rem 1rem}.aar-table tbody tr:last-child td{border-bottom:none}.aar-table tbody tr:hover{background:#fafbff}.aar-tbl-student{align-items:center;gap:.75rem;display:flex}.aar-tbl-avatar{color:#fff;background:linear-gradient(135deg,#005ea4,#0077ce);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.aar-tbl-name{color:#1e293b;font-size:.88rem;font-weight:700}.aar-tbl-email{color:#64748b;margin-top:.1rem;font-size:.77rem}.aar-tbl-date{color:#475569;white-space:nowrap;font-size:.8rem}.aar-tbl-aname{color:#1e293b;font-size:.85rem;font-weight:600}.aar-portal-id{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:.2rem .5rem;font-size:.78rem;font-weight:700}.aar-no-doc{color:#94a3b8;font-size:.8rem;font-style:italic}.aar-source-badge{white-space:nowrap;border-radius:20px;padding:.2rem .65rem;font-size:.76rem;font-weight:700}.aar-table-footer{color:#94a3b8;text-align:right;border-top:1px solid #f1f5f9;padding:.75rem 1rem;font-size:.8rem}.aar-overlay{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.aar-preview-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(860px,100%);max-height:92vh;animation:.2s aar-pop;display:flex;overflow:hidden}@keyframes aar-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.aar-preview-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.aar-preview-name{color:#1e293b;margin:0;font-size:1.1rem;font-weight:800}.aar-preview-sub{color:#64748b;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.3rem 0 0;font-size:.82rem;display:flex}.aar-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:.3rem .4rem;font-size:1.1rem}.aar-close:hover{background:#f1f5f9}.aar-preview-body{background:#f8fafc;flex:1;justify-content:center;align-items:center;min-height:380px;padding:1.5rem;display:flex;overflow:auto}.aar-preview-img{border-radius:10px;max-width:100%;max-height:62vh;box-shadow:0 4px 24px #0000002e}.aar-preview-iframe{border:none;border-radius:10px;width:100%;height:62vh}.aar-preview-unknown{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.aar-preview-zip-icon{font-size:3.5rem}.aar-preview-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;padding:1.1rem 1.5rem;display:flex}.aar-reject-modal{background:#fff;border-radius:16px;flex-direction:column;gap:1rem;width:min(500px,100%);padding:1.75rem;animation:.2s aar-pop;display:flex}.aar-reject-title{color:#dc2626;margin:0;font-size:1.1rem;font-weight:800}.aar-reject-sub{color:#475569;margin:0;font-size:.88rem;line-height:1.5}.aar-reject-reasons{flex-wrap:wrap;gap:.5rem;display:flex}.aar-reason-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.aar-reason-chip:hover{color:#dc2626;background:#fff5f5;border-color:#dc2626}.aar-reason-chip--active{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.aar-reject-form{flex-direction:column;gap:.4rem;display:flex}.aar-reject-form label{color:#475569;font-size:.8rem;font-weight:600}.aar-textarea{resize:vertical;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .2s}.aar-textarea:focus{border-color:#dc2626}.aar-reject-actions{justify-content:flex-end;gap:.6rem;display:flex}@media (max-width:768px){.aar-table th:nth-child(4),.aar-table td:nth-child(4),.aar-table th:nth-child(5),.aar-table td:nth-child(5){display:none}}@media (max-width:640px){.aar-page{padding:.75rem}.aar-card{flex-direction:column;align-items:flex-start}.aar-card__thumb{width:100%;height:130px}.aar-header__right{width:100%}.aar-tabs{overflow-x:auto}}.qrs-page{color:#0f172a;background:#f4f7fb;min-height:100vh;padding-bottom:48px;font-family:Outfit,system-ui,sans-serif}.qrs-topbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 36px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0f172a0f}.qrs-brand{align-items:center;gap:14px;display:flex}.qrs-brand-logo{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:flex;box-shadow:0 4px 14px #2563eb59}.qrs-brand-name{color:#0f172a;font-size:16px;font-weight:800;line-height:1.2}.qrs-brand-tag{color:#64748b;font-size:11px;font-weight:500}.qrs-topbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qrs-radius-chip{color:#1d4ed8;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:flex}.qrs-radius-icon{font-size:14px}.qrs-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.qrs-btn-outline{color:#475569;background:#fff;border:1.5px solid #e2e8f0}.qrs-btn-outline:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.qrs-btn-primary{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 14px #2563eb59}.qrs-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.qrs-btn-green{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d}.qrs-btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.qrs-btn-green:hover,.qrs-btn-danger:hover{opacity:.9}.qrs-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.qrs-main{grid-template-columns:1fr 380px;align-items:start;gap:28px;max-width:1160px;margin:32px auto 0;padding:0 36px;display:grid}.qrs-left{flex-direction:column;gap:20px;display:flex}.qrs-hero-card{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);border-radius:24px;flex-direction:column;gap:16px;padding:28px;display:flex;box-shadow:0 8px 32px #2563eb40}.qrs-hero-icon{color:#fff;background:#fff3;border:2px solid #ffffff4d;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;font-weight:900;display:flex}.qrs-hero-text h1{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:900}.qrs-hero-text p{color:#ffffffb3;font-size:13px;font-weight:500}.qrs-live-badge{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.qrs-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;display:inline-block}.qrs-dot-green{background:#10b981}.qrs-info-banner{background:#fff;border:1.5px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #2563eb14}.qrs-info-icon{flex-shrink:0;font-size:22px}.qrs-info-banner strong{color:#1e40af;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.qrs-info-banner span{color:#64748b;font-size:12px;line-height:1.6}.qrs-pills{flex-wrap:wrap;gap:10px;display:flex}.qrs-pill{color:#334155;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000a}.qrs-pill:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.qrs-steps-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000d}.qrs-steps-title{color:#0f172a;margin-bottom:18px;font-size:15px;font-weight:800}.qrs-steps{flex-direction:column;gap:10px;display:flex}.qrs-step{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.qrs-step:hover{background:#eff6ff;border-color:#bfdbfe}.qrs-step-n{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.qrs-step-ico{flex-shrink:0;font-size:18px}.qrs-step-body{flex-direction:column;gap:1px;display:flex}.qrs-step-body strong{color:#0f172a;font-size:13px;font-weight:700}.qrs-step-body span{color:#64748b;font-size:11px;line-height:1.4}.qrs-right{position:sticky;top:90px}.qrs-qr-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:28px;box-shadow:0 8px 40px #0f172a1a}.qrs-qr-label{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:800}.qrs-qr-sub-label{color:#94a3b8;margin-bottom:22px;font-size:12px}.qrs-qr-frame{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:14px;display:inline-block;box-shadow:0 4px 20px #2563eb1a}.qrs-qr-frame img{border-radius:6px;width:280px;height:280px;display:block}.qrs-loading-box{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:280px;height:280px;font-size:13px;display:flex}.qrs-spinner{border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.qrs-qr-status{color:#64748b;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:flex}.qrs-sep{color:#cbd5e1}.qrs-radius-display{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:16px;flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding:16px;display:flex}.qrs-radius-ring{background:#fff;border:3px dashed #2563eb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 0 6px #2563eb14}.qrs-radius-number{color:#1e3a8a;font-size:22px;font-weight:900;line-height:1}.qrs-radius-unit{color:#3b82f6;font-size:10px;font-weight:700}.qrs-radius-label{color:#1d4ed8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.qrs-admin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:1160px;margin:24px 36px 0;padding:24px 36px;box-shadow:0 2px 12px #0000000d}.qrs-admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.qrs-admin-header h3{color:#0f172a;font-size:15px;font-weight:800}.qrs-admin-header p{color:#64748b;margin-top:2px;font-size:12px}.qrs-restricted{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.qrs-msg{border-radius:10px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:700}.qrs-msg.ok{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.qrs-msg.err{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.qrs-admin-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.qrs-field label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.qrs-field input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s}.qrs-field input:focus{background:#fff;border-color:#2563eb;outline:none}.qrs-field input::placeholder{color:#94a3b8}.qrs-admin-actions{flex-wrap:wrap;gap:12px;display:flex}.qrs-footer{text-align:center;color:#94a3b8;margin-top:36px;font-size:12px;font-weight:500}@media (max-width:920px){.qrs-main{grid-template-columns:1fr;padding:0 20px}.qrs-right{position:static}.qrs-topbar{padding:14px 20px}.qrs-admin-panel{margin:20px}.qrs-admin-grid{grid-template-columns:1fr}}.print-only{display:none}@media print{@page{size:A4 portrait;margin:16mm 20mm}.no-print{display:none!important}.print-only{display:block!important}body,.qrs-page{margin:0;padding:0;color:#0f172a!important;background:#fff!important}.qrs-print-sheet{text-align:center;padding:0}.qrs-print-header{border-bottom:2px solid #e2e8f0;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;display:flex}.qrs-print-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;font-weight:900;display:flex;color:#fff!important;background:linear-gradient(135deg,#1e3a8a,#2563eb)!important}.qrs-print-name{font-size:22px;font-weight:900;line-height:1.2;color:#1e3a8a!important}.qrs-print-tagline{font-size:12px;font-weight:500;color:#64748b!important}.qrs-print-qr{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin:0 auto 24px;padding:16px;display:inline-block}.qrs-print-qr img{border-radius:8px;display:block;width:380px!important;height:380px!important}.qrs-print-caption{font-size:14px;line-height:1.8;color:#0f172a!important}.qrs-print-caption strong{margin-bottom:6px;font-size:17px;display:block;color:#1e3a8a!important}.qrs-print-caption p{margin-bottom:4px;font-size:12px;color:#475569!important}.qrs-print-radius{margin-top:8px;font-weight:700;color:#1d4ed8!important}}.admin-fees-page{padding:24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.icon-wrapper{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.bg-green{background:linear-gradient(135deg,#10b981,#059669)}.bg-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bg-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.page-subtitle{color:#64748b;margin-top:4px;font-size:14px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.stat-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.stat-details h3{color:#0f172a;margin:0;font-size:28px;font-weight:700}.stat-details p{color:#64748b;margin:4px 0 0;font-weight:500}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.table-controls{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:16px 20px;display:flex}.search-box{border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;width:320px;padding:8px 16px;display:flex}.search-box input{border:none;outline:none;width:100%;font-size:14px}.search-icon{color:#94a3b8}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:13px;font-weight:600}.data-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:14px}.student-info-cell{flex-direction:column;gap:4px;display:flex}.sname{color:#0f172a;font-weight:600}.semail{color:#64748b;font-size:12px}.fw-600{font-weight:600}.text-blue{color:#2563eb}.text-green{color:#10b981}.text-red{color:#ef4444}.status-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.st-paid{color:#16a34a;background:#dcfce7}.st-pending{color:#dc2626;background:#fee2e2}.st-partial{color:#d97706;background:#fef3c7}.action-btn{cursor:pointer;color:#0f172a;background:#f1f5f9;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.action-btn:hover{background:#e2e8f0}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.secondary-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:520px;max-width:95%;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) modalSlide;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.close-btn:hover{color:#0f172a;background:#e2e8f0}.modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;padding:24px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.form-group{margin-bottom:20px}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:none;height:100px}.modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.fee-summary-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:24px;padding:16px}.fee-summary-box p{color:#1e40af;margin:6px 0;font-size:14px}.due-highlight{border-top:1px dashed #bfdbfe;padding-top:12px;color:#dc2626!important;margin-top:12px!important;font-size:16px!important;font-weight:700!important}.calculation-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:20px;padding:16px;display:flex}.calculation-preview p{color:#166534;margin:0;font-size:14px}.calculation-preview strong{color:#15803d;font-size:18px}.calculation-preview .small{color:#16a34a;opacity:.8;font-size:12px;font-weight:500}.action-group{gap:8px;display:flex}.history-btn{color:#2563eb;background:#eff6ff}.history-btn:hover{background:#dbeafe}.wide-modal{width:650px}.plan-badge{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:8px;margin-bottom:20px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}.history-list{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.history-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.h-top{border-bottom:1px solid #f1f5f9;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;display:flex}.h-date{color:#64748b;font-size:13px;font-weight:600}.h-amount{color:#0f172a;font-weight:700}.h-mode{color:#2563eb;background:#eff6ff;border-radius:12px;padding:2px 8px;font-size:12px}.h-notes{font-size:14px}.h-notes p{color:#334155;margin:0;line-height:1.4}.receipt{color:#94a3b8;margin-top:6px;font-size:11px;display:block}.admin-page{padding:24px}.announcements-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.announcement-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.announcement-card:hover{box-shadow:0 8px 16px -4px #00000014}.acard-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.acard-header h3{color:#0f172a;flex:1;margin:0;font-size:17px}.badge{border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700}.badge-red{color:#dc2626;background:#fee2e2}.acard-content{color:#475569;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.acard-meta{color:#64748b;border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.acard-link a{color:#3b82f6;font-weight:500;text-decoration:none}.acard-link a:hover{text-decoration:underline}.acard-actions{gap:10px;margin-top:8px;display:flex}.role-checkbox-label{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.role-checkbox-label.selected{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.role-checkbox-label:hover{border-color:#93c5fd}.batch-select-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:160px;padding:4px;overflow-y:auto}.batch-checkbox-label{cursor:pointer;border-bottom:1px solid #f8fafc;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .12s;display:flex}.batch-checkbox-label.selected{color:#166534;background:#f0fdf4;font-weight:600}.batch-checkbox-label:hover{background:#f8fafc}.user-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:180px;overflow-y:auto}.user-result-row{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;transition:background .12s;display:flex}.user-result-row:hover{background:#f8fafc}.user-result-row.selected{background:#eff6ff}.user-result-row:last-child{border-bottom:none}.selected-tag{border-radius:14px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag-green{color:#166534;background:#dcfce7;border:1px solid #86efac}.tag-blue{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd}.tag-remove{cursor:pointer;opacity:.7;font-size:14px;line-height:1}.tag-remove:hover{opacity:1}.target-section-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.target-section-box h4{color:#1e293b;margin:0 0 10px;font-size:15px;font-weight:700}.ann-preview-card{background:#fafafa;border:1px solid #e2e8f0;border-left:4px solid #4f46e5;border-radius:10px;padding:16px;box-shadow:0 2px 8px #0000000d}.ann-preview-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.ann-preview-title{color:#0f172a;flex:1;font-size:17px;line-height:1.4}.ann-preview-date{color:#94a3b8;white-space:nowrap;padding-top:2px;font-size:12px}.ann-preview-content{color:#475569;white-space:pre-wrap;word-break:break-word;margin:0 0 12px;font-size:14px;line-height:1.7}.ann-preview-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:12px;display:flex}.ann-preview-link-btn{color:#fff;cursor:default;white-space:nowrap;background:#014aa2;border-radius:5px;padding:5px 14px;font-size:12px;font-weight:500}.pj-page{color:#0f172a;background-color:#f1f5f9;min-height:100vh;padding:30px;font-family:Outfit,sans-serif}.pj-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pj-header-title{color:#1e3a8a;align-items:center;gap:16px;display:flex}.pj-header-title h1{margin:0;font-size:24px;font-weight:700;line-height:1.2}.pj-header-title p{color:#64748b;margin:4px 0 0;font-size:14px}.pj-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 15px #0000000d}.pj-msg{border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 20px;font-weight:500;display:flex}.pj-msg.success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.pj-msg.error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.pj-form{flex-direction:column;gap:32px;display:flex}.pj-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.pj-sec-title{color:#334155;border-bottom:2px solid #e2e8f0;margin:0 0 20px;padding-bottom:10px;font-size:16px;font-weight:600}.pj-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.pj-group{flex-direction:column;gap:8px;display:flex}.pj-group.full{grid-column:1/-1}.pj-group label{color:#475569;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.pj-group input,.pj-group select,.pj-group textarea{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.pj-group input:focus,.pj-group select:focus,.pj-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.pj-group textarea{resize:vertical;min-height:80px}.pj-actions{justify-content:flex-end;margin-top:10px;display:flex}.pj-btn-submit{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 6px #3b82f633}.pj-btn-submit:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.pj-btn-submit:active:not(:disabled){transform:translateY(1px)}.pj-btn-submit:disabled{cursor:not-allowed;box-shadow:none;background-color:#94a3b8}.mj-page{color:#0f172a;background-color:#f1f5f9;min-height:100vh;padding:30px;font-family:Outfit,sans-serif}.mj-header{margin-bottom:24px}.mj-header h1{color:#1e3a8a;margin:0 0 8px;font-size:24px;font-weight:700}.mj-header p{color:#64748b;margin:0}.mj-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.mj-msg{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-weight:500}.mj-msg.success{color:#166534;background:#dcfce7}.mj-msg.error{color:#991b1b;background:#fee2e2}.mj-table-container{overflow-x:auto}.mj-table{border-collapse:collapse;width:100%}.mj-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:13px;font-weight:600}.mj-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:16px;font-size:14px}.mj-title-td strong{color:#0f172a;font-size:15px}.mj-loc{color:#64748b;margin-top:4px;font-size:12px}.mj-type-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.mj-type-badge.FULL_TIME{color:#1e40af;background:#dbeafe}.mj-type-badge.INTERNSHIP{color:#b45309;background:#fef3c7}.mj-type-badge.PART_TIME{color:#4338ca;background:#e0e7ff}.mj-status{font-size:12px;font-weight:600}.mj-status.on{color:#10b981}.mj-status.off{color:#64748b}.mj-btn-applicants{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;transition:all .2s;display:flex}.mj-btn-applicants:hover{background:#dbeafe}.mj-actions{gap:8px;display:flex}.mj-btn-delete{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mj-btn-delete:hover{color:#fff;background:#f87171}.mj-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mj-modal{background:#fff;border-radius:12px;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;display:flex;box-shadow:0 20px 25px -5px #0000001a}.mj-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mj-modal-header h2{color:#0f172a;margin:0;font-size:18px}.mj-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px;transition:all .2s}.mj-close-btn:hover{color:#dc2626}.mj-modal-body{padding:24px;overflow-y:auto}.mj-app-list{flex-direction:column;gap:12px;display:flex}.mj-app-card{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.mj-app-name{color:#0f172a;font-size:15px;font-weight:600}.mj-app-email{color:#64748b;margin-top:4px;font-size:13px}.mj-app-date{color:#94a3b8;margin-top:6px;font-size:12px}.mj-app-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.mj-app-status-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700}.mj-app-controls{gap:6px;display:flex}.mj-app-controls button{cursor:pointer;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:600}.mj-btn-shortlist{background:#3b82f6}.mj-btn-select{background:#10b981}.mj-btn-reject{background:#ef4444}.notifications-page{background:#f8fafc;min-height:100vh;padding:30px}.np-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.np-title-box{align-items:center;gap:15px;display:flex}.np-bell-main{color:#2563eb;background:#fff;border-radius:12px;padding:12px;font-size:36px;box-shadow:0 4px 6px -1px #0000001a}.np-title-box h1{color:#1e293b;margin:0;font-size:24px;font-weight:800}.np-title-box p{color:#64748b;margin:4px 0 0;font-size:14px}.np-header-actions{gap:12px;display:flex}.np-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.np-btn.primary{color:#fff;background:#2563eb}.np-btn.primary:hover:not(:disabled){background:#1d4ed8}.np-btn.primary:disabled{opacity:.5;cursor:not-allowed}.np-btn.secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.np-btn.secondary:hover{background:#f1f5f9}.np-stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.np-stat-card{background:#fff;border-left:4px solid #cbd5e1;border-radius:12px;flex-direction:column;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.np-stat-card.warning{border-left-color:#f59e0b}.np-stat-card.success{border-left-color:#10b981}.np-stat-card.info{border-left-color:#3b82f6}.np-stat-val{color:#1e293b;font-size:24px;font-weight:800}.np-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:600}.np-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.np-toolbar{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.np-filters{gap:8px;display:flex}.np-filter-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.np-filter-btn:hover{background:#f1f5f9}.np-filter-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.np-search-box{flex:1;max-width:300px;position:relative}.np-search-ico{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.np-search-box input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px 8px 36px;font-size:14px;transition:all .2s}.np-search-box input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.np-list-container{min-height:400px;padding:0}.np-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:20px;padding:20px;transition:all .2s;display:flex;position:relative}.np-item:hover{background:#f8fafc}.np-item.unread{background:#f0f7ff}.np-item.unread:before{content:"";background:#2563eb;border-radius:0 4px 4px 0;width:4px;position:absolute;top:15%;bottom:15%;left:0}.np-item.clickable{cursor:pointer}.np-item.clickable:hover{background:#f1f7ff;border-color:#cbd5e1}.np-action-tip{color:#2563eb;opacity:0;margin-top:8px;font-size:11px;font-weight:700;transition:all .3s;display:block;transform:translate(-10px)}.np-item.clickable:hover .np-action-tip{opacity:1;transform:translate(0)}.np-item-icon{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.np-icon.le{color:#ef4444;background:#fee2e2}.np-icon.us{color:#10b981;background:#ecfdf5}.np-icon.qu{color:#0ea5e9;background:#e0f2fe}.np-icon.sy{color:#64748b;background:#f1f5f9}.np-icon.an{color:#7c3aed;background:#ede9fe}.np-stat-card.announce{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border-left:4px solid #7c3aed}.np-stat-card.announce .np-stat-val{color:#7c3aed}.np-stat-card.announce .np-stat-lbl{color:#6d28d9}.np-item-body{flex:1}.np-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.np-type-tag{text-transform:uppercase;letter-spacing:1px;color:#4a5568;background:#edf2f7;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.np-date{color:#94a3b8;font-size:11px;font-weight:500}.np-message{color:#334155;margin:0;font-size:14px;font-weight:500;line-height:1.5}.np-item-actions{opacity:.2;gap:8px;transition:opacity .2s;display:flex}.np-item:hover .np-item-actions{opacity:1}.np-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.np-action-btn.read{color:#059669;background:#ecfdf5}.np-action-btn.read:hover{color:#fff;background:#10b981}.np-action-btn.delete{color:#e11d48;background:#fff1f2}.np-action-btn.delete:hover{color:#fff;background:#e11d48}.np-empty,.np-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.np-ghost-ico{color:#e2e8f0;margin-bottom:20px;font-size:64px}.np-empty h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.np-empty p{color:#64748b;margin:10px 0 0;font-size:14px}.np-loading .np-spinner{border:3px solid #f1f5f9;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s linear infinite npSpin}@keyframes npSpin{to{transform:rotate(360deg)}}@media (max-width:768px){.np-header{flex-direction:column;align-items:flex-start;gap:20px}.np-header-actions{width:100%}.np-btn{flex:1;justify-content:center}.np-toolbar{flex-direction:column;align-items:flex-start}.np-search-box{width:100%;max-width:none}}.vp-container{max-width:900px;margin:0 auto;padding:24px 20px 48px;font-family:inherit}.vp-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.vp-header-left{align-items:center;gap:14px;display:flex}.vp-header-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vp-title{color:#1e293b;margin:0 0 2px;font-size:1.4rem;font-weight:700;line-height:1.2}.vp-subtitle{color:#64748b;margin:0;font-size:.82rem}.vp-header-right{gap:8px;display:flex}.vp-refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.vp-refresh-btn:hover{color:#334155;background:#f1f5f9}@keyframes vp-spin-anim{to{transform:rotate(360deg)}}.vp-spin{animation:.8s linear infinite vp-spin-anim}.vp-week-nav{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;display:flex}.vp-nav-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .18s;display:flex}.vp-nav-btn:hover:not(:disabled){color:#1e293b;background:#e2e8f0}.vp-week-label{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.vp-week-badge{color:#475569;background:#e2e8f0;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600}.vp-week-badge--current{color:#1d4ed8;background:#dbeafe}.vp-total-badge{color:#94a3b8;font-size:.78rem}.vp-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.vp-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.vp-tab:hover{color:#334155;background:#e2e8f0}.vp-tab--active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.vp-tab-count{color:#475569;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:inline-flex}.vp-tab--active .vp-tab-count{color:#1d4ed8;background:#dbeafe}.vp-list{flex-direction:column;gap:10px;display:flex}.vp-card{background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:12px;padding:14px 16px;transition:box-shadow .18s}.vp-card:hover{box-shadow:0 2px 10px #00000012}.vp-card--orange{border-left-color:#f59e0b}.vp-card--red{border-left-color:#ef4444}.vp-card--purple{border-left-color:#8b5cf6}.vp-card--blue{border-left-color:#3b82f6}.vp-card--grey{border-left-color:#94a3b8}.vp-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.vp-card-identity{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vp-name{color:#1e293b;font-size:.92rem;font-weight:600}.vp-portal-id{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:.75rem}.vp-role-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700}.vp-role-tag--student{color:#1d4ed8;background:#dbeafe}.vp-role-tag--trainer{color:#166534;background:#dcfce7}.vp-role-tag--admin{color:#92400e;background:#fef3c7}.vp-role-tag--marketer{color:#9d174d;background:#fce7f3}.vp-role-tag--counselor{color:#5b21b6;background:#ede9fe}.vp-card-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.vp-badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:.72rem;font-weight:700}.vp-badge--orange{color:#92400e;background:#fef3c7}.vp-badge--red{color:#991b1b;background:#fee2e2}.vp-badge--purple{color:#5b21b6;background:#ede9fe}.vp-badge--blue{color:#1e40af;background:#dbeafe}.vp-badge--grey{color:#475569;background:#f1f5f9}.vp-date{color:#94a3b8;white-space:nowrap;font-size:.75rem}.vp-desc{color:#64748b;margin:8px 0 0;font-size:.8rem;line-height:1.5}.vp-empty{text-align:center;color:#94a3b8;padding:60px 20px}.vp-empty-icon{margin-bottom:12px;font-size:2.5rem;display:block}.vp-empty p{margin:0;font-size:.9rem}.vp-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;font-size:.88rem;display:flex}.vp-retry-btn{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;margin-left:auto;padding:5px 12px;font-size:.8rem}.vp-skeleton-list{flex-direction:column;gap:10px;display:flex}.vp-skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400% 100%;border-radius:12px;height:72px;animation:1.3s infinite vp-shimmer}@keyframes vp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.vp-legend{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:16px;display:flex}.vp-legend-item{border-radius:20px;padding:3px 9px;font-size:.72rem;font-weight:700}@media (max-width:600px){.vp-container{padding:16px 12px 40px}.vp-week-nav{flex-direction:column;gap:8px}.vp-nav-btn{justify-content:center;width:100%}.vp-week-label{flex-direction:column;gap:4px}.vp-card-top{flex-direction:column;gap:8px}.vp-card-right{flex-wrap:wrap}.vp-tabs{flex-direction:column}.vp-header{flex-wrap:wrap}}.mkd-page{background:#f8fafc;min-height:100vh}.mkd-hero{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#9333ea 60%,#a855f7 100%);padding:2rem 0}.mkd-hero__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.mkd-chip{letter-spacing:.05em;text-transform:uppercase;background:#fff3;border:1px solid #ffffff59;border-radius:20px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.mkd-hero__name{margin:0 0 .25rem;font-size:2rem;font-weight:800}.mkd-hero__sub{opacity:.85;margin:0;font-size:.95rem}.mkd-clock{text-align:right}.mkd-clock__time{letter-spacing:.05em;font-size:2rem;font-weight:800}.mkd-clock__date{opacity:.8;margin-top:.25rem;font-size:.85rem}.mkd-content{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:flex}.mkd-attendance{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.mkd-kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.mkd-kpi{border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s;display:flex;box-shadow:0 2px 12px #0000000f}.mkd-kpi:hover{transform:translateY(-2px)}.mkd-kpi__icon{font-size:1.75rem}.mkd-kpi__val{font-size:2rem;font-weight:800;line-height:1;display:block}.mkd-kpi__label{opacity:.75;margin-top:.2rem;font-size:.78rem;font-weight:500;display:block}.mkd-kpi--blue{background:#eff6ff;border-left:4px solid #3b82f6}.mkd-kpi--green{background:#f0fdf4;border-left:4px solid #10b981}.mkd-kpi--purple{background:#f5f3ff;border-left:4px solid #8b5cf6}.mkd-kpi--orange{background:#fff7ed;border-left:4px solid #f59e0b}.mkd-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.mkd-card__title{color:#1e293b;margin:0 0 1.25rem;font-size:1.1rem;font-weight:700}.mkd-card__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.mkd-card__header .mkd-card__title{margin-bottom:0}.mkd-view-all{color:#7c3aed;font-size:.85rem;font-weight:600;text-decoration:none}.mkd-view-all:hover{text-decoration:underline}.mkd-two-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.mkd-funnel{flex-direction:column;gap:.6rem;display:flex}.mkd-funnel-row{align-items:center;gap:.75rem;display:flex}.mkd-funnel-label{color:#475569;flex-shrink:0;width:90px;font-size:.8rem;font-weight:600}.mkd-funnel-bar-wrap{background:#f1f5f9;border-radius:8px;flex:1;height:12px;overflow:hidden}.mkd-funnel-bar{border-radius:8px;min-width:4px;height:100%;transition:width .5s}.mkd-funnel-count{text-align:right;width:30px;font-size:.85rem;font-weight:700}.mkd-sources{flex-direction:column;gap:.75rem;display:flex}.mkd-source-row{align-items:center;gap:.75rem;display:flex}.mkd-source-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.35rem}.mkd-source-body{flex:1}.mkd-source-top{justify-content:space-between;margin-bottom:.25rem;display:flex}.mkd-source-name{color:#1e293b;font-size:.83rem;font-weight:600}.mkd-source-cnt{color:#64748b;font-size:.78rem;font-weight:500}.mkd-source-bar-wrap{background:#f1f5f9;border-radius:6px;height:6px;overflow:hidden}.mkd-source-bar{background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:6px;height:100%;transition:width .5s}.mkd-counselor-table{flex-direction:column;gap:.5rem;display:flex}.mkd-ct-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f1f5f9;grid-template-columns:2fr 1fr 1fr 2fr;padding:0 .75rem .5rem;font-size:.72rem;font-weight:700;display:grid}.mkd-ct-row{border-radius:10px;grid-template-columns:2fr 1fr 1fr 2fr;align-items:center;padding:.65rem .75rem;transition:background .15s;display:grid}.mkd-ct-row:hover{background:#f8fafc}.mkd-ct-name{color:#1e293b;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:flex}.mkd-ct-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.mkd-ct-num{color:#475569;font-size:.88rem;font-weight:600}.mkd-ct-rate{color:#7c3aed;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.mkd-ct-bar-wrap{background:#f1f5f9;border-radius:6px;flex:1;height:6px;overflow:hidden}.mkd-ct-bar{background:linear-gradient(90deg,#7c3aed,#10b981);border-radius:6px;height:100%}.mkd-campaign-list{flex-direction:column;gap:.6rem;display:flex}.mkd-campaign-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.mkd-campaign-icon{text-align:center;flex-shrink:0;width:36px;font-size:1.5rem}.mkd-campaign-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.mkd-campaign-name{color:#1e293b;font-size:.9rem;font-weight:600}.mkd-campaign-meta{color:#64748b;font-size:.78rem}.mkd-campaign-status{border-radius:12px;flex-shrink:0;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.mkd-cs--active{color:#059669;background:#d1fae5}.mkd-cs--paused{color:#d97706;background:#fef3c7}.mkd-cs--ended{color:#64748b;background:#f1f5f9}.mkd-cs--draft{color:#3b82f6;background:#eff6ff}.mkd-empty-sm{text-align:center;color:#64748b;padding:1.5rem;font-size:.88rem}.mkd-link{color:#7c3aed;font-weight:600;text-decoration:none}.mkd-link:hover{text-decoration:underline}.mkd-skeleton-list{flex-direction:column;gap:.6rem;display:flex}.mkd-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite mkd-shimmer}@keyframes mkd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.mkd-kpi-row{grid-template-columns:repeat(2,1fr)}.mkd-two-col{grid-template-columns:1fr}}@media (max-width:600px){.mkd-kpi-row{grid-template-columns:repeat(2,1fr)}.mkd-hero__inner{flex-direction:column}.mkd-clock{text-align:left}.mkd-ct-header,.mkd-ct-row{grid-template-columns:1.5fr 1fr 1fr 1.5fr}}.mklead-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem}.mklead-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.mklead-header__left{align-items:center;gap:1rem;display:flex}.mklead-header__icon{background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.mklead-header__title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.mklead-header__sub{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.mklead-header__actions{flex-wrap:wrap;gap:.6rem;display:flex}.mklead-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s}.mklead-btn--primary{color:#fff;background:#7c3aed}.mklead-btn--primary:hover{background:#6d28d9}.mklead-btn--secondary{color:#475569;background:#f1f5f9}.mklead-btn--secondary:hover{background:#e2e8f0}.mklead-btn--ghost{color:#64748b;background:0 0;border:1.5px solid #e2e8f0}.mklead-btn--ghost:hover{background:#f1f5f9}.mklead-btn--sm{padding:.3rem .7rem;font-size:.78rem}.mklead-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.mklead-tab{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.mklead-tab:hover{color:#7c3aed;border-color:#7c3aed}.mklead-tab.active{color:#7c3aed;background:#f5f3ff;border-color:#7c3aed}.mklead-tab-cnt{color:#64748b;background:#f1f5f9;border-radius:10px;padding:.05rem .35rem;font-size:.7rem}.mklead-tab.active .mklead-tab-cnt{color:inherit;background:#7c3aed26}.mklead-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.mklead-search-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:.5rem;min-width:220px;padding:0 .85rem;display:flex;position:relative}.mklead-search{background:0 0;border:none;outline:none;width:100%;padding:.6rem 0;font-size:.88rem}.mklead-select{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.5rem .85rem;font-size:.85rem}.mklead-select--sm{border-radius:8px;padding:.35rem .6rem;font-size:.78rem}.mklead-bulk-bar{color:#6d28d9;background:#f5f3ff;border:1.5px solid #8b5cf6;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;display:flex}.mklead-msg{border-radius:8px;margin-bottom:1rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600}.mklead-msg--ok{color:#059669;background:#d1fae5}.mklead-msg--err{color:#dc2626;background:#fee2e2}.mklead-table-wrap{background:#fff;border-radius:16px;overflow:auto;box-shadow:0 2px 12px #0000000f}.mklead-table{border-collapse:collapse;width:100%;font-size:.85rem}.mklead-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.72rem;font-weight:700}.mklead-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.mklead-table tr:last-child td{border-bottom:none}.mklead-table tr:hover td{background:#fafbff}.mklead-tr--selected td{background:#f5f3ff!important}.mklead-name-cell{align-items:center;gap:.65rem;display:flex}.mklead-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.mklead-name{color:#1e293b;white-space:nowrap;font-weight:700}.mklead-email{color:#94a3b8;font-size:.75rem}.mklead-phone{color:#0284c7;white-space:nowrap;font-size:.83rem;text-decoration:none}.mklead-phone:hover{text-decoration:underline}.mklead-wa-link{color:#059669;margin-top:.2rem;font-size:.75rem;text-decoration:none;display:block}.mklead-course{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.mklead-source-tag{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:8px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.mklead-status-badge{white-space:nowrap;border-radius:12px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.mklead-counselor{color:#7c3aed;font-size:.83rem;font-weight:600}.mklead-assign-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px dashed #cbd5e1;border-radius:8px;padding:.25rem .6rem;font-size:.75rem;transition:all .15s}.mklead-assign-btn:hover{color:#7c3aed;border-color:#7c3aed}.mklead-assign-popup{align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.mklead-followup{white-space:nowrap;font-size:.78rem;font-weight:600}.mklead-followup.overdue{color:#dc2626}.mklead-followup.today{color:#059669}.mklead-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:.75rem;padding:4rem;font-size:1rem;display:flex}.mklead-skeleton-list{flex-direction:column;gap:.5rem;display:flex}.mklead-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;height:56px;animation:1.5s infinite mkl-shimmer}@keyframes mkl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mklead-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mklead-modal{background:#fff;border-radius:20px;flex-direction:column;gap:1.25rem;width:min(700px,100%);max-height:90vh;padding:1.75rem;animation:.2s mkl-pop;display:flex;overflow-y:auto}@keyframes mkl-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.mklead-modal__header{justify-content:space-between;align-items:center;display:flex}.mklead-modal__header h2{color:#1e293b;margin:0;font-size:1.2rem;font-weight:800}.mklead-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:.25rem;font-size:1.1rem}.mklead-close:hover{background:#f1f5f9}.mklead-form{flex-direction:column;gap:.85rem;display:flex}.mklead-form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.mklead-form-group{flex-direction:column;gap:.35rem;display:flex}.mklead-form-group--full{grid-column:1/-1}.mklead-form-group label{color:#475569;font-size:.8rem;font-weight:600}.mklead-form-group input,.mklead-form-group select,.mklead-form-group textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s}.mklead-form-group input:focus,.mklead-form-group select:focus,.mklead-form-group textarea:focus{border-color:#7c3aed}.mklead-form-group textarea{resize:vertical}.mklead-modal__actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.6rem;padding-top:.5rem;display:flex}@media (max-width:768px){.mklead-page{padding:1rem}.mklead-form-row{grid-template-columns:1fr}.mklead-table-wrap{border-radius:12px}.mklead-table th,.mklead-table td{padding:.6rem .75rem}}.mkc-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem}.mkc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.mkc-header__left{align-items:center;gap:1rem;display:flex}.mkc-header__icon{background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.mkc-header__title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.mkc-header__sub{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.mkc-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s}.mkc-btn--primary{color:#fff;background:#7c3aed}.mkc-btn--primary:hover{background:#6d28d9}.mkc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.mkc-btn--ghost{color:#64748b;background:0 0;border:1.5px solid #e2e8f0}.mkc-btn--ghost:hover{background:#f1f5f9}.mkc-btn--danger{color:#dc2626;background:#fff5f5;border:1.5px solid #fca5a5}.mkc-btn--danger:hover{background:#fee2e2}.mkc-btn--sm{padding:.3rem .7rem;font-size:.78rem}.mkc-summary{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.mkc-sum-card{border-radius:16px;align-items:center;gap:.85rem;padding:1.1rem 1.25rem;display:flex;box-shadow:0 2px 10px #0000000d}.mkc-sum-icon{font-size:1.6rem}.mkc-sum-val{font-size:1.75rem;font-weight:800;line-height:1;display:block}.mkc-sum-label{opacity:.7;margin-top:.15rem;font-size:.75rem;font-weight:500;display:block}.mkc-sum-card--blue{background:#eff6ff;border-left:4px solid #3b82f6}.mkc-sum-card--green{background:#f0fdf4;border-left:4px solid #10b981}.mkc-sum-card--purple{background:#f5f3ff;border-left:4px solid #8b5cf6}.mkc-sum-card--orange{background:#fff7ed;border-left:4px solid #f59e0b}.mkc-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.mkc-filter-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;transition:all .15s}.mkc-filter-btn:hover{color:#7c3aed;border-color:#7c3aed}.mkc-filter-btn.active{color:#7c3aed;background:#f5f3ff;border-color:#7c3aed}.mkc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.mkc-card{background:#fff;border-radius:16px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 12px #00000012}.mkc-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.mkc-card__header{justify-content:space-between;align-items:center;display:flex}.mkc-card__channel{border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:flex}.mkc-card__status{border-radius:12px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.mkc-card__name{color:#1e293b;margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}.mkc-card__desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.mkc-card__stats{flex-wrap:wrap;gap:1rem;display:flex}.mkc-stat{flex-direction:column;gap:.1rem;display:flex}.mkc-stat__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.mkc-stat__val{color:#1e293b;font-size:1.1rem;font-weight:800}.mkc-progress-wrap{background:#f1f5f9;border-radius:8px;height:8px;position:relative;overflow:visible}.mkc-progress-bar{border-radius:8px;height:100%;transition:width .5s}.mkc-progress-pct{color:#64748b;font-size:.7rem;font-weight:700;position:absolute;top:-18px;right:0}.mkc-dates{color:#64748b;flex-wrap:wrap;gap:.5rem;font-size:.78rem;display:flex}.mkc-card__actions{border-top:1px solid #f1f5f9;gap:.5rem;padding-top:.5rem;display:flex}.mkc-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:1rem;padding:4rem;display:flex}.mkc-empty span{font-size:3rem}.mkc-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;height:220px;animation:1.5s infinite mkc-shimmer}@keyframes mkc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mkc-msg{border-radius:8px;margin-bottom:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600}.mkc-msg--ok{color:#059669;background:#d1fae5}.mkc-msg--err{color:#dc2626;background:#fee2e2}.mkc-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mkc-modal{background:#fff;border-radius:20px;flex-direction:column;gap:1.1rem;width:min(680px,100%);max-height:90vh;padding:1.75rem;animation:.2s mkc-pop;display:flex;overflow-y:auto}@keyframes mkc-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.mkc-modal__header{justify-content:space-between;align-items:center;display:flex}.mkc-modal__header h2{color:#1e293b;margin:0;font-size:1.2rem;font-weight:800}.mkc-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:.25rem;font-size:1.1rem}.mkc-close:hover{background:#f1f5f9}.mkc-form{flex-direction:column;gap:.85rem;display:flex}.mkc-form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.mkc-form-group{flex-direction:column;gap:.35rem;display:flex}.mkc-form-group--full{grid-column:1/-1}.mkc-form-group label{color:#475569;font-size:.8rem;font-weight:600}.mkc-form-group input,.mkc-form-group select,.mkc-form-group textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s}.mkc-form-group input:focus,.mkc-form-group select:focus,.mkc-form-group textarea:focus{border-color:#7c3aed}.mkc-form-group textarea{resize:vertical}.mkc-channel-grid{flex-wrap:wrap;gap:.4rem;display:flex}.mkc-channel-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.mkc-channel-btn:hover{border-color:#7c3aed}.mkc-modal__actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.6rem;padding-top:.5rem;display:flex}@media (max-width:900px){.mkc-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.mkc-page{padding:1rem}.mkc-summary{grid-template-columns:repeat(2,1fr)}.mkc-grid,.mkc-form-row{grid-template-columns:1fr}}.mp-page{background:linear-gradient(135deg,#fffbeb 0%,#faf5f0 100%);min-height:100vh;padding-bottom:60px;font-family:Inter,sans-serif}.mp-loader{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.mp-spinner{border:4px solid #fef3c7;border-top-color:#f59e0b;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:.8s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-hero{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);align-items:flex-end;height:280px;margin-bottom:80px;padding:40px;display:flex;position:relative;overflow:hidden}.mp-hero__orb{opacity:.15;z-index:0;border-radius:50%;position:absolute}.mp-hero__orb--1{background:#fff;width:400px;height:400px;top:-100px;left:-100px}.mp-hero__orb--2{background:#fff;width:300px;height:300px;bottom:-50px;right:-50px}.mp-hero__inner{z-index:2;align-items:flex-end;gap:30px;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.mp-hero__avatar-wrap{position:relative}.mp-hero__avatar-frame{cursor:default;background:#fffbeb;border:5px solid #fff;border-radius:20px;width:140px;height:140px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #00000026}.mp-hero__avatar-frame--edit{cursor:pointer}.mp-hero__avatar-frame--edit:hover{transform:scale(1.05)}.mp-hero__avatar-img{object-fit:cover;width:100%;height:100%}.mp-hero__avatar-overlay{color:#fff;background:#00000080;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.mp-hero__info{color:#fff;flex:1;padding-bottom:10px}.mp-hero__role-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:10px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.mp-hero__name{text-shadow:0 2px 4px #0000001a;margin:0 0 8px;font-size:32px;font-weight:800}.mp-hero__ids{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.mp-hero__email{margin:0;font-size:14px;font-weight:500}.mp-hero__student-id{opacity:.9;margin:0;font-size:13px}.mp-hero__meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mp-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.mp-chip--amber{background:#d977064d}.mp-chip--orange{background:#f59e0b4d}.mp-chip--green{background:#10b9814d}.mp-body{max-width:1200px;margin:0 auto;padding:0 20px}.mp-action-bar{border-bottom:1px solid #fef3c7;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 0 20px;display:flex}.mp-action-bar__left h2{color:#d97706;margin:0 0 6px;font-size:24px;font-weight:700}.mp-action-bar__sub{color:#f59e0b;margin:0;font-size:14px;font-weight:500}.mp-action-bar__right{gap:12px;display:flex}.mp-cards{gap:24px;display:grid}.mp-card{background:#fff;border:1px solid #fef3c7;border-radius:14px;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #f59e0b14}.mp-card:hover{border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b1f}.mp-card--full{grid-column:1/-1}.mp-card__header{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-bottom:1px solid #fef3c7;align-items:center;gap:14px;padding:20px 24px;display:flex}.mp-card__icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.mp-card__icon--amber{color:#d97706;background:#d977061a}.mp-card__icon--orange{color:#f59e0b;background:#f59e0b1a}.mp-card__icon--green{color:#059669;background:#10b9811a}.mp-card__title{color:#d97706;margin:0;font-size:16px;font-weight:700}.mp-card__body{padding:24px}.mp-grid{gap:20px;display:grid}.mp-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mp-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mp-field{flex-direction:column;gap:8px;display:flex}.mp-field--full{grid-column:1/-1}.mp-label{color:#d97706;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:700}.mp-input,.mp-textarea,.mp-select{color:#d97706;background:#fff;border:1.5px solid #fef3c7;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.mp-input:focus,.mp-textarea:focus,.mp-select:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 4px #f59e0b1a}.mp-input--readonly{color:#f59e0b;cursor:not-allowed;background:#fffbeb}.mp-input:disabled,.mp-textarea:disabled,.mp-select:disabled{cursor:not-allowed;opacity:.7;background:#fffbeb}.mp-textarea{resize:none;min-height:100px;font-family:Inter,sans-serif}.mp-select{cursor:pointer}.mp-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.mp-btn--edit{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);box-shadow:0 4px 12px #f59e0b33}.mp-btn--edit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}.mp-btn--save{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);box-shadow:0 4px 12px #f59e0b33}.mp-btn--save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}.mp-btn--save:disabled{opacity:.6;cursor:not-allowed}.mp-btn--cancel{color:#f59e0b;background:#fff;border:1.5px solid #fef3c7}.mp-btn--cancel:hover:not(:disabled){background:#fffbeb;border-color:#f59e0b}.mp-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite mp-spin}.mp-toast{color:#fff;z-index:9999;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ease-out mp-slide-in,.3s ease-out 3.2s forwards mp-slide-out;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.mp-toast--success{background:#10b981}.mp-toast--error{background:#ef4444}@keyframes mp-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes mp-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:768px){.mp-hero{height:240px;margin-bottom:120px;padding:30px 20px}.mp-hero__inner{text-align:center;flex-direction:column;align-items:center;gap:20px}.mp-action-bar{flex-direction:column;align-items:flex-start;gap:16px}.mp-card__title{font-size:15px}.mp-grid--2,.mp-grid--3{grid-template-columns:1fr}}.crd-page{background:#f8fafc;min-height:100vh}.crd-hero{color:#fff;background:linear-gradient(135deg,#005ea4 0%,#0077ce 60%,#00a8ff 100%);padding:2rem 0}.crd-hero__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.crd-chip{letter-spacing:.05em;text-transform:uppercase;background:#fff3;border:1px solid #ffffff59;border-radius:20px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.crd-hero__name{margin:0 0 .25rem;font-size:2rem;font-weight:800;line-height:1.2}.crd-hero__sub{opacity:.85;margin:0;font-size:.95rem}.crd-clock{text-align:right}.crd-clock__time{letter-spacing:.05em;font-size:2rem;font-weight:800;line-height:1}.crd-clock__date{opacity:.8;margin-top:.25rem;font-size:.85rem}.crd-content{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:flex}.crd-attendance{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.crd-kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.crd-kpi{border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s;display:flex;box-shadow:0 2px 12px #0000000f}.crd-kpi:hover{transform:translateY(-2px)}.crd-kpi__icon{font-size:1.75rem}.crd-kpi__val{font-size:2rem;font-weight:800;line-height:1;display:block}.crd-kpi__label{opacity:.75;margin-top:.2rem;font-size:.78rem;font-weight:500;display:block}.crd-kpi--blue{background:#eff6ff;border-left:4px solid #3b82f6}.crd-kpi--green{background:#f0fdf4;border-left:4px solid #10b981}.crd-kpi--purple{background:#f5f3ff;border-left:4px solid #8b5cf6}.crd-kpi--orange{background:#fff7ed;border-left:4px solid #f59e0b}.crd-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.crd-section__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.crd-section__title{color:#1e293b;margin:0 0 1.25rem;font-size:1.1rem;font-weight:700}.crd-section__header .crd-section__title{margin-bottom:0}.crd-badge{border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.crd-badge--red{color:#dc2626;background:#fee2e2}.crd-pipeline{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}.crd-stage{text-align:center;cursor:default;border-radius:12px;padding:1rem .75rem;transition:transform .2s}.crd-stage:hover{transform:translateY(-3px)}.crd-stage__count{font-size:1.75rem;font-weight:800;display:block}.crd-stage__label{opacity:.75;margin-top:.25rem;font-size:.73rem;font-weight:600;display:block}.crd-followup-list{flex-direction:column;gap:.75rem;display:flex}.crd-followup-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:box-shadow .2s;display:flex}.crd-followup-card:hover{border-color:#005ea4;box-shadow:0 4px 16px #005ea41a}.crd-fc__left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.crd-fc__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex}.crd-fc__info{min-width:0}.crd-fc__name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:1rem;font-weight:700;overflow:hidden}.crd-fc__course{color:#64748b;margin:0 0 .4rem;font-size:.8rem}.crd-fc__meta{align-items:center;gap:.6rem;display:flex}.crd-status{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.crd-status--new{color:#6366f1;background:#eef2ff}.crd-status--contacted{color:#0284c7;background:#e0f2fe}.crd-status--interested{color:#d97706;background:#fef3c7}.crd-status--demo-booked{color:#7c3aed;background:#f5f3ff}.crd-status--enrolled{color:#059669;background:#d1fae5}.crd-status--lost{color:#dc2626;background:#fee2e2}.crd-status--not-interested{color:#64748b;background:#f1f5f9}.crd-priority{font-size:.78rem;font-weight:600}.crd-fc__actions{flex-shrink:0;gap:.5rem;display:flex}.crd-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.crd-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.crd-action-btn--call{background:#dcfce7}.crd-action-btn--wa{background:#d1fae5}.crd-action-btn--view{color:#3b82f6;background:#eff6ff;font-size:.95rem;font-weight:700}.crd-empty{text-align:center;color:#64748b;padding:2rem}.crd-empty__icon{margin-bottom:.5rem;font-size:2rem;display:block}.crd-skeleton-list{flex-direction:column;gap:.75rem;display:flex}.crd-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:12px;height:72px;animation:1.5s infinite crd-shimmer}@keyframes crd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.crd-tips{color:#fff;background:linear-gradient(135deg,#005ea4 0%,#0077ce 100%);border-radius:16px;padding:1.5rem}.crd-tips__title{margin:0 0 1rem;font-size:1rem;font-weight:700}.crd-tips__list{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.crd-tip{background:#ffffff1f;border-radius:10px;padding:.75rem 1rem;font-size:.85rem;line-height:1.4}@media (max-width:900px){.crd-kpi-row{grid-template-columns:repeat(2,1fr)}.crd-pipeline{grid-template-columns:repeat(3,1fr)}.crd-tips__list{grid-template-columns:1fr}}@media (max-width:600px){.crd-kpi-row,.crd-pipeline{grid-template-columns:repeat(2,1fr)}.crd-hero__inner{flex-direction:column}.crd-clock{text-align:left}}.crl-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem}.crl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.crl-header__left{align-items:center;gap:1rem;display:flex}.crl-header__icon{background:linear-gradient(135deg,#005ea4,#0077ce);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.crl-header__title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.crl-header__sub{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.crl-total-badge{color:#3b82f6;background:#eff6ff;border-radius:20px;padding:.35rem .85rem;font-size:.85rem;font-weight:700}.crl-filters{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.crl-search-wrap{position:relative}.crl-search-icon{font-size:1rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.crl-search{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem .65rem 2.4rem;font-size:.9rem;transition:border-color .2s}.crl-search:focus{border-color:#005ea4}.crl-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.crl-tab{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.crl-tab:hover{color:#005ea4;border-color:#005ea4}.crl-tab.active{color:#005ea4;background:#eff6ff;border-color:#005ea4}.crl-tab-count{color:#475569;background:#e2e8f0;border-radius:10px;padding:.05rem .4rem;font-size:.72rem}.crl-tab.active .crl-tab-count{color:inherit;background:#005ea426}.crl-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.crl-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.crl-card:hover{border-color:#005ea4;transform:translateY(-2px);box-shadow:0 4px 20px #005ea41f}.crl-card--overdue{background:#fff5f5;border-color:#fca5a5!important}.crl-card--today{background:#f0fdf4;border-color:#86efac!important}.crl-card__top{justify-content:space-between;align-items:center;display:flex}.crl-card__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.crl-stage-pill{border-radius:12px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.crl-card__body{flex:1}.crl-card__name{color:#1e293b;margin:0 0 .25rem;font-size:1rem;font-weight:700}.crl-card__course{color:#64748b;margin:0 0 .25rem;font-size:.8rem}.crl-card__phone{color:#475569;margin:0;font-size:.82rem}.crl-card__meta{justify-content:space-between;align-items:center;display:flex}.crl-priority-dot{font-size:.78rem;font-weight:600}.crl-followup-tag{color:#64748b;background:#f1f5f9;border-radius:8px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.crl-followup-tag.overdue{color:#dc2626;background:#fee2e2}.crl-followup-tag.today{color:#059669;background:#d1fae5}.crl-card__actions{border-top:1px solid #f1f5f9;gap:.5rem;padding-top:.5rem;display:flex}.crl-quick-btn{text-align:center;border-radius:8px;flex:1;padding:.4rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:opacity .15s}.crl-quick-btn:hover{opacity:.8}.crl-quick-btn--call{color:#16a34a;background:#dcfce7}.crl-quick-btn--wa{color:#059669;background:#d1fae5}.crl-empty{text-align:center;color:#64748b;padding:4rem 2rem}.crl-empty__icon{margin-bottom:.75rem;font-size:3rem;display:block}.crl-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;height:190px;animation:1.5s infinite crl-shimmer}@keyframes crl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.crl-overlay{z-index:1000;background:#0f172a80;justify-content:flex-end;animation:.2s crl-fade-in;display:flex;position:fixed;inset:0}@keyframes crl-fade-in{0%{opacity:0}to{opacity:1}}.crl-drawer{background:#fff;flex-direction:column;gap:1rem;width:min(520px,100vw);height:100vh;padding:1.5rem;animation:.25s crl-slide-in;display:flex;overflow-y:auto}@keyframes crl-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.crl-drawer__header{justify-content:space-between;align-items:flex-start;display:flex}.crl-drawer__name{color:#1e293b;margin:0;font-size:1.35rem;font-weight:800}.crl-drawer__sub{color:#64748b;margin:.25rem 0 0;font-size:.85rem}.crl-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:.25rem;font-size:1.25rem}.crl-close:hover{background:#f1f5f9}.crl-drawer__contact{flex-wrap:wrap;gap:.5rem;display:flex}.crl-contact-btn{border-radius:8px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.83rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.crl-contact-btn:hover{opacity:.8}.crl-contact-btn--call{color:#16a34a;background:#dcfce7}.crl-contact-btn--wa{color:#059669;background:#d1fae5}.crl-contact-btn--email{color:#3b82f6;background:#eff6ff}.crl-drawer__info{background:#f8fafc;border-radius:12px;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem;display:grid}.crl-info-item{flex-direction:column;gap:.15rem;display:flex}.crl-info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.crl-info-val{color:#1e293b;font-size:.88rem;font-weight:600}.crl-msg{border-radius:8px;padding:.6rem 1rem;font-size:.85rem;font-weight:600}.crl-msg--ok{color:#059669;background:#d1fae5}.crl-msg--err{color:#dc2626;background:#fee2e2}.crl-drawer__tabs{border-bottom:2px solid #f1f5f9;gap:.5rem;display:flex}.crl-dtab{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.crl-dtab:hover{color:#005ea4}.crl-dtab.active{color:#005ea4;border-bottom-color:#005ea4}.crl-drawer__tab-content{flex-direction:column;gap:.85rem;display:flex}.crl-tab-hint{color:#64748b;margin:0;font-size:.85rem}.crl-note-form{flex-direction:column;gap:.6rem;display:flex}.crl-textarea{resize:vertical;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:.88rem}.crl-textarea:focus{border-color:#005ea4}.crl-note-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.crl-select,.crl-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.85rem}.crl-select:focus,.crl-input:focus{border-color:#005ea4}.crl-input--full{box-sizing:border-box;width:100%}.crl-btn{cursor:pointer;border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .15s}.crl-btn--primary{color:#fff;background:#005ea4}.crl-btn--primary:hover{background:#0077ce}.crl-btn--primary:disabled{opacity:.6;cursor:not-allowed}.crl-btn--full{width:100%}.crl-notes-history{flex-direction:column;gap:.6rem;max-height:280px;display:flex;overflow-y:auto}.crl-no-notes{text-align:center;color:#94a3b8;padding:1.5rem;font-size:.85rem}.crl-note-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem}.crl-note-item__header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.crl-note-outcome{color:#0284c7;background:#e0f2fe;border-radius:8px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.crl-note-duration{color:#64748b;font-size:.72rem}.crl-note-time{color:#94a3b8;margin-left:auto;font-size:.72rem}.crl-note-text{color:#475569;margin:0;font-size:.85rem;line-height:1.5}.crl-status-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.crl-status-btn{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:.6rem;font-size:.82rem;font-weight:600;transition:all .15s}.crl-status-btn:hover{border-color:#005ea4}.crl-status-btn.active{font-weight:700}.crl-form-group{flex-direction:column;gap:.4rem;display:flex}.crl-form-group label{color:#475569;font-size:.82rem;font-weight:600}@media (max-width:640px){.crl-page{padding:1rem}.crl-grid{grid-template-columns:1fr}.crl-status-grid{grid-template-columns:repeat(2,1fr)}.crl-note-row{flex-direction:column;align-items:stretch}}.cp-page{background:linear-gradient(135deg,#f0fdfa 0%,#f1f5f9 100%);min-height:100vh;padding-bottom:60px;font-family:Inter,sans-serif}.cp-loader{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.cp-spinner{border:4px solid #e0f2fe;border-top-color:#0891b2;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:.8s linear infinite cp-spin}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-hero{background:linear-gradient(135deg,#0e7490 0%,#06b6d4 100%);align-items:flex-end;height:280px;margin-bottom:80px;padding:40px;display:flex;position:relative;overflow:hidden}.cp-hero__orb{opacity:.15;z-index:0;border-radius:50%;position:absolute}.cp-hero__orb--1{background:#fff;width:400px;height:400px;top:-100px;left:-100px}.cp-hero__orb--2{background:#fff;width:300px;height:300px;bottom:-50px;right:-50px}.cp-hero__inner{z-index:2;align-items:flex-end;gap:30px;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.cp-hero__avatar-wrap{position:relative}.cp-hero__avatar-frame{cursor:default;background:#f0fdfa;border:5px solid #fff;border-radius:20px;width:140px;height:140px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #00000026}.cp-hero__avatar-frame--edit{cursor:pointer}.cp-hero__avatar-frame--edit:hover{transform:scale(1.05)}.cp-hero__avatar-img{object-fit:cover;width:100%;height:100%}.cp-hero__avatar-overlay{color:#fff;background:#00000080;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.cp-hero__info{color:#fff;flex:1;padding-bottom:10px}.cp-hero__role-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:10px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.cp-hero__name{text-shadow:0 2px 4px #0000001a;margin:0 0 8px;font-size:32px;font-weight:800}.cp-hero__ids{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.cp-hero__email{margin:0;font-size:14px;font-weight:500}.cp-hero__student-id{opacity:.9;margin:0;font-size:13px}.cp-hero__meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cp-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.cp-chip--teal{background:#0f74904d}.cp-chip--cyan{background:#06b6d44d}.cp-chip--green{background:#10b9814d}.cp-body{max-width:1200px;margin:0 auto;padding:0 20px}.cp-action-bar{border-bottom:1px solid #cffafe;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 0 20px;display:flex}.cp-action-bar__left h2{color:#0e7490;margin:0 0 6px;font-size:24px;font-weight:700}.cp-action-bar__sub{color:#0891b2;margin:0;font-size:14px;font-weight:500}.cp-action-bar__right{gap:12px;display:flex}.cp-cards{gap:24px;display:grid}.cp-card{background:#fff;border:1px solid #cffafe;border-radius:14px;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0891b214}.cp-card:hover{border-color:#06b6d4;box-shadow:0 4px 16px #0891b21f}.cp-card--full{grid-column:1/-1}.cp-card__header{background:linear-gradient(135deg,#f0fdfa 0%,#e0f7fa 100%);border-bottom:1px solid #cffafe;align-items:center;gap:14px;padding:20px 24px;display:flex}.cp-card__icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.cp-card__icon--teal{color:#0e7490;background:#0f74901a}.cp-card__icon--cyan{color:#0891b2;background:#06b6d41a}.cp-card__icon--green{color:#059669;background:#10b9811a}.cp-card__title{color:#0e7490;margin:0;font-size:16px;font-weight:700}.cp-card__body{padding:24px}.cp-grid{gap:20px;display:grid}.cp-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cp-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cp-field{flex-direction:column;gap:8px;display:flex}.cp-field--full{grid-column:1/-1}.cp-label{color:#0e7490;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:700}.cp-input,.cp-textarea,.cp-select{color:#0e7490;background:#fff;border:1.5px solid #cffafe;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.cp-input:focus,.cp-textarea:focus,.cp-select:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 4px #06b6d41a}.cp-input--readonly{color:#0891b2;cursor:not-allowed;background:#f0fdfa}.cp-input:disabled,.cp-textarea:disabled,.cp-select:disabled{cursor:not-allowed;opacity:.7;background:#f0fdfa}.cp-textarea{resize:none;min-height:100px;font-family:Inter,sans-serif}.cp-select{cursor:pointer}.cp-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.cp-btn--edit{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#06b6d4 100%);box-shadow:0 4px 12px #06b6d433}.cp-btn--edit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06b6d44d}.cp-btn--save{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#06b6d4 100%);box-shadow:0 4px 12px #06b6d433}.cp-btn--save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #06b6d44d}.cp-btn--save:disabled{opacity:.6;cursor:not-allowed}.cp-btn--cancel{color:#0891b2;background:#fff;border:1.5px solid #cffafe}.cp-btn--cancel:hover:not(:disabled){background:#f0fdfa;border-color:#06b6d4}.cp-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite cp-spin}.cp-toast{color:#fff;z-index:9999;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ease-out cp-slide-in,.3s ease-out 3.2s forwards cp-slide-out;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.cp-toast--success{background:#10b981}.cp-toast--error{background:#ef4444}@keyframes cp-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes cp-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:768px){.cp-hero{height:240px;margin-bottom:120px;padding:30px 20px}.cp-hero__inner{text-align:center;flex-direction:column;align-items:center;gap:20px}.cp-action-bar{flex-direction:column;align-items:flex-start;gap:16px}.cp-card__title{font-size:15px}.cp-grid--2,.cp-grid--3{grid-template-columns:1fr}}:root{--navy-primary:#1e3a8a;--navy-dark:#172554;--navy-light:#3b82f6;--pure-white:#fff;--soft-gray:#f1f5f9;--text-navy:#1e293b;--header-gradient:linear-gradient(135deg, #1e3a8a 0%, #172554 100%)}.etms-chat-wrapper{z-index:4000;font-family:Inter,system-ui,-apple-system,sans-serif;position:fixed;bottom:25px;right:25px}.chat-toggle-btn{background:var(--navy-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 25px #1e3a8a66}.chat-toggle-btn.active{background:#ef4444;transform:rotate(90deg);box-shadow:0 10px 25px #ef444466}.handoff-actions{gap:12px;width:100%;margin-top:15px;display:flex}.wa-btn,.call-btn{flex:1;transition:all .3s;box-shadow:0 4px 12px #0000001a;color:#fff!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:12px 10px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;display:flex!important}.wa-btn{background:#22c55e!important}.call-btn{background:var(--navy-primary)!important}.wa-btn:hover,.call-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.notification-badge{color:#fff;border:2px solid var(--navy-primary);background:#ff4757;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex;position:absolute;top:5px;right:5px}.chat-badge-label{color:#fff;white-space:nowrap;background:#22c55e;border-radius:12px;padding:6px 15px;font-size:12px;font-weight:800;animation:.5s ease-out bounceIn;position:absolute;bottom:75px;right:10px;transform:rotate(-5deg);box-shadow:0 4px 15px #22c55e66}.chat-badge-label:after{content:"";border-top:6px solid #22c55e;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;right:20px}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)translateY(20px)rotate(-5deg)}70%{transform:scale(1.1)translateY(-5px)rotate(-5deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(-5deg)}}.chat-window{opacity:0;visibility:hidden;background:#fff;border-radius:24px;flex-direction:column;width:380px;height:600px;max-height:85vh;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;bottom:85px;right:0;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 25px 60px #0000002e}.chat-window.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.chat-header{background:var(--header-gradient);color:#fff;text-align:center;padding:30px 25px 45px;position:relative}.back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:30px;left:20px}.back-btn:hover{background:#ffffff40}.chat-header h3{margin:0;font-size:24px;font-weight:800}.chat-header p{opacity:.85;margin:8px 0 0;font-size:14px;line-height:1.4}.chat-body{z-index:10;flex:1;margin-top:-25px;padding:0 20px;position:relative;overflow-y:auto}.new-convo-card{cursor:pointer;background:#fff;border:1px solid #00000005;border-radius:16px;align-items:center;gap:20px;margin-bottom:30px;padding:24px;transition:all .2s;display:flex;box-shadow:0 12px 30px #0000000f}.new-convo-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000014}.card-top{flex:1}.card-top h4{color:var(--navy-primary);margin:0;font-size:17px;font-weight:700}.card-top p{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.4}.start-btn{background:var(--navy-primary);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:18px;display:flex}.chat-thread{flex-direction:column;gap:15px;padding:20px 0;display:flex}.message-bubble{border-radius:20px;max-width:85%;padding:14px 18px;font-size:14.5px;line-height:1.6}.message-bubble.bot{background:var(--soft-gray);color:var(--text-navy);border-bottom-left-radius:4px;align-self:flex-start}.message-bubble.user{background:var(--navy-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-form-container{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000000d}.tawk-form-group label{color:#94a3b8;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.tawk-form-group input{border:1.5px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:14px}.tawk-start-btn{background:var(--navy-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:700}.chat-footer-nav{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-around;align-items:center;padding:15px 0;display:flex}.nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;min-width:80px;transition:all .2s;display:flex}.nav-item svg{font-size:22px}.nav-item span{font-size:12px;font-weight:600}.nav-item.active{color:var(--navy-primary)}.powered-by{text-align:center;color:#94a3b8;background:#f8fafc;border-top:1px solid #f1f5f9;padding:10px;font-size:11px}.recent-chat-preview{cursor:pointer;background:#fff;border:1px solid #00000008;border-radius:12px;align-items:center;gap:15px;padding:18px;display:flex}.preview-info span{color:var(--navy-primary);font-size:13px;font-weight:700;display:block}.preview-info p{color:#64748b;margin:2px 0 0;font-size:12px}.typing-dots{align-items:center;gap:5px;padding:4px 0;display:flex}.typing-dots span{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.voice-status-bar{justify-content:center;align-items:center;min-height:28px;margin-top:10px;display:flex}.voice-listening-indicator,.voice-speaking-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.voice-status-text{color:#fffffff2;letter-spacing:.3px;font-size:12px;font-weight:600}.voice-wave{align-items:center;gap:3px;height:18px;display:flex}.voice-wave span{background:#ef4444;border-radius:3px;width:3px;animation:.9s ease-in-out infinite waveBar;display:block}.voice-wave span:first-child{height:6px;animation-delay:0s}.voice-wave span:nth-child(2){height:14px;animation-delay:.1s}.voice-wave span:nth-child(3){height:18px;animation-delay:.2s}.voice-wave span:nth-child(4){height:10px;animation-delay:.3s}.voice-wave span:nth-child(5){height:6px;animation-delay:.4s}@keyframes waveBar{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.speaking-icon{color:#60f0b0;font-size:14px;animation:1.2s ease-in-out infinite speakPulse}@keyframes speakPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.stop-speak-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;transition:all .2s;display:flex}.stop-speak-btn:hover{background:#ffffff59}.chat-input-wrapper{background:#fff;border-top:1px solid #f1f5f9}.voice-error{color:#dc2626;text-align:center;background:#fef2f2;border-bottom:1px solid #fecaca;padding:6px 16px;font-size:12px;animation:.3s fadeIn}.chat-input-area{align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-input-area input{border:1.5px solid #e2e8f0;border-radius:25px;outline:none;flex:1;padding:11px 16px;font-size:14px;transition:border-color .2s}.chat-input-area input:focus{border-color:var(--navy-primary)}.chat-input-area input:disabled{color:#ef4444;background:#f8fafc;font-weight:600}.mic-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:15px;transition:all .25s;display:flex}.mic-btn:hover{background:var(--navy-primary);color:#fff;transform:scale(1.05)}.mic-btn.listening{color:#fff;background:#ef4444;animation:1.2s infinite micPulse;box-shadow:0 0 #ef444499}@keyframes micPulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.send-btn{background:var(--navy-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:14px;transition:all .2s;display:flex}.send-btn:hover{filter:brightness(1.15)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.voice-toggle-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.voice-toggle-btn.enabled{color:var(--navy-primary);background:#eff6ff}.voice-toggle-btn.disabled{color:#94a3b8;background:#f1f5f9}.voice-toggle-btn:hover{transform:scale(1.1)}.activity-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700}@media (max-width:768px){.etms-chat-wrapper{bottom:110px;right:15px}.chat-badge-label{bottom:75px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,sans-serif}html{zoom:.9;overflow-x:hidden}@media (max-width:1024px){html{zoom:1}}body{color:#1e293b;-webkit-text-size-adjust:100%;background-color:#f8fafc;width:100%;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.main-content-wrapper{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;padding:10px 20px;display:flex}@media (max-width:768px){.main-content-wrapper{padding:10px 10px 90px}}footer{color:#cbd5e1;text-align:center;background-color:#0f172a;border-top:1px solid #1e293b;padding:20px 0;font-size:.9rem}@media (max-width:768px){.responsive-card-table{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;display:block!important}.responsive-card-table thead,.responsive-card-table colgroup{display:none!important}.responsive-card-table tbody{width:100%!important;display:block!important}.responsive-card-table tr{position:relative;overflow:hidden;background:#fff!important;border:1px solid #eef2f7!important;border-radius:16px!important;margin-bottom:20px!important;padding:20px!important;display:block!important;box-shadow:0 4px 20px #0000000f!important}.responsive-card-table td{min-height:48px;text-align:right!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:12px 0!important;font-size:14px!important;display:flex!important}.responsive-card-table td:last-child{margin-top:4px;border-bottom:0!important;padding-top:16px!important}.responsive-card-table td:before{content:attr(data-label);color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.05em;flex:1;margin-right:15px;font-size:11px;font-weight:800}.responsive-card-table td:first-child{color:#1e3a8a!important;background:#f8fafc!important;border-bottom:2px solid #eff6ff!important;border-radius:16px 16px 0 0!important;justify-content:center!important;margin:-20px -20px 15px!important;padding:16px 20px!important;font-size:1rem!important;font-weight:800!important}.responsive-card-table td:first-child:before{display:none!important}.responsive-card-table td[data-label*=Action],.responsive-card-table td[data-label*=action]{border-top:1px solid #eef2f7!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;padding-top:16px!important;display:flex!important}.responsive-card-table td[data-label*=Action]:before{display:none!important}.responsive-card-table td[data-label*=Action] button,.responsive-card-table td[data-label*=Action] a{flex:calc(50% - 8px);justify-content:center;min-width:100px;border-radius:10px!important;font-size:13px!important}}@media (max-width:992px){.sa-wrapper,.um-wrapper-extra,.sl-wrapper-extra{border-radius:16px!important;grid-template-columns:1fr!important;max-width:calc(100% - 20px)!important;margin:10px!important}.sa-side-panel{display:none!important}.um-main-panel,.sl-main-panel{padding:15px!important}.um-form-row,.ca-form-row,.ad-form-row,.pf-grid{flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.um-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.um-table-container,.ta-table-container,.sl-table-card,.aa-card,.sa-card,.adm-card,.mk-stat-card,.cr-card,.session-card{border-radius:12px!important;width:100%!important;max-width:100%!important;margin:5px 0!important;overflow-x:hidden!important}.sa-content,.adm-page,.mk-content,.cr-content,.trainer-content,.student-content,.main-content-wrapper,.dashboard-view-content{padding-bottom:120px!important}}