@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skillsmind-nav{background-color:#000b29;height:85px;width:100%;position:fixed;top:0;left:0;right:0;z-index:2000;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}body{padding-top:85px}.nav-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo img{height:130px;width:130px;display:block}.nav-links-wrapper{flex:1;display:flex;justify-content:center}.desktop-links{display:flex;list-style:none;gap:25px;margin:0;padding:0}.desktop-links li{list-style:none}.desktop-links a{color:#fff;text-decoration:none;font-size:20px;font-weight:500;padding:5px 0;transition:.3s ease;position:relative;display:block}.desktop-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#e30613;transition:width .3s ease}.desktop-links a:hover{color:#e30613}.desktop-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:20px}.desktop-search-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:4px;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.desktop-search-icon:hover{background:#e30613;transform:translateY(-2px)}.desktop-search-container{display:none!important}.mobile-search-icon{display:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center;background:#ffffff1a;border-radius:4px;transition:all .3s ease;flex-shrink:0}.mobile-search-icon:hover{background:#e30613}.auth-group{display:flex;align-items:center;gap:15px}.signin-text{color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:8px 18px;border:1.5px solid #ffffff;border-radius:0;transition:.3s;display:inline-block;white-space:nowrap}.signin-text:hover{background-color:#fff;color:#000b29}.signup-btn-red{background:#e30613;color:#fff;padding:10px 22px;border-radius:0;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap;border:1.5px solid #E30613;transition:.3s;display:inline-block}.signup-btn-red:hover{background:#ff1a2a;border-color:#ff1a2a;transform:translateY(-2px);box-shadow:0 4px 15px #e306134d}.mobile-menu-toggle{display:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center;background:#ffffff1a;border-radius:4px;transition:all .3s ease;flex-shrink:0}.mobile-menu-toggle:hover{background:#e30613}.mobile-search-overlay{display:none;position:fixed;top:85px;left:0;right:0;width:100%;background:#fff;padding:15px 20px;z-index:3000;box-sizing:border-box;box-shadow:0 10px 30px #0003}.mobile-search-overlay.show{display:flex}.mobile-search-box{display:flex;width:100%;gap:10px}.mobile-search-box input{flex:1;padding:12px;border:1px solid #ddd;outline:none;font-size:16px;color:#000b29}.go-btn-orange{background:#000b29;color:#fff;border:none;padding:0 25px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.go-btn-orange:hover{background:#e30613}.mobile-sidebar-menu{display:none;position:fixed;top:85px;left:-100%;width:280px;height:calc(100vh - 85px);background:#000b29;padding:30px;transition:left .4s ease-in-out;z-index:2500;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;box-sizing:border-box}.mobile-sidebar-menu.open{left:0}.sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.sidebar-list li{list-style:none;margin:0;padding:0}.sidebar-list a{color:#fff;text-decoration:none;font-size:18px;display:block;font-weight:500;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.sidebar-list a:hover,.sidebar-list a:active{color:#e30613;padding-left:10px}.sidebar-signup{color:#e30613!important;font-weight:700!important}.divider{border:none;border-top:1px solid rgba(255,255,255,.2);margin:20px 0;padding:0;height:0}@media screen and (max-width:1150px){.nav-links-wrapper,.auth-group,.desktop-search-icon{display:none}.mobile-search-icon,.mobile-menu-toggle{display:flex}.mobile-sidebar-menu{display:block}}@media screen and (max-width:480px){.nav-logo img{height:100px;width:100px}.skillsmind-nav{height:75px}body{padding-top:75px}.mobile-sidebar-menu{top:75px;height:calc(100vh - 75px);width:100%;left:-100%}.mobile-sidebar-menu.open{left:0}.mobile-search-overlay{top:75px}.sidebar-list a{font-size:16px;padding:12px 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.signin-text:focus,.signup-btn-red:focus,.desktop-search-icon:focus,.mobile-search-icon:focus,.mobile-menu-toggle:focus{outline:2px solid #E30613;outline-offset:2px}.sticky-sidebar{position:fixed;left:0;top:35%;display:flex;flex-direction:column;gap:2px;z-index:3000}.sidebar-item{position:relative;display:flex;align-items:center}.icon-box{width:45px;height:45px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;cursor:pointer;transition:.3s;z-index:2}.yellow-bg{background-color:#333}.orange-bg{background-color:#ff8a00}.light-orange-bg{background-color:orange}.red-bg{background-color:#e30613}@media screen and (min-width:769px){.info-item:hover .hover-content{left:45px;opacity:1}.mobile-info-card{display:none}}.hover-content{position:absolute;left:-200px;background:#333;color:#fff;padding:10px 15px;font-weight:700;font-size:14px;transition:.4s ease;white-space:nowrap;pointer-events:none;opacity:0}.sidebar-blur-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000b29b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2500}@media screen and (max-width:768px){.sticky-sidebar{left:20px;bottom:20px;top:auto}.desktop-only{display:none}.mobile-toggle-btn{display:flex;width:60px;height:60px;background-color:#e30613;color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:26px;z-index:3001;box-shadow:0 5px 20px #0006}.sidebar-items-wrapper{position:absolute;bottom:75px;left:0;display:flex;flex-direction:column;gap:15px;opacity:0;transform:translateY(30px);transition:.4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.mobile-open .sidebar-items-wrapper{opacity:1;transform:translateY(0);pointer-events:auto}.icon-box{border-radius:50%;width:50px;height:50px}.mobile-info-card{position:absolute;left:65px;bottom:0;width:220px;background:#fff;padding:15px;border-radius:12px;box-shadow:0 10px 30px #00000080;animation:slideIn .3s ease-out;color:#000b29}.mobile-info-card h4{margin:0 0 5px;color:#e30613;font-size:16px}.mobile-info-card p{margin:0 0 10px;font-size:14px;font-weight:500}.action-link{display:inline-flex;align-items:center;gap:5px;color:#000b29;text-decoration:none;font-weight:700;border-top:1px solid #eee;padding-top:5px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}}.auth-page-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff;overflow:hidden;font-family:Poppins,sans-serif}.auth-3d-card{display:flex;width:90%;max-width:850px;height:500px;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 15px 45px #000b291a;border:1px solid #f0f0f0}.auth-side-brand{flex:1;background-color:#000b29;display:flex;justify-content:center;align-items:center}.hero-logo-clean{width:240px;height:auto}.mobile-logo-box{display:none}.auth-side-form{flex:1.1;background:#fff;padding:30px;display:flex;align-items:center;justify-content:center}.form-container-clean{width:100%;max-width:320px}.form-main-title{font-size:24px;font-weight:800;color:#000b29;margin-bottom:20px;text-align:center}.auth-subtitle{font-size:13px;color:#666;text-align:center;margin-bottom:25px;line-height:1.6}.input-group-minimal{display:flex;align-items:center;background:#f4f7fa;border-radius:10px;padding:0 12px;margin-bottom:12px;border:1px solid #e1e8ef}.input-group-minimal input{border:none;background:transparent;padding:12px;width:100%;outline:none;font-size:14px}.input-group-minimal svg{color:#000b29;opacity:.6}.submit-btn-blue{width:100%;padding:14px;background:#000b29;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s ease;margin-top:5px}.submit-btn-blue:hover{opacity:.9;transform:translateY(-1px)}.google-btn-flat{width:100%;padding:10px;border:1px solid #e1e8ef;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px;cursor:pointer;font-weight:600;font-size:14px;color:#555;transition:.3s ease}.auth-divider{text-align:center;margin:15px 0;position:relative}.auth-divider span{background:#fff;padding:0 10px;color:#aaa;font-size:12px;position:relative;z-index:2}.auth-divider:before{content:"";position:absolute;width:100%;height:1px;background:#eee;top:50%;left:0}.toggle-auth-text{text-align:center;margin-top:15px;font-size:13px}.toggle-auth-text span{color:#e30613;font-weight:700;cursor:pointer}.otp-input-row{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.otp-field{width:42px;height:50px;border:2px solid #e1e8ef;border-radius:10px;text-align:center;font-size:20px;font-weight:700;background:#f8f9fa;outline:none;transition:all .2s}.otp-field:focus{border-color:#000b29;background:#fff;box-shadow:0 0 8px #000b291a}.sm-welcome-card{background:#000b29;color:#fff;padding:15px 22px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 12px 30px #0000004d;border-right:5px solid #E30613;min-width:300px;margin-top:85px;margin-right:25px;z-index:10000}.sm-icon-box{font-size:32px}.sm-welcome-sub{font-size:10px;opacity:.6;margin:0;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.sm-welcome-main{font-size:16px;font-weight:700;margin:0;color:#fff}.animate-enter{animation:slideInRight .5s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (max-width:850px){.auth-3d-card{flex-direction:column;height:auto;width:95%}.auth-side-brand{display:none}.mobile-logo-box{display:flex;margin:20px auto}.sm-welcome-card{margin-top:20px;margin-right:10px;min-width:260px}}.forgot-p-link{font-size:13px;color:#64748b;text-align:right;margin:-10px 0 15px;cursor:pointer;font-weight:500;transition:.2s}.forgot-p-link:hover{color:#e30613;text-decoration:underline}@media(max-width:768px){.auth-3d-card{flex-direction:column;height:auto;width:92%;margin:20px 0}.auth-side-brand{padding:40px 20px;height:140px;border-radius:25px 25px 0 0}.hero-logo-clean{width:150px}.auth-side-form{padding:40px 25px}}@media(max-width:480px){.otp-field{width:38px;height:45px;font-size:18px}.form-main-title{font-size:26px}}.sm-bot-wrapper{position:fixed;bottom:30px;right:30px;z-index:9999;font-family:Inter,sans-serif}.sm-bot-toggle{width:60px;height:60px;border-radius:50%;background:var(--sm-dark, #000B29);color:#fff;border:none;cursor:pointer;box-shadow:0 10px 25px #000b294d;display:flex;align-items:center;justify-content:center;transition:.3s;position:relative}.sm-bot-toggle:hover{transform:scale(1.1) rotate(5deg);background:#e31e24}.sm-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#000b29;opacity:.5;animation:smPulse 2s infinite}@keyframes smPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.sm-chat-container{width:350px;height:500px;background:#fff;border-radius:20px;box-shadow:0 15px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:smSlideUp .4s cubic-bezier(.175,.885,.32,1.275)}.sm-chat-container.minimized{height:70px}.sm-chat-header{background:#000b29;padding:15px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.sm-header-info{display:flex;align-items:center;gap:12px}.sm-bot-avatar{width:35px;height:35px;background:#e31e24;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.sm-header-info h3{margin:0;font-size:15px}.sm-header-info p{margin:0;font-size:11px;opacity:.7}.sm-header-actions button{background:transparent;border:none;color:#fff;margin-left:10px;cursor:pointer;opacity:.7}.sm-chat-messages{flex:1;padding:20px;overflow-y:auto;background:#f8fafc;display:flex;flex-direction:column;gap:15px}.sm-message{display:flex;width:100%}.sm-message.user{justify-content:flex-end}.sm-message-bubble{max-width:80%;padding:12px 16px;border-radius:15px;font-size:13.5px;line-height:1.5}.sm-message.ai .sm-message-bubble{background:#fff;color:#1e293b;border-bottom-left-radius:2px;box-shadow:0 2px 5px #0000000d}.sm-message.user .sm-message-bubble{background:#e31e24;color:#fff;border-bottom-right-radius:2px}.sm-typing-indicator{display:flex;gap:4px;padding:10px}.sm-typing-indicator span{width:6px;height:6px;background:#cbd5e1;border-radius:50%;animation:smTyping 1.4s infinite ease-in-out}@keyframes smTyping{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.sm-chat-input{padding:15px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px}.sm-chat-input input{flex:1;border:1px solid #e2e8f0;padding:10px 15px;border-radius:10px;outline:none;font-size:14px}.sm-chat-input button{background:#000b29;color:#fff;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;transition:.2s}.sm-chat-input button:hover{background:#e31e24}@keyframes smSlideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--sm-navy: #000b1c;--sm-red: #e53e3e;--sm-border: #e2e8f0;--sm-bg: #fcfcfc;--sm-text: #334155;--sm-light-text: #64748b;--sm-accent: #ffffff}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body{max-width:100%;overflow-x:hidden}.onboarding-main-wrapper{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center}.onboarding-container{display:flex;width:100%;height:100vh}.onboarding-form-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.form-glass-card{background:#fff;width:100%;max-width:460px;border-radius:24px;padding:30px;border:1px solid var(--sm-border);box-shadow:0 15px 35px #0000000d}.hero-text-container{width:100%;max-width:460px;margin-bottom:25px}.main-title{font-size:26px;font-weight:900;color:var(--sm-navy);line-height:1.2;text-align:center}.red-text{color:var(--sm-red)}.info-guide-card{background:#f8fafc;padding:12px;margin-top:15px;border-radius:12px;display:flex;gap:12px;border:1px solid #e2e8f0;align-items:center}.info-icon{color:var(--sm-navy);font-size:18px;flex-shrink:0}.info-guide-card p{font-size:13px;color:var(--sm-light-text);line-height:1.5}.step-indicator-bar{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.step-point{width:32px;height:32px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#94a3b8;z-index:2;transition:.3s}.step-point.active{background:var(--sm-navy);color:#fff;box-shadow:0 0 0 4px #000b1c1a}.form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span-2{grid-column:span 2}.input-grp label{font-size:12.5px;font-weight:700;color:#475569;display:block;margin-bottom:8px}.input-grp input,.input-grp textarea,.input-grp select{width:100%;padding:12px 15px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;background:#fff;transition:.2s}.modern-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.chip.active{background:var(--sm-navy);color:#fff;border-color:var(--sm-navy)}.onboarding-visual-side{flex:.8;background:var(--sm-navy);overflow:hidden;position:relative}.gallery-scroll-container{display:flex;flex-direction:column;gap:30px;padding:30px}.gallery-img-wrapper{position:relative;width:100%}.gallery-img-wrapper img{width:100%;height:350px;object-fit:cover;border-radius:24px;opacity:.5;display:block;transition:opacity .3s}.image-name-badge{position:absolute;bottom:25px;left:25px;background:#ffffff14;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.3);padding:10px 24px;border-radius:16px;color:#fff;font-size:15px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 32px #0006;z-index:10;display:flex;align-items:center;gap:10px}.image-name-badge:before{content:"";width:8px;height:8px;background:var(--sm-red);border-radius:50%;box-shadow:0 0 10px var(--sm-red)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000b1c99;z-index:9999;display:flex;align-items:center;justify-content:center}.success-modal-card{background:#fff;padding:40px;border-radius:30px;text-align:center;max-width:420px;width:90%}.btn-row{margin-top:25px;display:flex;gap:12px}.btn-primary-sm,.btn-finish-sm{flex:2;padding:15px;background:var(--sm-navy);color:#fff;border-radius:12px;font-weight:700;cursor:pointer;border:none}.btn-finish-sm{background:var(--sm-red)}.btn-secondary-sm{flex:1;padding:15px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#64748b;font-weight:700}@media(max-width:1024px){.onboarding-visual-side{display:none}}.skills-sidebar{width:80px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:999;box-shadow:4px 0 24px #0000000d;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.skills-sidebar.expanded{width:280px}.mobile-menu-btn{display:none;position:fixed;top:20px;left:15px;z-index:1001;background:transparent;color:#fff;border:none;border-radius:8px;padding:8px;cursor:pointer;align-items:center;justify-content:center}.mobile-close-btn{display:none;background:#e30613;border:none;border-radius:50%;width:36px;height:36px;color:#fff;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:998}.sidebar-header{height:80px;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;flex-shrink:0;border-bottom:none}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0}.sidebar-content::-webkit-scrollbar{width:4px}.menu-section{padding:10px 0;position:relative}.section-label{display:none;font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;padding:0 20px 8px}.skills-sidebar.expanded .section-label{display:block}.nav-item{display:flex;align-items:center;margin:4px 8px;padding:6px;border-radius:12px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s;width:calc(100% - 16px)}.skills-sidebar.expanded .nav-item{padding:8px 12px;gap:12px}.nav-icon-wrapper{width:40px;height:40px;background:#000b29;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 auto}.skills-sidebar.expanded .nav-icon-wrapper{margin:0}.nav-item.active{background:#f1f5f9;color:#000b29}.nav-item.active .nav-icon-wrapper{background:#e30613}.nav-label{display:none;font-size:14px;font-weight:600;white-space:nowrap}.skills-sidebar.expanded .nav-label{display:block}.item-badge-small{font-size:8px;padding:2px 6px;border-radius:10px;margin-left:auto;font-weight:700}.item-badge-small.pro{background:#e30613;color:#fff}.item-badge-small.new{background:#10b981;color:#fff}.item-badge-small.ai{background:#8b5cf6;color:#fff}.sidebar-footer{padding:12px 8px;border-top:1px solid #f3f4f6;margin-top:auto;flex-shrink:0}.logout-btn{width:100%;display:flex;align-items:center;padding:6px;background:#fef2f2;border:none;border-radius:12px;cursor:pointer;transition:.3s}.skills-sidebar.expanded .logout-btn{padding:8px 12px;gap:12px}.red-bg{background:#e30613!important}.version-info{font-size:10px;color:#9ca3af;text-align:center;margin-top:8px}.dropdown-toggle{display:flex;align-items:center;justify-content:space-between;margin:4px 8px;padding:6px;border-radius:12px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s;width:calc(100% - 16px)}.skills-sidebar.expanded .dropdown-toggle{padding:8px 12px}.dropdown-toggle:hover,.dropdown-toggle.active{background:#f1f5f9;color:#000b29}.dropdown-toggle.active .nav-icon-wrapper{background:#e30613}.toggle-left{display:flex;align-items:center;gap:12px}.toggle-icon{transition:transform .3s;display:none}.skills-sidebar.expanded .toggle-icon{display:block}.toggle-icon.open{transform:rotate(180deg)}.dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;margin:0 8px;padding-left:48px;opacity:0}.dropdown-menu.open{max-height:500px;opacity:1}.skills-sidebar:not(.expanded):not(.mobile-open) .dropdown-menu{display:none}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;color:#64748b;font-size:13px;width:calc(100% - 16px);text-align:left}.dropdown-item:hover{background:#f1f5f9;color:#000b29}.dropdown-item.active{background:#dbeafe;color:#1e40af;font-weight:600}@media(max-width:768px){.mobile-menu-btn,.mobile-close-btn{display:flex!important}.skills-sidebar{width:280px;top:80px;height:calc(100vh - 80px);border-radius:0;transform:translate(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:1000;box-shadow:4px 4px 24px #00000026}.skills-sidebar.mobile-open{transform:translate(0)}.sidebar-header{height:auto;min-height:50px;padding:10px 15px 5px;justify-content:flex-end;align-items:flex-start}.mobile-close-btn{width:32px;height:32px;margin-top:0}.nav-item{padding:10px 12px;gap:20px!important}.dropdown-toggle,.logout-btn{padding:10px 12px!important;gap:20px!important}.nav-icon-wrapper{width:44px;height:44px;margin:0!important}.nav-label,.section-label,.logout-btn .nav-label,.dropdown-toggle .nav-label,.toggle-icon{display:block!important}.dropdown-menu{padding-left:56px}.dropdown-item{padding:10px 12px;font-size:14px}.sidebar-overlay{opacity:0;transition:opacity .3s ease;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}}.student-topbar{position:fixed;top:0;left:0;right:0;height:80px;background:#000b29;z-index:1000;box-shadow:0 2px 10px #0000001a}.topbar-container{max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.topbar-left{flex:1;display:flex;align-items:center;gap:16px}.mobile-menu-trigger{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.mobile-menu-trigger:hover{background:#ffffff1a}.desktop-logo{display:flex;align-items:center}.desktop-logo img{height:100px;width:auto;max-width:180px;object-fit:contain}.topbar-center{flex:2;display:flex;align-items:center;justify-content:center}.topbar-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0;text-align:center}.topbar-right{flex:1;display:flex;align-items:center;justify-content:flex-end}.profile-container{position:relative}.profile-btn{display:flex;align-items:center;gap:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:6px 16px 6px 6px;cursor:pointer;transition:all .3s ease}.profile-btn:hover{background:#ffffff26;border-color:#ffffff4d}.profile-avatar-main{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.profile-avatar-main img{width:100%;height:100%;object-fit:cover}.profile-name-text{color:#fff;font-size:14px;font-weight:600;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-chevron{color:#ffffffb3;transition:transform .3s ease;flex-shrink:0}.dropdown-chevron.open{transform:rotate(180deg)}.profile-dropdown-clean{position:absolute;top:calc(100% + 10px);right:0;width:260px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;animation:slideDown .2s ease;z-index:1001;border:1px solid #e5e7eb}.dropdown-user-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8fafc}.dropdown-avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.dropdown-user-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-username{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-useremail{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider-clean{height:1px;background:#e2e8f0;margin:0}.dropdown-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:none;border:none;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-menu-item:hover{background:#f1f5f9;color:#0f172a}.dropdown-menu-item svg{color:#64748b;transition:color .2s ease;flex-shrink:0}.dropdown-menu-item:hover svg{color:#0f172a}.dropdown-menu-item.logout{color:#dc2626}.dropdown-menu-item.logout:hover{background:#fef2f2}.dropdown-menu-item.logout svg{color:#dc2626}@media(max-width:768px){.student-topbar{height:70px}.topbar-container{padding:0 16px}.mobile-menu-trigger{display:flex;align-items:center;justify-content:center}.desktop-logo{display:none}.topbar-title{font-size:16px;letter-spacing:1px}.profile-btn{padding:4px 12px 4px 4px;gap:8px}.profile-avatar-main{width:34px;height:34px}.profile-name-text{font-size:13px;max-width:80px}.profile-dropdown-clean{width:240px;right:-10px}.dropdown-user-header{padding:14px 16px}.dropdown-avatar-img{width:40px;height:40px}.dropdown-menu-item{padding:12px 16px}}@media(max-width:480px){.student-topbar{height:65px}.topbar-title{font-size:14px}.profile-btn{padding:3px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.3)}.profile-avatar-main{width:38px;height:38px;border:none}.profile-name-text,.dropdown-chevron{display:none}.profile-dropdown-clean{width:220px;right:-5px}.dropdown-username{font-size:14px}}.student-dashboard~.skillsmind-nav,.student-dashboard~.sticky-sidebar,body:has(.student-dashboard) .skillsmind-nav,body:has(.student-dashboard) .sticky-sidebar{display:none!important}html,body,#root,.App{background-color:#fff!important;background:#fff!important}body:has(.student-dashboard){background-color:#fff!important;background:#fff!important}.student-dashboard{display:flex;min-height:100vh;background-color:#fff!important;background:#fff!important}.main-wrapper{flex:1;margin-left:80px;transition:margin-left .3s ease;min-height:100vh;background-color:#fff!important;background:#fff!important}.skills-sidebar.expanded~.main-wrapper,.skills-sidebar.expanded~* .main-wrapper,.main-wrapper:has(~.skills-sidebar.expanded){margin-left:280px}.main-wrapper.sidebar-closed{margin-left:80px}.main-wrapper.sidebar-open{margin-left:280px}.dashboard-content{padding:24px;min-height:100vh;max-width:1400px;margin:0 auto;background-color:#fff!important;background:#fff!important}@media(max-width:1024px){.main-wrapper{margin-left:0}.main-wrapper.sidebar-open,.skills-sidebar.expanded~.main-wrapper{margin-left:280px}}@media(max-width:768px){.main-wrapper{margin-left:0!important}.dashboard-content{padding:16px}}:root{--primary: #000B29;--primary-light: #001a4d;--accent: #DC2626;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-500: #6B7280;--gray-700: #374151;--gray-900: #111827;--blue: #1E40AF;--blue-light: #DBEAFE;--orange: #92400E;--orange-light: #FEF3C7;--purple: #6B21A8;--purple-light: #F3E8FF;--green: #166534;--green-light: #D1FAE5;--red: #991B1B;--red-light: #FEE2E2;--yellow: #854D0E;--yellow-light: #FEF9C3;--cyan: #155E75;--cyan-light: #CFFAFE;--pink: #9D174D;--pink-light: #FCE7F3;--gold: #92400E;--gold-light: #FEF3C7}html,body{background:var(--white);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.skillsmind-dashboard{background:var(--white);min-height:100vh}.main-dashboard-content{padding:24px;max-width:1400px;margin:0 auto}.current-course-banner{background:var(--primary);padding:20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin:-24px -24px 24px;width:calc(100% + 48px)}.course-content{flex:1;position:relative;z-index:1;background:var(--white);padding:24px;margin:0 24px;box-shadow:0 4px 6px #0000001a}.course-tag{display:inline-block;padding:6px 12px;background:var(--primary);color:var(--white);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.current-course-banner h1{color:var(--gray-900);font-size:24px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.course-details{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap}.course-details span{display:flex;align-items:center;gap:6px;color:var(--gray-700);font-size:13px}.progress-container{margin-bottom:16px;max-width:400px}.progress-track{height:6px;background:var(--gray-200);margin-bottom:6px}.progress-fill{height:100%;background:var(--accent);transition:width .5s ease}.progress-text{color:var(--gray-700);font-size:12px;font-weight:500}.continue-learning-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.continue-learning-btn:hover{background:var(--primary-light)}.course-icon-bg{width:100px;height:100px;display:flex;align-items:center;justify-content:center;color:#0000001a;position:relative;z-index:1;background:var(--gray-50);margin-right:24px}@media(max-width:1200px){.current-course-banner{padding:16px}.course-content{padding:20px;margin:0 16px}.current-course-banner h1{font-size:22px}.course-icon-bg{width:80px;height:80px;margin-right:16px}}@media(max-width:768px){.current-course-banner{flex-direction:column;padding:16px;margin-left:-16px;margin-right:-16px;margin-top:-16px;width:calc(100% + 32px)}.course-content{margin:0;width:100%;text-align:center;padding:20px}.current-course-banner h1{font-size:20px}.course-details{justify-content:center;gap:12px}.course-details span{font-size:12px}.progress-container{margin:0 auto 16px}.course-icon-bg{display:none}}@media(max-width:480px){.main-dashboard-content{padding:16px}.current-course-banner{padding:12px;margin-left:-12px;margin-right:-12px;margin-top:-12px;width:calc(100% + 24px)}.course-content{padding:16px}.current-course-banner h1{font-size:18px;margin-bottom:8px}.course-details{flex-direction:column;gap:6px;margin-bottom:12px}.course-tag{padding:4px 8px;font-size:9px}.continue-learning-btn{padding:8px 16px;font-size:12px}}.section-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title-bar h3{font-size:16px;font-weight:700;color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px}.live-indicator{font-size:11px;color:var(--green);background:var(--green-light);padding:4px 10px;font-weight:600}.view-all-btn{font-size:12px;color:var(--primary);background:none;border:none;cursor:pointer;font-weight:600}.view-all-btn:hover{text-decoration:underline}.new-badge{font-size:11px;color:var(--white);background:var(--accent);padding:4px 10px;font-weight:700}.student-record-section{margin-bottom:24px}.record-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.record-card{background:var(--white);border:1px solid var(--gray-200);padding:20px;display:flex;align-items:flex-start;gap:14px;cursor:pointer;transition:all .3s}.record-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.record-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.record-icon.blue{background:var(--blue-light);color:var(--blue)}.record-icon.orange{background:var(--orange-light);color:var(--orange)}.record-icon.purple{background:var(--purple-light);color:var(--purple)}.record-icon.gold{background:var(--gold-light);color:var(--gold)}.record-info{flex:1}.record-info h4{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:4px}.record-info h4.grade-text{color:var(--gold);font-size:28px}.record-info p{font-size:13px;color:var(--gray-500);font-weight:500;margin-bottom:6px}.record-trend{font-size:11px;font-weight:600;padding:3px 8px;display:inline-block}.record-trend.up{color:var(--green);background:var(--green-light)}.record-trend.warning{color:var(--orange);background:var(--orange-light)}.record-trend.success{color:var(--blue);background:var(--blue-light)}.dashboard-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.quick-tools-section{background:var(--white);border:1px solid var(--gray-200);padding:20px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:var(--gray-50);border:1px solid transparent;cursor:pointer;transition:all .3s}.tool-card:hover{background:var(--white);border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.tool-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.tool-card:hover .tool-icon{transform:scale(1.1)}.tool-icon.blue{background:var(--blue-light);color:var(--blue)}.tool-icon.yellow{background:var(--yellow-light);color:var(--yellow)}.tool-icon.red{background:var(--red-light);color:var(--red)}.tool-icon.purple{background:var(--purple-light);color:var(--purple)}.tool-icon.green{background:var(--green-light);color:var(--green)}.tool-icon.cyan{background:var(--cyan-light);color:var(--cyan)}.tool-icon.orange{background:var(--orange-light);color:var(--orange)}.tool-icon.pink{background:var(--pink-light);color:var(--pink)}.tool-card span{font-size:12px;font-weight:600;color:var(--gray-700)}.notice-board{background:var(--white);border:1px solid var(--gray-200);padding:20px;margin-bottom:20px}.notice-items{display:flex;flex-direction:column;gap:10px}.notice-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--gray-50);border:1px solid transparent;cursor:pointer;transition:all .2s;text-align:left}.notice-row:hover{background:var(--white);border-color:var(--gray-300);box-shadow:0 2px 8px #0000000f}.notice-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notice-icon.red{background:var(--red-light);color:var(--red)}.notice-icon.blue{background:var(--blue-light);color:var(--blue)}.notice-icon.green{background:var(--green-light);color:var(--green)}.notice-text{flex:1}.notice-text h4{font-size:13px;font-weight:700;color:var(--gray-900);margin-bottom:2px}.notice-text p{font-size:11px;color:var(--gray-500)}.notice-row>svg{color:var(--gray-400);transition:all .2s}.notice-row:hover>svg{color:var(--primary);transform:translate(4px)}.calendar-widget-section{background:var(--white);border:1px solid var(--gray-200);padding:20px}.calendar-box{background:var(--gray-50);padding:16px}.week-days-row{display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.day-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;cursor:pointer;transition:all .2s;position:relative}.day-cell:hover{background:var(--white)}.day-cell.active{background:var(--primary);color:#fff}.day-cell.has-event .event-dot{width:4px;height:4px;background:var(--accent);position:absolute;bottom:6px}.day-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--gray-500)}.day-cell.active .day-label{color:#ffffffb3}.day-num{font-size:14px;font-weight:800}.events-list{display:flex;flex-direction:column;gap:12px}.event-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--white);border-left:3px solid var(--primary)}.event-time{display:flex;flex-direction:column;align-items:center;min-width:60px}.event-time .time{font-size:13px;font-weight:800;color:var(--primary)}.event-time .label{font-size:10px;color:var(--gray-500);text-transform:uppercase}.event-info{flex:1}.event-info h4{font-size:13px;font-weight:700;color:var(--gray-900);margin-bottom:2px}.event-info p{font-size:11px;color:var(--gray-500)}.join-class-btn{padding:6px 14px;background:var(--accent);color:#fff;border:none;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s}.join-class-btn:hover{background:#b91c1c}.skillsmind-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loader-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);animation:spin 1s linear infinite}.skillsmind-loader p{color:var(--gray-500);font-size:14px}.student-top-header{background:#000b29;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:1000;width:100%}.header-section{display:flex;align-items:center;height:100%}.header-section.left{flex:1;justify-content:flex-start}.header-section.center{flex:2;justify-content:center}.header-section.center h1{color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0}.header-section.right{flex:1;justify-content:flex-end;gap:16px}.header-logo-img{height:50px;width:auto}.header-icon-btn{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.header-icon-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.header-icon-btn.profile{overflow:hidden}.header-icon-btn.profile img{width:100%;height:100%;object-fit:cover}.notif-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:#dc2626;color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.header-action{position:relative}.header-dropdown-menu{position:absolute;top:55px;right:0;width:280px;background:var(--white);border:1px solid var(--gray-200);box-shadow:0 10px 40px #00000026;z-index:1001;animation:slideDown .2s ease;border-radius:8px;overflow:hidden}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.dropdown-header span{font-size:14px;font-weight:700;color:var(--gray-900)}.dropdown-header button{background:none;border:none;font-size:20px;color:var(--gray-500);cursor:pointer;line-height:1}.dropdown-header button:hover{color:var(--gray-900)}.dropdown-body{max-height:300px;overflow-y:auto}.dropdown-body .no-items{padding:20px;text-align:center;color:var(--gray-500);font-size:13px}.dropdown-item{padding:12px 16px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .2s}.dropdown-item:hover{background:var(--gray-50)}.dropdown-item .item-title{font-weight:600;font-size:13px;margin-bottom:4px;color:var(--gray-900)}.dropdown-item .item-desc{font-size:12px;color:var(--gray-500)}.dropdown-user-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.dropdown-user-info .user-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.dropdown-user-info .user-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-user-info .user-details{flex:1}.dropdown-user-info .user-name{font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:2px}.dropdown-user-info .user-email{font-size:12px;color:var(--gray-500)}.demo-badge{display:inline-block;background:var(--accent);color:#fff;font-size:10px;padding:2px 8px;border-radius:4px;margin-top:4px;font-weight:600}.dropdown-divider{height:1px;background:var(--gray-200);margin:4px 0}.dropdown-item-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:var(--white);color:var(--gray-700);font-size:13px;cursor:pointer;transition:background .2s;text-align:left}.dropdown-item-btn:hover{background:var(--gray-50);color:var(--primary)}.dropdown-item-btn.logout{color:var(--accent)}.dropdown-item-btn.logout:hover{background:var(--red-light)}.dropdown-item-btn.login{color:var(--green)}.dropdown-item-btn.login:hover{background:var(--green-light)}.demo-banner{background:#fef3c7;border-bottom:1px solid #FCD34D;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#92400e}.demo-banner span{font-weight:600}.demo-btn{padding:6px 16px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;margin-left:8px;transition:all .2s}.demo-btn.retry{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.demo-btn.retry:hover{background:var(--gray-50)}.demo-btn.login{background:var(--primary);color:#fff}.demo-btn.login:hover{background:var(--primary-light)}@media(max-width:1200px){.record-cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.student-top-header{height:80px;padding:0 16px}.header-section.center h1{font-size:18px;letter-spacing:1px}.header-logo-img{height:40px}.record-cards-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.demo-banner{flex-direction:column;gap:8px;text-align:center}}@media(max-width:480px){.header-section.left{display:none}.header-section.center h1{font-size:16px}.record-cards-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}}.notice-board{background:var(--white);border:1px solid var(--gray-200);padding:20px;margin-bottom:20px;cursor:pointer;transition:all .3s ease}.notice-board:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.courses-strip{background:var(--primary);padding:12px 16px;margin:-24px -24px 20px;width:calc(100% + 48px)}.courses-strip-inner{max-width:1200px;margin:0 auto;background:var(--white);border-radius:10px;padding:12px 16px;box-shadow:0 2px 10px #0000001a}.courses-strip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.courses-strip-title{display:flex;align-items:center;gap:8px;color:var(--gray-900)}.courses-strip-title svg{color:var(--primary)}.courses-strip-title span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.course-count{background:var(--primary);color:var(--white);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.courses-strip-action{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:4px}.courses-horizontal-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.courses-horizontal-scroll::-webkit-scrollbar{height:4px}.courses-horizontal-scroll::-webkit-scrollbar-track{background:transparent}.courses-horizontal-scroll::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.course-chip{flex:0 0 auto;min-width:200px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:8px;padding:10px 12px;transition:all .2s}.course-chip:hover{background:var(--white);border-color:var(--primary);box-shadow:0 2px 8px #00000014}.course-chip-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.course-chip-name{font-size:14px;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.course-chip-code{font-size:9px;font-weight:700;color:var(--primary);background:var(--blue-light);padding:2px 6px;border-radius:4px;text-transform:uppercase}.course-chip-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--gray-500)}.course-chip-meta .dot{color:var(--gray-300)}.courses-strip-footer{text-align:right;padding-top:8px;border-top:1px solid var(--gray-100)}.courses-strip-footer span{font-size:11px;color:var(--gray-500);font-weight:500}.courses-strip-footer strong{color:var(--primary);font-weight:700}.courses-strip.empty{padding:16px}.courses-strip-inner.empty{padding:20px}.empty-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gray-500)}.empty-content svg{color:var(--primary);opacity:.5}.empty-content span{font-size:13px;font-weight:500}.empty-content button{background:var(--primary);color:var(--white);border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-top:4px}@media(max-width:768px){.courses-strip{padding:10px 12px;margin-left:-16px;margin-right:-16px;margin-top:-16px;width:calc(100% + 32px)}.courses-strip-inner{padding:10px 12px;border-radius:8px}.courses-strip-header{margin-bottom:8px}.courses-strip-title span{font-size:12px}.course-chip{min-width:160px;padding:8px 10px}.course-chip-name{font-size:13px;max-width:100px}.course-chip-meta,.courses-strip-footer span{font-size:10px}}@media(max-width:480px){.courses-strip{padding:8px 10px;margin-left:-12px;margin-right:-12px;margin-top:-12px;width:calc(100% + 24px)}.courses-strip-inner{padding:10px;border-radius:6px}.course-chip{min-width:140px;padding:8px}.course-chip-name{font-size:12px;max-width:80px}.course-chip-code{font-size:8px;padding:1px 4px}.course-chip-meta{font-size:9px;gap:4px}}.my-courses-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:28px;font-weight:800;color:#000b29;margin-bottom:8px}.page-header p{color:#6b7280;font-size:16px}.browse-btn{padding:12px 24px;background:#000b29;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.browse-btn:hover{background:#dc2626;transform:translateY(-2px)}.filters-bar{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.search-box input{width:100%;padding:14px 16px 14px 48px;border:2px solid #E5E7EB;border-radius:12px;font-size:15px;transition:all .3s}.search-box input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.filter-tabs{display:flex;gap:8px;background:#f3f4f6;padding:6px;border-radius:10px}.filter-tabs button{padding:10px 20px;border:none;background:transparent;color:#6b7280;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s;text-transform:capitalize}.filter-tabs button.active{background:#fff;color:#dc2626;box-shadow:0 2px 4px #0000000d}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.course-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #E5E7EB;transition:all .3s}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #000b291a}.course-image{height:200px;background-size:cover;background-position:center;position:relative}.course-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);padding:16px;display:flex;justify-content:space-between;align-items:start}.category-badge{padding:6px 12px;background:#fffffff2;color:#000b29;font-size:12px;font-weight:700;border-radius:20px}.more-btn{width:32px;height:32px;background:#ffffffe6;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151}.progress-ring{position:absolute;bottom:16px;right:16px;width:60px;height:60px;background:#000b29e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.progress-ring svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.course-content{padding:24px}.course-content h3{font-size:18px;font-weight:700;color:#000b29;margin-bottom:8px;line-height:1.3}.instructor{color:#6b7280;font-size:14px;margin-bottom:16px}.course-stats{display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F3F4F6}.stat{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.continue-section{display:flex;flex-direction:column;gap:12px}.next-lesson{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.next-lesson svg{color:#dc2626}.continue-course-btn,.start-course-btn{width:100%;padding:12px;border:none;border-radius:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s}.continue-course-btn{background:#dc2626;color:#fff}.continue-course-btn:hover{background:#b91c1c;transform:translateY(-1px)}.start-course-btn{background:#000b29;color:#fff}.start-course-btn:hover{background:#1e3a8a}.start-section{display:flex;flex-direction:column;gap:12px}.enrollment-date{font-size:13px;color:#9ca3af}.tasks-page{padding:24px;max-width:1200px;margin:0 auto}.header-stats{display:flex;gap:16px}.stat-box{background:#fff;padding:16px 24px;border-radius:12px;border:1px solid #E5E7EB;text-align:center;min-width:100px}.stat-box .stat-num{display:block;font-size:24px;font-weight:800;color:#000b29}.stat-box .stat-label{font-size:12px;color:#6b7280;font-weight:500}.tasks-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid #F3F4F6;padding-bottom:0}.tasks-tabs button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-weight:600;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.tasks-tabs button.active{color:#dc2626;border-bottom-color:#dc2626}.tasks-tabs .badge{background:#dc2626;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px}.assignments-list{display:flex;flex-direction:column;gap:20px}.assignment-card{background:#fff;border-radius:16px;border:1px solid #E5E7EB;padding:24px;transition:all .3s}.assignment-card:hover{box-shadow:0 10px 25px #000b2914}.assignment-card.urgent{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fff)}.assignment-header{display:flex;gap:16px;margin-bottom:16px}.task-type-icon{width:48px;height:48px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6b7280}.task-meta{flex:1}.task-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-title-row h3{font-size:18px;font-weight:700;color:#000b29}.task-tags{display:flex;gap:8px;flex-wrap:wrap}.task-tags span{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.course-tag{background:#dbeafe;color:#1e40af}.type-tag{background:#f3e8ff;color:#7c3aed}.marks-tag{background:#fef3c7;color:#92400e}.urgent-tag{background:#dc2626;color:#fff;animation:pulse 2s infinite}.due-date{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:10px;min-width:140px}.due-date svg{color:#6b7280}.date-label{display:block;font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.date-value{display:block;font-weight:700;color:#000b29;font-size:14px}.assignment-body{margin-bottom:20px;padding-left:64px}.description{color:#4b5563;line-height:1.6;margin-bottom:12px}.attachments{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border-radius:8px;font-size:13px;color:#6b7280;font-weight:500}.assignment-footer{padding-left:64px;display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #F3F4F6}.grade-display{display:flex;align-items:center;gap:24px}.score{display:flex;align-items:baseline;gap:4px}.score .obtained{font-size:32px;font-weight:800;color:#10b981}.score .total{font-size:18px;color:#9ca3af;font-weight:600}.feedback-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ecfdf5;color:#059669;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}.feedback-btn:hover{background:#d1fae5}.submitted-info{display:flex;align-items:center;gap:12px;color:#3b82f6;font-weight:500}.pending-grade{color:#9ca3af;font-size:14px}.action-buttons{display:flex;gap:12px}.view-btn,.submit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;border:none}.view-btn{background:#f3f4f6;color:#4b5563}.view-btn:hover{background:#e5e7eb}.submit-btn{background:#dc2626;color:#fff}.submit-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 10px 20px #dc262633}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.calendar-page{padding:24px;max-width:1400px;margin:0 auto}.calendar-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.calendar-section{background:#fff;border-radius:20px;padding:32px;border:1px solid #E5E7EB}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-header h2{font-size:24px;font-weight:800;color:#000b29}.calendar-nav{display:flex;align-items:center;gap:12px}.calendar-nav button{width:40px;height:40px;border:1px solid #E5E7EB;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .3s}.calendar-nav button:hover{background:#f3f4f6;border-color:#d1d5db}.today-btn{padding:8px 16px!important;width:auto!important;font-weight:600;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-weekday{text-align:center;padding:12px;font-weight:700;color:#6b7280;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;position:relative;transition:all .3s;border:2px solid transparent}.calendar-day:hover{background:#f3f4f6}.calendar-day.today{background:#dc2626;color:#fff;font-weight:700}.calendar-day.has-event:not(.today){border-color:#dc2626;background:#fef2f2}.day-number{font-size:16px;font-weight:600}.event-dot{width:6px;height:6px;background:#dc2626;border-radius:50%;position:absolute;bottom:8px}.events-section{display:flex;flex-direction:column;gap:24px}.events-section h3{font-size:18px;font-weight:700;color:#000b29;margin-bottom:8px}.events-timeline{background:#fff;border-radius:16px;padding:24px;border:1px solid #E5E7EB;display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;gap:16px;padding-bottom:20px;border-bottom:1px solid #F3F4F6}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.time-column{min-width:70px;text-align:right}.time{display:block;font-weight:700;color:#000b29;font-size:14px}.duration{display:block;font-size:12px;color:#9ca3af;margin-top:2px}.event-content{flex:1;display:flex;gap:12px}.event-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-item.live .event-icon{background:#dbeafe;color:#2563eb}.timeline-item.deadline .event-icon{background:#fee2e2;color:#dc2626}.timeline-item.quiz .event-icon{background:#fef3c7;color:#d97706}.timeline-item.mentoring .event-icon{background:#f3e8ff;color:#7c3aed}.event-details h4{font-weight:600;color:#000b29;font-size:15px;margin-bottom:4px}.event-details p{font-size:13px;color:#6b7280}.urgent-badge{display:inline-block;padding:4px 10px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;border-radius:20px;margin-top:8px}.upcoming-section{background:#fff;border-radius:16px;padding:24px;border:1px solid #E5E7EB}.upcoming-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.upcoming-item{display:flex;gap:16px;align-items:center}.date-box{width:50px;height:50px;background:linear-gradient(135deg,#000b29,#1e3a8a);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.date-box .day{font-size:20px;font-weight:800;line-height:1}.date-box .month{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.upcoming-info h4{font-weight:600;color:#000b29;font-size:15px;margin-bottom:4px}.upcoming-info p{font-size:13px;color:#6b7280}@media(max-width:1024px){.calendar-layout{grid-template-columns:1fr}}:root{--navy: #000B29;--navy-light: #001a4d;--red: #e30613;--red-dark: #b8050f;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}.profile-page{min-height:100vh;background-color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800)}.profile-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--gray-500)}.cover-banner{height:300px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);background-size:cover;background-position:center;position:relative}.cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#000b294d,#000b2999)}.cover-edit-wrapper{position:absolute;bottom:20px;right:32px;z-index:10}.cover-edit-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fffffff2;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--navy);cursor:pointer;transition:all .2s}.cover-edit-btn:hover{background:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cover-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--white);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;min-width:160px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s}.menu-item:hover{background:var(--gray-50);color:var(--navy)}.menu-item.remove{color:var(--red)}.menu-item.remove:hover{background:#fef2f2}.upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000b29b3;color:var(--white)}.profile-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding-bottom:24px}.header-content{max-width:1200px;margin:-60px auto 0;padding:0 32px;display:flex;align-items:flex-end;gap:24px;position:relative;z-index:5}.profile-pic-wrapper{flex-shrink:0}.profile-pic{width:140px;height:140px;border-radius:50%;background:var(--gray-100);border:5px solid var(--white);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;cursor:pointer}.profile-pic img{width:100%;height:100%;object-fit:cover}.profile-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--navy);background:var(--gray-200)}.dp-overlay{position:absolute;inset:0;background:#000b29b3;display:flex;align-items:center;justify-content:center;gap:12px}.dp-edit-btn,.dp-remove-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.dp-edit-btn{background:var(--white);color:var(--navy)}.dp-edit-btn:hover{transform:scale(1.1)}.dp-remove-btn{background:var(--red);color:var(--white)}.dp-remove-btn:hover{background:var(--red-dark);transform:scale(1.1)}.dp-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:var(--navy)}.profile-info{flex:1;padding-bottom:8px}.profile-name{font-size:32px;font-weight:700;color:var(--navy);margin:0 0 8px}.profile-title{font-size:16px;color:var(--gray-500);margin:0 0 16px}.profile-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--gray-500)}.meta-dot{color:var(--gray-300)}.profile-tabs-container{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:10}.tabs-wrapper{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;gap:4px}.tab-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:var(--navy);background:var(--gray-50)}.tab-btn.active{color:var(--navy);border-bottom-color:var(--red);font-weight:600}.profile-content{max-width:1200px;margin:0 auto;padding:32px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card:hover{border-color:var(--navy);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.navy{background:var(--navy);color:var(--white)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:var(--navy);line-height:1}.stat-label{font-size:14px;color:var(--gray-500);margin-top:4px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.content-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:24px;margin-bottom:24px}.content-card.full-width{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-size:18px;font-weight:700;color:var(--navy);margin:0}.edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--gray-100);border:none;border-radius:6px;font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s}.edit-btn:hover{background:var(--gray-200);color:var(--navy)}.link-btn{font-size:14px;font-weight:600;color:var(--red);background:none;border:none;cursor:pointer;transition:all .2s}.link-btn:hover{color:var(--red-dark)}.bio-text{font-size:15px;color:var(--gray-600);line-height:1.8;margin:0}.bio-edit textarea{width:100%;padding:12px;border:1px solid var(--gray-300);border-radius:8px;font-size:15px;resize:vertical;min-height:100px;font-family:inherit}.bio-edit textarea:focus{outline:none;border-color:var(--navy)}.edit-actions{display:flex;gap:12px;margin-top:16px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--red);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--red-dark);transform:translateY(-1px)}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gray-100);color:var(--gray-700);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--gray-200)}.btn-outline{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--white);color:var(--navy);border:1px solid var(--navy);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--navy);color:var(--white)}.btn-small{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--red);color:var(--white);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-small:hover{background:var(--red-dark)}.education-display{display:flex;flex-direction:column;gap:20px}.edu-item{display:flex;align-items:flex-start;gap:16px}.edu-icon{width:44px;height:44px;background:var(--navy);color:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edu-details{flex:1}.edu-details label{display:block;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.edu-details p{font-size:15px;font-weight:600;color:var(--gray-800);margin:0}.edu-details span{font-size:13px;color:var(--gray-500);margin-top:2px;display:block}.education-edit .form-group{margin-bottom:16px}.education-edit label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.education-edit input{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px}.education-edit input:focus{outline:none;border-color:var(--navy)}.courses-preview{display:flex;flex-direction:column;gap:16px}.course-preview-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200)}.course-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-400);flex-shrink:0}.course-thumb img{width:100%;height:100%;object-fit:cover}.course-info{flex:1}.course-info h4{font-size:15px;font-weight:600;color:var(--gray-800);margin:0 0 8px}.progress-bar{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:var(--navy);border-radius:3px;transition:width .3s ease}.course-info span{font-size:12px;color:var(--gray-500)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.quick-stat{padding:16px;background:var(--gray-50);border-radius:10px}.quick-value{display:block;font-size:24px;font-weight:700;color:var(--navy)}.quick-label{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.achievements-list{display:flex;flex-direction:column;gap:12px}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200)}.achievement-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--white);border-radius:10px;flex-shrink:0}.achievement-info h4{font-size:14px;font-weight:600;color:var(--gray-800);margin:0 0 2px}.achievement-info p{font-size:12px;color:var(--gray-500);margin:0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.course-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;transition:all .2s}.course-card:hover{border-color:var(--navy);box-shadow:var(--shadow-md)}.course-image{position:relative;height:160px;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.course-image img{width:100%;height:100%;object-fit:cover}.course-placeholder{color:var(--gray-400)}.completed-badge{position:absolute;top:12px;left:12px;background:var(--navy);color:var(--white);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.course-details{padding:20px}.course-details h3{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 6px}.instructor{font-size:13px;color:var(--gray-500);margin:0 0 16px}.course-progress{margin-bottom:16px}.progress-track{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:var(--navy);border-radius:4px;transition:width .3s ease}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--gray-500)}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.status-badge.active{background:#dbeafe;color:#1e40af}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.certificate-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:24px;transition:all .2s;position:relative}.certificate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--navy);border-radius:12px 12px 0 0}.certificate-card:hover{border-color:var(--navy);box-shadow:var(--shadow-md)}.cert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cert-icon{color:var(--navy)}.cert-date{font-size:12px;color:var(--gray-500);background:var(--gray-100);padding:4px 12px;border-radius:20px}.certificate-card h3{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 8px}.cert-id{font-size:13px;color:var(--gray-500);margin:0 0 16px;font-family:monospace}.cert-footer{display:flex;justify-content:flex-end}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200)}.activity-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0}.activity-dot.completed{background:var(--navy)}.activity-dot.in-progress{background:var(--red)}.activity-dot.enrolled{background:var(--gray-400)}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--gray-800);margin:0 0 4px}.activity-desc{font-size:14px;color:var(--gray-500);margin:0 0 4px}.activity-time{font-size:12px;color:var(--gray-400)}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-400)}.empty-state svg{color:var(--gray-300);margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:700;color:var(--navy);margin:0 0 8px}.empty-state p{color:var(--gray-500);margin:0 0 24px}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-content{flex-direction:column;align-items:center;text-align:center;padding:0 20px;margin-top:-40px}.profile-pic{width:120px;height:120px}.profile-meta{justify-content:center}.tabs-wrapper{overflow-x:auto;padding:0 20px}.tab-btn{white-space:nowrap;padding:12px 16px}.profile-content{padding:20px}.stats-grid,.courses-grid{grid-template-columns:1fr}}.live-class-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;width:100%;position:relative}.live-class-btn.loading{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.live-class-btn.locked{background:#fef3c7;color:#92400e;cursor:not-allowed}.live-class-btn.ready{background:#dbeafe;color:#1e40af}.live-class-btn.ready:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.live-class-btn.live{background:#dc2626;color:#fff;animation:pulse 2s infinite}.live-class-btn.live:hover{background:#b91c1c;transform:scale(1.02)}.live-class-btn.completed{background:#d1fae5;color:#065f46;cursor:default}.password-hint{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;background:#000b29;color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap}.schedule-page{min-height:100vh;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1f2937;padding-bottom:40px;width:100%;max-width:100vw;overflow-x:hidden}.compressed-banner{background:#000b29;padding:20px 24px;width:100%}.banner-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.banner-left-compact{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.icon-box{width:50px;height:50px;background:#3b82f633;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#60a5fa;border:1px solid rgba(96,165,250,.3);flex-shrink:0}.text-box{min-width:0;flex:1}.text-box h1{color:#fff;font-size:22px;font-weight:700;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-box p{color:#ffffffb3;margin:4px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-box{position:relative;flex-shrink:0}.notif-btn-compact{width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}.notif-dot{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif-drop{position:absolute;top:55px;right:0;width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;z-index:1000;overflow:hidden}.notif-drop-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.notif-drop-header h4{margin:0;font-size:14px;font-weight:600;color:#111827}.notif-drop-header button{border:none;background:none;color:#dc2626;font-size:12px;cursor:pointer;font-weight:500}.notif-drop-list{max-height:400px;overflow-y:auto}.notif-empty-state{padding:40px 20px;text-align:center;color:#9ca3af}.notif-item-compact{padding:16px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:12px}.notif-item-compact:hover{background:#f9fafb}.notif-item-compact.unread{background:#eff6ff;border-left:3px solid #3b82f6}.notif-content{flex:1;min-width:0}.notif-item-title{font-weight:600;font-size:13px;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-desc{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-arrow{color:#9ca3af;font-size:12px;flex-shrink:0}.stats-line{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card-compact{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 8px #0000001a;min-width:0}.stat-icon-c{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-icon-c.blue{background:#dbeafe;color:#1e40af}.stat-icon-c.green{background:#d1fae5;color:#065f46}.stat-icon-c.orange{background:#ffedd5;color:#9a3412}.stat-icon-c.purple{background:#e0e7ff;color:#3730a3}.stat-text-c{display:flex;flex-direction:column;min-width:0}.stat-num-c{font-size:20px;font-weight:700;color:#111827;line-height:1}.stat-label-c{font-size:11px;color:#6b7280;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.controls-bar{padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;width:100%}.course-filter{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.filter-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.course-chips{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.course-chip{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:20px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap;flex-shrink:0}.course-chip.active{background:#000b29;color:#fff;border-color:#000b29}.search-pdf{display:flex;gap:12px;align-items:center;flex-shrink:0}.search-compact{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:200px}.search-compact input{border:none;background:none;outline:none;width:100%;font-size:14px;color:#374151}.pdf-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#dc2626;border:none;border-radius:8px;font-size:13px;color:#fff;cursor:pointer;transition:all .2s;font-weight:600;white-space:nowrap;flex-shrink:0}.pdf-btn:hover{background:#b91c1c}.tabs-bar{display:flex;gap:8px;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.tabs-bar button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;white-space:nowrap;flex-shrink:0}.tabs-bar button.active{background:#000b29;color:#fff}.content-wrap{padding:24px;max-width:1400px;margin:0 auto;width:100%}.view-box{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;width:100%;overflow:hidden}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.box-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;color:#111827;font-weight:600}.date-tag,.current-tag,.course-tag{padding:6px 14px;background:#f3f4f6;border-radius:20px;font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap}.current-tag{background:#dbeafe;color:#1e40af}.course-tag{background:#000b29;color:#fff}.class-items{display:flex;flex-direction:column;gap:12px}.class-row{display:flex;align-items:center;gap:20px;padding:20px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s;flex-wrap:wrap}.class-row.ongoing{border-left:4px solid #3b82f6;background:#eff6ff}.class-row.completed{border-left:4px solid #10b981;background:#f0fdf4;opacity:.8}.class-row.upcoming{border-left:4px solid #f59e0b}.row-time{min-width:80px;text-align:center;flex-shrink:0}.big-time{display:block;font-size:18px;font-weight:700;color:#111827}.small-dur{font-size:12px;color:#9ca3af;margin-top:2px;display:block}.row-info{flex:1;min-width:200px}.row-info h4{margin:0 0 8px;font-size:15px;color:#111827;font-weight:600}.row-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.week-tag,.date-tag-inline{padding:4px 10px;background:#e5e7eb;border-radius:4px;font-size:11px;color:#374151;font-weight:500}.date-tag-inline{background:#dbeafe;color:#1e40af}.inst-tag{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px}.row-action{text-align:right;min-width:100px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-tag{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-tag.upcoming{background:#fef3c7;color:#92400e}.status-tag.ongoing{background:#dbeafe;color:#1e40af}.status-tag.completed{background:#d1fae5;color:#065f46}.join-btn-sm{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;width:100%;justify-content:center;text-decoration:none}.join-btn-sm:hover{background:#2563eb}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.schedule-table{width:100%;border-collapse:collapse;font-size:14px;min-width:700px}.schedule-table th{text-align:left;padding:14px 12px;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.schedule-table td{padding:16px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.schedule-table tr.today-line{background:#eff6ff}.day-name{font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.today-badge{padding:2px 8px;background:#10b981;color:#fff;border-radius:4px;font-size:10px;font-weight:700}.date-val,.date-cell{color:#6b7280;font-size:13px;white-space:nowrap}.time-val{color:#111827;font-family:monospace;font-weight:600;font-size:13px;white-space:nowrap}.topic-val,.topic-cell{color:#111827;font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inst-val{color:#6b7280;font-size:13px}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap}.type-badge.live{background:#fee2e2;color:#dc2626}.type-badge.recorded{background:#d1fae5;color:#059669}.type-text{display:inline}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-badge.upcoming{background:#fef3c7;color:#92400e}.status-badge.ongoing{background:#dbeafe;color:#1e40af}.status-badge.completed{background:#d1fae5;color:#065f46}.center-cell{text-align:center;font-weight:600;color:#6b7280}.timetable-content{display:flex;flex-direction:column;gap:12px}.week-box{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.week-box.current{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.week-header-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;border:none;background:#fff;cursor:pointer;transition:background .2s;flex-wrap:wrap;gap:12px}.week-header-btn:hover{background:#f9fafb}.week-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.week-num{font-size:15px;font-weight:700;color:#111827}.week-classes-count{padding:4px 10px;background:#f3f4f6;border-radius:4px;font-size:12px;color:#6b7280}.week-title-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.week-done{font-size:13px;color:#6b7280}.arrow-icon{color:#9ca3af;transition:transform .3s;flex-shrink:0}.arrow-icon.up{transform:rotate(180deg)}.week-table-box{padding:0 20px 20px;border-top:1px solid #f3f4f6}.no-class-text{padding:20px;text-align:center;color:#9ca3af;font-size:14px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.inner-schedule-table{width:100%;margin-top:12px;font-size:14px;min-width:600px}.inner-schedule-table th{text-align:left;padding:12px 8px;border-bottom:1px solid #e5e7eb;font-weight:600;color:#6b7280;font-size:11px;text-transform:uppercase}.inner-schedule-table td{padding:12px 8px;border-bottom:1px solid #f3f4f6}.mini-status{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:12px}.mini-status.completed{background:#d1fae5;color:#065f46}.mini-status.ongoing{background:#dbeafe;color:#1e40af}.mini-status.upcoming{background:#f3f4f6;color:#9ca3af}.empty-box{text-align:center;padding:60px 20px;color:#9ca3af}.empty-box p{margin:16px 0 8px;font-size:16px;color:#6b7280}.empty-box small{font-size:13px;color:#9ca3af}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}@media(max-width:1024px){.compressed-banner{padding:16px 20px}.stats-line{grid-template-columns:repeat(2,1fr)}.controls-bar{flex-direction:column;align-items:stretch;padding:16px 20px}.course-filter{flex-direction:column;align-items:flex-start}.course-chips{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.search-pdf{width:100%;justify-content:space-between}.search-compact{flex:1;width:auto}.content-wrap{padding:16px 20px}}@media(max-width:768px){.compressed-banner{padding:16px}.banner-top{flex-direction:column;align-items:stretch}.banner-left-compact{width:100%}.text-box h1{font-size:18px}.notif-box{align-self:flex-end}.notif-drop{position:fixed;top:80px;left:16px;right:16px;width:auto}.stats-line{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card-compact{padding:12px}.stat-icon-c{width:36px;height:36px;font-size:16px}.stat-num-c{font-size:18px}.controls-bar{padding:12px 16px}.tabs-bar{padding:12px 16px;gap:4px}.tabs-bar button{padding:8px 14px;font-size:13px}.content-wrap{padding:12px 16px}.view-box{padding:16px;border-radius:8px}.box-header{flex-direction:column;align-items:flex-start;gap:10px}.class-row{flex-direction:column;align-items:flex-start;gap:12px}.row-time{display:flex;align-items:center;gap:12px;min-width:auto;width:100%;text-align:left}.big-time{font-size:16px}.row-info{width:100%;min-width:auto}.row-action{width:100%;flex-direction:row;justify-content:space-between;align-items:center;min-width:auto}.join-btn-sm{width:auto}.schedule-table th,.schedule-table td{padding:12px 8px;font-size:13px}.topic-val,.topic-cell{max-width:150px}.type-text{display:none}.week-header-btn{padding:14px 16px}.week-done{display:none}}@media(max-width:480px){.stats-line{grid-template-columns:1fr}.stat-card-compact{justify-content:flex-start}.tabs-bar button span{display:none}.tabs-bar button{padding:10px 14px;justify-content:center}.tabs-bar button svg{font-size:18px}.pdf-text{display:none}.pdf-btn{padding:10px;min-width:44px;justify-content:center}.search-compact{padding:8px 12px}.row-meta{gap:8px}.week-tag,.date-tag-inline,.inst-tag{font-size:10px;padding:3px 8px}.schedule-table{min-width:600px}.inner-schedule-table{min-width:500px}.schedule-table th,.schedule-table td{padding:10px 6px}.type-badge,.status-badge{padding:4px 8px;font-size:10px}}@media(max-width:360px){.banner-left-compact{gap:12px}.icon-box{width:40px;height:40px;font-size:18px}.text-box h1{font-size:16px}.stat-card-compact{padding:10px}.stat-icon-c{width:32px;height:32px;font-size:14px}.stat-num-c{font-size:16px}.view-box{padding:12px}}.header-badges{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.count-badge{padding:6px 14px;background:#000b29;color:#fff;border-radius:20px;font-size:13px;font-weight:600}.progress-badge{padding:6px 14px;background:#d1fae5;color:#065f46;border-radius:20px;font-size:13px;font-weight:600}.total-weeks-badge{padding:6px 14px;background:#e0e7ff;color:#3730a3;border-radius:20px;font-size:13px;font-weight:600}.tab-badge{margin-left:6px;padding:2px 8px;background:#ef4444;color:#fff;border-radius:10px;font-size:11px;font-weight:700}.empty-icon{width:80px;height:80px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#9ca3af}.empty-box h4{margin:0 0 8px;color:#374151;font-size:18px}.empty-box p{color:#6b7280;margin-bottom:20px}.btn-check-week{padding:12px 24px;background:#000b29;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.class-row{position:relative;overflow:hidden}.class-row.is-today{border:2px solid #3b82f6;background:#eff6ff}.class-row.completed{opacity:.7;background:#f0fdf4}.class-row.completed .row-info h4{text-decoration:line-through;color:#6b7280}.live-pulse{display:inline-flex;align-items:center;gap:6px;color:#ef4444;font-size:12px;font-weight:700;animation:pulse 2s infinite;margin-top:4px}.row-title-wrap{display:flex;align-items:center;gap:12px;margin-bottom:8px}.completed-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#10b981;color:#fff;border-radius:20px;font-size:11px;font-weight:600}.time-until{font-size:12px;color:#6b7280;margin-top:4px}.live-class-wrapper{margin-top:12px}.class-completed-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#d1fae5;color:#065f46;border-radius:6px;font-size:13px;font-weight:600;margin-top:10px}.modern-table th{background:#f9fafb;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.modern-table td{padding:16px 12px}.day-cell{display:flex;flex-direction:column;gap:4px}.time-cell{display:flex;align-items:center;gap:6px;color:#374151;font-weight:500}.topic-cell .topic-title{font-weight:600;color:#111827;margin-bottom:4px}.topic-cell .topic-meta{font-size:12px;color:#6b7280}.status-cell{text-align:center}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pill.completed{background:#d1fae5;color:#065f46}.status-pill.ongoing{background:#dbeafe;color:#1e40af;animation:pulse 2s infinite}.status-pill.upcoming{background:#fef3c7;color:#92400e}.week-box.past{opacity:.8}.week-box.past .week-header-btn{background:#f9fafb}.current-week-badge{padding:4px 10px;background:#3b82f6;color:#fff;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.past-week-badge{padding:4px 10px;background:#10b981;color:#fff;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.week-progress{width:60px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:#10b981;border-radius:3px;transition:width .3s ease}.instructor-small{font-size:11px;color:#6b7280;margin-top:4px;display:flex;align-items:center;gap:4px}.search-inline{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:250px}.search-inline input{border:none;background:none;outline:none;width:100%;font-size:14px}.week-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#000b29;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.empty-state-full{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:#f3f4f6}.empty-icon-large{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#9ca3af;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.empty-state-full h2{color:#111827;margin-bottom:12px}.empty-state-full p{color:#6b7280;margin-bottom:24px}.btn-browse-courses{padding:14px 28px;background:#000b29;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.notif-item-compact.completed{border-left:3px solid #10b981}.notif-item-compact.upcoming{border-left:3px solid #3b82f6}@media(max-width:768px){.header-badges{width:100%;justify-content:flex-start}.search-inline{width:100%;min-width:auto}.class-row{padding:16px}.row-title-wrap{flex-wrap:wrap}.modern-table{font-size:13px}.status-pill{padding:4px 10px;font-size:11px}}.homework-page{max-width:1100px;margin:0 auto;padding:40px 32px;background-color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#111827}.homework-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.header-content h1{font-size:30px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.5px}.header-content p{color:#6b7280;font-size:15px;margin:0}.new-task-btn{display:flex;align-items:center;gap:8px;background-color:#111827;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.new-task-btn:hover{background-color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.new-task-btn span{font-size:18px;line-height:1}.stats-bar{display:flex;gap:16px;margin-bottom:28px}.stat-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;transition:all .2s ease}.stat-pill:hover{background-color:#f3f4f6}.stat-pill.pending{background-color:#fef2f2;border-color:#fecaca}.stat-pill.submitted{background-color:#f0f9ff;border-color:#bae6fd}.stat-pill.graded{background-color:#f0fdf4;border-color:#bbf7d0}.stat-num{font-size:18px;font-weight:700;color:#111827}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.filter-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-tabs{display:flex;gap:4px;background-color:#f3f4f6;padding:4px;border-radius:10px}.filter-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background-color:transparent;color:#6b7280;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.filter-tab:hover{color:#374151;background-color:#ffffff80}.filter-tab.active{background-color:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #0000001a}.count-badge{background-color:#e5e7eb;color:#374151;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.filter-tab.active .count-badge{background-color:#111827;color:#fff}.filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#d1d5db;color:#374151;background-color:#f9fafb}.homework-list{display:flex;flex-direction:column;gap:12px}.homework-row{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;gap:20px}.homework-row:hover{border-color:#d1d5db;box-shadow:0 4px 20px #0000000d;transform:translate(4px)}.homework-row.submitted{background-color:#fafafa}.homework-row.graded{background-color:#f0fdf4;border-color:#bbf7d0}.row-left{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.file-icon{width:44px;height:44px;background-color:#f3f4f6;color:#6b7280;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.homework-row.pending .file-icon{background-color:#fef2f2;color:#dc2626}.homework-row.submitted .file-icon{background-color:#f0f9ff;color:#0284c7}.homework-row.graded .file-icon{background-color:#d1fae5;color:#059669}.homework-info{min-width:0;flex:1}.title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.title-row h3{font-size:16px;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grade-badge{background-color:#111827;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.course-line{display:flex;align-items:center;gap:8px;margin-bottom:8px}.course-code{background-color:#f3f4f6;color:#374151;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600}.course-name{color:#6b7280;font-size:13px}.feedback-preview{display:flex;align-items:center;gap:6px;color:#059669;font-size:13px;font-weight:500}.feedback-preview svg{flex-shrink:0}.row-center{min-width:140px}.due-info{display:flex;align-items:center;gap:10px;color:#6b7280}.due-info svg{color:#9ca3af;flex-shrink:0}.due-details{display:flex;flex-direction:column;gap:2px}.due-date{font-size:13px;font-weight:600;color:#374151}.due-time{font-size:12px;color:#9ca3af}.row-right{display:flex;align-items:center;gap:12px}.status-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.attachment-hint{display:flex;align-items:center;gap:4px;color:#9ca3af;font-size:13px;font-weight:500}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn.submit{background-color:#111827;color:#fff}.action-btn.submit:hover{background-color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-btn.view{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.action-btn.view:hover{background-color:#e5e7eb;border-color:#d1d5db}.menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s ease}.menu-btn:hover{background-color:#f3f4f6;color:#374151}.empty-state{text-align:center;padding:80px 20px;color:#6b7280}.empty-icon{width:80px;height:80px;background-color:#f3f4f6;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#9ca3af}.empty-state h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.empty-state p{font-size:15px;margin:0;color:#6b7280}@media(max-width:968px){.homework-page{padding:24px 20px}.homework-header{flex-direction:column;gap:16px}.new-task-btn{width:100%;justify-content:center}.stats-bar{flex-wrap:wrap}.stat-pill{flex:1;min-width:100px;justify-content:center}.filter-toolbar{flex-direction:column;gap:16px;align-items:stretch}.filter-tabs{overflow-x:auto;padding:4px}.filter-tab{white-space:nowrap}.homework-row{flex-wrap:wrap;gap:16px}.row-left{width:100%}.row-center{order:3;width:100%;padding-left:60px}.row-right{margin-left:auto}}@media(max-width:640px){.title-row,.course-line{flex-wrap:wrap}.row-right{width:100%;justify-content:flex-end;padding-top:12px;border-top:1px solid #f3f4f6}}div.assignments-container{max-width:1400px!important;margin:0 auto!important;padding:24px!important;background:#fff!important;min-height:100vh!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;box-sizing:border-box!important}div.assignments-container>div.page-header{background:#000b29!important;color:#fff!important;padding:20px 32px!important;border-radius:12px!important;margin-bottom:24px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:20px!important;box-shadow:0 2px 8px #000b291a!important;position:relative!important;overflow:visible!important}div.page-header>div.header-left{display:flex!important;align-items:center!important;gap:16px!important}div.header-left>div.icon-circle{width:48px!important;height:48px!important;background:#ffffff1a!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}div.header-left h1{margin:0 0 4px!important;font-size:24px!important;font-weight:700!important;color:#fff!important}div.header-left p{margin:0!important;color:#ffffffb3!important;font-size:14px!important}div.notification-wrapper{position:relative!important}button.notification-btn{width:44px!important;height:44px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;background:#ffffff1a!important;color:#fff!important;cursor:pointer!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;transition:all .2s ease!important}button.notification-btn:hover{background:#fff3!important;transform:scale(1.05)!important}span.notification-badge{position:absolute!important;top:-6px!important;right:-6px!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-weight:700!important;min-width:20px!important;height:20px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;animation:pulse 2s infinite!important;border:2px solid #000B29!important}div.notification-dropdown{position:absolute!important;top:55px!important;right:0!important;width:380px!important;max-height:480px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 20px 50px #00000026!important;z-index:1000!important;overflow:hidden!important;border:1px solid #e5e7eb!important;animation:slideDown .2s ease!important}div.notification-header{padding:16px 20px!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#f9fafb!important}div.notification-header h4{margin:0!important;font-size:16px!important;font-weight:700!important;color:#111827!important}div.notification-actions{display:flex!important;gap:12px!important}button.btn-text{background:none!important;border:none!important;color:#000b29!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;padding:4px 8px!important;border-radius:4px!important;transition:all .2s!important}button.btn-text:hover{background:#000b290d!important}button.btn-text.danger{color:#dc2626!important}button.btn-text.danger:hover{background:#dc26260d!important}div.notification-list{max-height:380px!important;overflow-y:auto!important}div.notification-item{padding:16px 20px!important;display:flex!important;gap:12px!important;cursor:pointer!important;transition:all .2s!important;border-bottom:1px solid #f3f4f6!important;position:relative!important;align-items:flex-start!important}div.notification-item:hover{background:#f9fafb!important}div.notification-item.unread{background:#eff6ff!important;border-left:3px solid #000B29!important}div.notification-icon{width:36px!important;height:36px!important;border-radius:8px!important;background:#000b29!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;font-size:14px!important}div.notification-icon.graded{background:#10b981!important}div.notification-icon.reminder{background:#f59e0b!important}div.notification-content{flex:1!important;min-width:0!important}div.notification-content h5{margin:0 0 4px!important;font-size:13px!important;font-weight:600!important;color:#111827!important}div.notification-content p{margin:0 0 4px!important;font-size:12px!important;color:#6b7280!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}span.notification-time{font-size:11px!important;color:#9ca3af!important;font-weight:500!important}div.unread-dot{width:8px!important;height:8px!important;background:#3b82f6!important;border-radius:50%!important;flex-shrink:0!important;margin-top:4px!important}button.delete-notif-btn{background:none!important;border:none!important;color:#9ca3af!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;opacity:0!important;transition:all .2s!important;font-size:12px!important}div.notification-item:hover button.delete-notif-btn{opacity:1!important}button.delete-notif-btn:hover{color:#dc2626!important;background:#dc26261a!important}div.notification-empty{padding:40px 20px!important;text-align:center!important;color:#9ca3af!important}div.notification-empty p{margin:8px 0 0!important;font-size:13px!important}div.stats-container{display:flex!important;gap:12px!important;flex-wrap:wrap!important;position:relative!important;z-index:2!important;order:3!important;width:100%!important;justify-content:flex-end!important}div.header-stat-box{background:#fff!important;border-radius:10px!important;padding:16px 20px!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:120px!important;box-shadow:0 2px 4px #0000001a!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .2s ease!important}div.header-stat-box:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000026!important}div.header-stat-icon{width:40px!important;height:40px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;color:#fff!important;flex-shrink:0!important}div.header-stat-icon.stat-total{background:#6366f1!important}div.header-stat-icon.stat-pending{background:#f59e0b!important}div.header-stat-icon.stat-submitted{background:#3b82f6!important}div.header-stat-icon.stat-graded{background:#10b981!important}div.header-stat-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important}span.header-stat-value{font-size:24px!important;font-weight:700!important;color:#111827!important;line-height:1!important;margin-bottom:2px!important}span.header-stat-label{font-size:11px!important;color:#6b7280!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}div.analytics-bar{background:#fff!important;border-radius:12px!important;padding:20px 24px!important;margin-bottom:24px!important;display:flex!important;align-items:center!important;gap:32px!important;box-shadow:0 1px 3px #0000000d!important;border:1px solid #e5e7eb!important}div.progress-ring{position:relative!important;width:80px!important;height:80px!important;flex-shrink:0!important}div.progress-ring svg{transform:rotate(-90deg)!important;width:100%!important;height:100%!important}div.progress-text{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;text-align:center!important}div.progress-text span.percentage{display:block!important;font-size:18px!important;font-weight:700!important;color:#000b29!important;line-height:1!important}div.progress-text span.label{font-size:9px!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:600!important}div.analytics-details{display:flex!important;gap:24px!important;flex:1!important}div.analytic-item{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;background:#f9fafb!important;border-radius:10px!important;flex:1!important;transition:all .2s ease!important}div.analytic-item:hover{background:#f3f4f6!important;transform:translateY(-1px)!important}div.analytic-item.urgent{background:#fef2f2!important;border:1px solid #fecaca!important}div.analytic-item.urgent svg{color:#dc2626!important}div.analytic-item svg{font-size:20px!important;color:#000b29!important}div.analytic-item div{display:flex!important;flex-direction:column!important}div.analytic-item span.value{font-size:20px!important;font-weight:700!important;color:#111827!important;line-height:1!important}div.analytic-item.urgent span.value{color:#dc2626!important}div.analytic-item span.label{font-size:11px!important;color:#6b7280!important;text-transform:uppercase!important;font-weight:600!important;letter-spacing:.5px!important}div.controls-bar{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important;gap:16px!important;flex-wrap:wrap!important}div.filter-tabs{display:flex!important;gap:4px!important;background:#f9fafb!important;padding:4px!important;border-radius:8px!important;border:1px solid #e5e7eb!important}button.filter-tab{padding:8px 16px!important;border:none!important;background:transparent!important;cursor:pointer!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important;color:#6b7280!important;transition:all .2s!important}button.filter-tab:hover{color:#000b29!important;background:#fff!important}button.filter-tab.active{background:#000b29!important;color:#fff!important;box-shadow:0 1px 2px #000b291a!important}div.search-wrapper{position:relative!important;flex:1!important;max-width:300px!important}svg.search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#9ca3af!important;font-size:14px!important;z-index:2!important}div.search-wrapper input{width:100%!important;padding:10px 12px 10px 36px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;font-size:13px!important;outline:none!important;transition:all .2s!important;background:#fff!important;font-weight:400!important;color:#111827!important}div.search-wrapper input:focus{border-color:#000b29!important;box-shadow:0 0 0 3px #000b290d!important}div.course-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important;width:100%!important}div.course-card{background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important;overflow:hidden!important;transition:all .3s ease!important;cursor:pointer!important;display:flex!important;flex-direction:column!important}div.course-card:hover{box-shadow:0 4px 12px #000b291a!important;transform:translateY(-2px)!important;border-color:#000b29!important}div.course-card.expanded{box-shadow:0 8px 24px #000b2926!important;border-color:#000b29!important;grid-column:1 / -1!important}div.course-card-header{display:flex!important;align-items:center!important;gap:16px!important;padding:20px!important;background:#fff!important;border-bottom:1px solid transparent!important;transition:all .2s ease!important}div.course-card.expanded div.course-card-header{border-bottom-color:#e5e7eb!important;background:#f9fafb!important}div.course-icon-wrapper{width:48px!important;height:48px!important;background:#000b29!important;color:#fff!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;flex-shrink:0!important;transition:all .2s ease!important}div.course-card:hover div.course-icon-wrapper{transform:scale(1.05)!important;box-shadow:0 4px 12px #000b2933!important}div.course-card-info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important}div.course-card-info h3{margin:0!important;font-size:16px!important;font-weight:700!important;color:#111827!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}div.course-stats-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}span.stat-pill{display:inline-flex!important;align-items:center!important;padding:4px 10px!important;border-radius:20px!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important}span.stat-pill.total{background:#eff6ff!important;color:#1e40af!important}span.stat-pill.pending{background:#fef3c7!important;color:#92400e!important}span.stat-pill.completed{background:#dcfce7!important;color:#166534!important}button.expand-btn{width:36px!important;height:36px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#6b7280!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important;font-size:14px!important}button.expand-btn:hover{border-color:#000b29!important;color:#000b29!important;background:#f9fafb!important}button.expand-btn.open{transform:rotate(180deg)!important;background:#000b29!important;color:#fff!important;border-color:#000b29!important}div.course-assignments-dropdown{background:#f9fafb!important;padding:0!important;animation:slideDown .3s ease!important;width:100%!important}div.course-assignments-dropdown div.assignments-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;padding:24px!important;width:100%!important;box-sizing:border-box!important}div.course-assignments-dropdown div.assignment-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:16px!important;transition:all .2s ease!important;box-shadow:0 2px 4px #0000000d!important;position:relative!important;overflow:hidden!important;min-height:320px!important}div.course-assignments-dropdown div.assignment-card:hover{box-shadow:0 8px 16px #0000001a!important;transform:translateY(-4px)!important;border-color:#000b29!important}div.course-assignments-dropdown div.assignment-card.urgent{border-color:#fecaca!important;background:linear-gradient(135deg,#fff,#fef2f2)!important}div.course-assignments-dropdown div.assignment-card.urgent:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#dc2626,#f87171)!important}div.course-assignments-dropdown h4.asm-title{margin:0!important;font-size:16px!important;font-weight:700!important;color:#111827!important;line-height:1.4!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:44px!important;width:100%!important}div.course-assignments-dropdown div.card-header-info{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:12px!important;padding-bottom:12px!important;border-bottom:1px solid #f3f4f6!important}div.course-assignments-dropdown span.asm-number{background:#000b29!important;color:#fff!important;padding:6px 12px!important;border-radius:6px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;flex-shrink:0!important}div.course-assignments-dropdown span.status-badge{padding:6px 14px!important;border-radius:20px!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;flex-shrink:0!important}div.course-assignments-dropdown div.card-body{flex:1!important;display:flex!important;flex-direction:column!important;gap:12px!important}div.course-assignments-dropdown p.asm-desc{margin:0!important;font-size:13px!important;color:#6b7280!important;line-height:1.5!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:39px!important}div.pdf-files-section{margin:8px 0!important;padding:12px!important;background:#f9fafb!important;border-radius:8px!important;border:1px solid #e5e7eb!important}div.pdf-files-list{display:flex!important;flex-direction:column!important;gap:8px!important}a.pdf-file-item{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;background:#fff!important;border-radius:6px!important;text-decoration:none!important;color:#374151!important;font-size:13px!important;font-weight:500!important;transition:all .2s ease!important;border:1px solid #e5e7eb!important;overflow:hidden!important}a.pdf-file-item:hover{background:#eff6ff!important;border-color:#3b82f6!important;transform:translate(4px)!important;box-shadow:0 2px 8px #3b82f61a!important}a.pdf-file-item svg.pdf-icon{color:#6b7280!important;font-size:20px!important;flex-shrink:0!important;transition:color .2s ease!important}a.pdf-file-item:hover svg.pdf-icon{color:#3b82f6!important}span.pdf-filename{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;font-size:12px!important;color:#4b5563!important}div.course-assignments-dropdown div.card-meta{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:12px!important;background:#f9fafb!important;border-radius:8px!important;margin-top:auto!important}div.course-assignments-dropdown div.meta-item{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;color:#6b7280!important;font-weight:500!important}div.course-assignments-dropdown div.meta-item.countdown{flex:1!important}div.course-assignments-dropdown div.meta-item.marks{display:flex!important;align-items:center!important;gap:4px!important;color:#f59e0b!important;font-size:12px!important;font-weight:600!important;background:#fffbeb!important;padding:4px 10px!important;border-radius:6px!important;white-space:nowrap!important}div.course-assignments-dropdown div.card-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-top:12px!important;border-top:1px solid #f3f4f6!important;gap:12px!important}div.course-assignments-dropdown div.marks-display{font-size:13px!important;font-weight:600!important;color:#000b29!important;background:#f3f4f6!important;padding:8px 14px!important;border-radius:6px!important;white-space:nowrap!important}div.course-assignments-dropdown div.grade-display{display:flex!important;align-items:center!important;gap:4px!important;background:#dcfce7!important;padding:8px 14px!important;border-radius:6px!important;white-space:nowrap!important}div.course-assignments-dropdown div.grade-display svg{color:#f59e0b!important;font-size:14px!important}div.course-assignments-dropdown div.grade-display span.score{font-size:16px!important;font-weight:700!important;color:#059669!important}div.course-assignments-dropdown div.grade-display span.total{font-size:12px!important;color:#6b7280!important;font-weight:600!important}div.course-assignments-dropdown div.card-actions{display:flex!important;gap:8px!important;margin-left:auto!important}div.course-assignments-dropdown button.btn-view{width:36px!important;height:36px!important;border-radius:6px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important;font-size:14px!important}div.course-assignments-dropdown button.btn-view:hover{border-color:#000b29!important;color:#000b29!important;background:#f9fafb!important;transform:scale(1.05)!important}div.course-assignments-dropdown button.btn-build{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;background:#e30613!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important}div.course-assignments-dropdown button.btn-build:hover{background:#c00510!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #e306134d!important}div.course-assignments-dropdown button.btn-submit{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;background:#000b29!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important}div.course-assignments-dropdown button.btn-submit:hover{background:#001a3d!important;transform:translateY(-1px)!important}div.course-assignments-dropdown button.btn-status{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;border:none!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;cursor:default!important;white-space:nowrap!important}div.course-assignments-dropdown button.btn-status.submitted{background:#dbeafe!important;color:#1e40af!important}div.course-assignments-dropdown button.btn-status.graded{background:#dcfce7!important;color:#059669!important}.deadline-countdown{display:flex!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;transition:all .3s ease!important;white-space:nowrap!important}.deadline-countdown .countdown-icon{font-size:12px!important}.countdown-normal{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}.countdown-warning{background:#fef3c7!important;color:#92400e!important;border:1px solid #fcd34d!important;animation:pulse-warning 2s infinite!important}.countdown-urgent{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important;animation:pulse-urgent 1s infinite!important}.countdown-critical{background:#fecaca!important;color:#7f1d1d!important;border:2px solid #dc2626!important;animation:pulse-critical .5s infinite!important;font-weight:700!important}.countdown-overdue{background:#fecaca!important;color:#dc2626!important;padding:4px 10px!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:4px!important}.countdown-complete{background:#dcfce7!important;color:#059669!important;padding:4px 10px!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important}@keyframes pulse-warning{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 4px #fbbf2400}}@keyframes pulse-urgent{0%,to{box-shadow:0 0 #f8717166;transform:scale(1)}50%{box-shadow:0 0 0 4px #f8717100;transform:scale(1.02)}}@keyframes pulse-critical{0%,to{box-shadow:0 0 #dc262699;background:#fecaca}50%{box-shadow:0 0 0 6px #dc262600;background:#fca5a5}}div.highlight-assignment{animation:highlightPulse 3s ease!important}@keyframes highlightPulse{0%,to{box-shadow:0 0 #000b2900;transform:scale(1)}50%{box-shadow:0 0 0 4px #000b2933;transform:scale(1.02)}}div.empty-state{text-align:center!important;padding:60px 20px!important;color:#6b7280!important;background:#fff!important;border-radius:12px!important;border:1px dashed #d1d5db!important}div.empty-state svg{color:#d1d5db!important;margin-bottom:16px!important;font-size:40px!important}div.empty-state h3{margin:0 0 6px!important;color:#374151!important;font-size:18px!important;font-weight:600!important}div.empty-state p{margin:0 0 20px!important;font-size:14px!important}div.loading-state,div.error-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:80px 20px!important;text-align:center!important}div.spinner{width:40px!important;height:40px!important;border:3px solid #f3f4f6!important;border-top-color:#000b29!important;border-radius:50%!important;animation:spin 1s linear infinite!important;margin-bottom:16px!important}@keyframes spin{to{transform:rotate(360deg)!important}}button.btn-primary{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;background:#000b29!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important}button.btn-primary:hover{background:#001a3d!important;transform:translateY(-1px)!important}button.btn-secondary{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;background:#fff!important;color:#374151!important;border:1px solid #e5e7eb!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important}button.btn-secondary:hover{background:#f9fafb!important;border-color:#d1d5db!important;transform:translateY(-1px)!important}div.modal-overlay{position:fixed!important;inset:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;z-index:9999!important;animation:fadeIn .2s ease!important}@keyframes fadeIn{0%{opacity:0!important}to{opacity:1!important}}div.modal-content{background:#fff!important;border-radius:12px!important;width:100%!important;max-width:500px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 10px 40px #0003!important;animation:slideUp .3s ease!important}@keyframes slideUp{0%{opacity:0!important;transform:translateY(20px)!important}to{opacity:1!important;transform:translateY(0)!important}}div.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px!important;border-bottom:1px solid #e5e7eb!important}div.modal-title{display:flex!important;align-items:center!important;gap:10px!important}span.asm-badge{background:#000b29!important;color:#fff!important;padding:4px 10px!important;border-radius:6px!important;font-size:12px!important;font-weight:700!important}div.modal-header h3{margin:0!important;font-size:18px!important;font-weight:600!important;color:#111827!important}button.close-btn{width:32px!important;height:32px!important;border:none!important;background:#f3f4f6!important;color:#6b7280!important;cursor:pointer!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important;font-size:14px!important}button.close-btn:hover{background:#e5e7eb!important;color:#374151!important;transform:rotate(90deg)!important}div.modal-body{padding:20px!important}div.detail-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;margin-bottom:20px!important}div.detail-item{display:flex!important;flex-direction:column!important;gap:4px!important}div.detail-item span.label{font-size:11px!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:600!important}div.detail-item span.value{font-size:14px!important;font-weight:600!important;color:#111827!important}div.detail-item span.value.status-graded{color:#059669!important}div.detail-item span.value.status-submitted{color:#2563eb!important}div.detail-item span.value.status-pending{color:#d97706!important}div.detail-item span.value.status-overdue{color:#dc2626!important}div.description-box,div.materials-box,div.grade-box{margin-bottom:20px!important}div.description-box h4,div.materials-box h4,div.grade-box h4{margin:0 0 10px!important;font-size:12px!important;font-weight:600!important;color:#374151!important;text-transform:uppercase!important;letter-spacing:.5px!important}div.description-box p{margin:0!important;font-size:14px!important;color:#4b5563!important;line-height:1.6!important}div.files-list{display:flex!important;flex-direction:column!important;gap:8px!important}a.file-item{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;background:#f9fafb!important;border-radius:8px!important;text-decoration:none!important;color:#374151!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important;border:1px solid transparent!important}a.file-item:hover{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 2px 4px #0000000d!important;transform:translate(2px)!important}a.file-item svg:last-child{margin-left:auto!important;color:#9ca3af!important}div.grade-display-large{display:flex!important;align-items:center!important;gap:12px!important;padding:20px!important;background:#dcfce7!important;border-radius:10px!important;margin-bottom:16px!important}div.grade-display-large svg{color:#f59e0b!important;font-size:28px!important}div.grade-display-large span.score{font-size:32px!important;font-weight:700!important;color:#059669!important}div.grade-display-large span.total{font-size:18px!important;color:#6b7280!important;font-weight:600!important}div.feedback-text{padding:14px!important;background:#f9fafb!important;border-radius:8px!important;font-size:14px!important;color:#4b5563!important;line-height:1.6!important;border-left:3px solid #000B29!important}div.modal-footer{padding:16px 20px!important;border-top:1px solid #e5e7eb!important;display:flex!important;justify-content:flex-end!important;gap:10px!important}div.countdown-box{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:16px!important;margin-bottom:20px!important;text-align:center!important}div.countdown-box h4{margin:0 0 10px!important;font-size:12px!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important}div.submit-info{text-align:center!important;margin-bottom:24px!important;padding-bottom:20px!important;border-bottom:1px solid #e5e7eb!important}div.submit-info span.asm-num{display:inline-block!important;background:#000b29!important;color:#fff!important;padding:4px 12px!important;border-radius:6px!important;font-size:12px!important;font-weight:700!important;margin-bottom:10px!important}div.submit-info h4{margin:0 0 4px!important;font-size:18px!important;font-weight:600!important;color:#111827!important}div.submit-info p{margin:0!important;font-size:14px!important;color:#6b7280!important;font-weight:400!important}div.upload-box{margin-bottom:20px!important}label.upload-title{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:600!important;color:#374151!important;margin-bottom:12px!important}div.file-upload-area{border:2px dashed #d1d5db!important;border-radius:10px!important;padding:30px!important;text-align:center!important;margin-bottom:14px!important;transition:all .2s!important;background:#f9fafb!important;cursor:pointer!important}div.file-upload-area:hover{border-color:#000b29!important;background:#f3f4f6!important}label.upload-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;background:#fff!important;color:#000b29!important;border:1px solid #000B29!important;border-radius:8px!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important}label.upload-btn:hover{background:#000b29!important;color:#fff!important;transform:translateY(-1px)!important}div.selected-files{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:10px!important}span.file-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background:#dbeafe!important;color:#1e40af!important;border-radius:16px!important;font-size:12px!important;font-weight:500!important}span.file-chip button{background:none!important;border:none!important;color:#1e40af!important;cursor:pointer!important;padding:0!important;display:flex!important;align-items:center!important;font-size:14px!important;transition:transform .2s!important}span.file-chip button:hover{transform:scale(1.2)!important}p.file-types{font-size:12px!important;color:#9ca3af!important;margin:0!important;font-weight:400!important}div.comments-box label{display:block!important;font-size:14px!important;font-weight:600!important;color:#374151!important;margin-bottom:8px!important}div.comments-box textarea{width:100%!important;padding:10px 12px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;font-size:14px!important;resize:vertical!important;outline:none!important;font-family:inherit!important;transition:all .2s!important;font-weight:400!important;color:#111827!important}div.comments-box textarea:focus{border-color:#000b29!important;box-shadow:0 0 0 3px #000b290d!important}svg.file-icon{font-size:18px!important}svg.file-icon.pdf{color:#dc2626!important}svg.file-icon.word{color:#2563eb!important}svg.file-icon.archive{color:#7c3aed!important}@media(max-width:1200px){div.course-grid,div.course-assignments-dropdown div.assignments-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:1024px){div.analytics-bar{flex-direction:column!important;gap:20px!important;text-align:center!important}div.analytics-details{width:100%!important;justify-content:center!important}div.header-stat-box{min-width:auto!important;padding:12px 16px!important}div.notification-dropdown{width:340px!important;right:-50px!important}}@media(max-width:768px){div.assignments-container{padding:12px!important}div.page-header{flex-direction:column!important;align-items:stretch!important;padding:16px!important;text-align:center!important}div.notification-wrapper{position:absolute!important;top:16px!important;right:16px!important}div.notification-dropdown{right:0!important;width:calc(100vw - 32px)!important;max-width:360px!important}div.header-left{flex-direction:column!important;align-items:center!important}div.header-left h1{font-size:18px!important}div.stats-container{justify-content:center!important;width:100%!important;gap:8px!important}div.header-stat-box{flex:1!important;min-width:calc(50% - 4px)!important;max-width:none!important;justify-content:center!important;padding:10px!important}span.header-stat-value{font-size:18px!important}div.analytics-bar{padding:16px!important}div.analytics-details{flex-direction:column!important;gap:10px!important}div.controls-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}div.filter-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;padding:4px!important}button.filter-tab{padding:8px 12px!important;white-space:nowrap!important;font-size:12px!important}div.search-wrapper{max-width:none!important}div.course-grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important}div.course-card.expanded{grid-column:1 / -1!important;width:100%!important}div.course-assignments-dropdown div.assignments-grid{grid-template-columns:1fr!important;padding:12px!important;gap:16px!important;width:100%!important}div.course-card-header{padding:16px!important}div.course-icon-wrapper{width:40px!important;height:40px!important;font-size:18px!important}div.course-card-info h3{font-size:15px!important}div.course-assignments-dropdown div.assignment-card{padding:20px!important;min-height:auto!important;gap:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:16px!important}div.course-assignments-dropdown h4.asm-title{font-size:18px!important;-webkit-line-clamp:3!important;min-height:auto!important}div.course-assignments-dropdown div.card-header-info{padding-bottom:16px!important}div.course-assignments-dropdown span.asm-number{padding:8px 14px!important;border-radius:8px!important;font-size:13px!important}div.course-assignments-dropdown span.status-badge{padding:8px 16px!important;font-size:12px!important}div.course-assignments-dropdown p.asm-desc{font-size:14px!important;text-align:left!important;-webkit-line-clamp:3!important;min-height:auto!important}div.pdf-files-section{padding:12px!important;margin:4px 0!important;border-radius:10px!important}a.pdf-file-item{padding:10px 12px!important}span.pdf-filename{font-size:12px!important}div.course-assignments-dropdown div.card-meta{padding:14px!important;border-radius:10px!important}div.course-assignments-dropdown div.card-footer{padding-top:16px!important}div.course-assignments-dropdown div.marks-display,div.course-assignments-dropdown div.grade-display{font-size:14px!important;padding:10px 16px!important}div.course-assignments-dropdown div.card-actions{gap:8px!important}div.course-assignments-dropdown button.btn-view{width:40px!important;height:40px!important}div.course-assignments-dropdown button.btn-build,div.course-assignments-dropdown button.btn-submit,div.course-assignments-dropdown button.btn-status{padding:10px 16px!important;font-size:13px!important}div.detail-grid{grid-template-columns:1fr!important}div.modal-content{margin:10px!important;max-height:95vh!important;border-radius:12px!important;width:calc(100% - 20px)!important}div.modal-header,div.modal-body,div.modal-footer{padding:16px!important}div.modal-footer{flex-direction:column-reverse!important;gap:10px!important}div.modal-footer button{width:100%!important;justify-content:center!important}}@media(max-width:480px){div.assignments-container{padding:8px!important}div.page-header{padding:12px!important}div.header-left h1{font-size:16px!important}div.icon-circle{width:36px!important;height:36px!important;font-size:18px!important}div.header-stat-box{padding:8px!important;min-width:calc(50% - 4px)!important}span.header-stat-value{font-size:16px!important}span.header-stat-label{font-size:8px!important}div.notification-dropdown{width:calc(100vw - 24px)!important;right:-50px!important}div.course-assignments-dropdown div.assignments-grid{padding:8px!important;gap:12px!important}div.course-assignments-dropdown div.assignment-card{padding:16px!important;gap:12px!important;border-radius:14px!important}div.course-assignments-dropdown h4.asm-title{font-size:16px!important;-webkit-line-clamp:2!important}div.course-assignments-dropdown span.asm-number{padding:6px 10px!important;font-size:12px!important}div.course-assignments-dropdown span.status-badge{padding:6px 12px!important;font-size:11px!important}div.course-assignments-dropdown p.asm-desc{font-size:13px!important}div.pdf-files-section{padding:10px!important}a.pdf-file-item{padding:8px 10px!important}div.course-assignments-dropdown div.card-meta{padding:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}div.course-assignments-dropdown div.card-footer{flex-direction:column!important;gap:10px!important}div.course-assignments-dropdown div.card-actions{width:100%!important;justify-content:stretch!important}div.course-assignments-dropdown button.btn-view{width:36px!important;height:36px!important}div.course-assignments-dropdown button.btn-build,div.course-assignments-dropdown button.btn-submit,div.course-assignments-dropdown button.btn-status{flex:1!important;padding:10px 12px!important;font-size:12px!important;max-width:none!important}div.file-upload-area{padding:16px!important}}div.course-assignments-dropdown div.assignment-card{word-wrap:break-word!important;overflow-wrap:break-word!important}div.course-assignments-dropdown h4.asm-title{overflow:hidden!important;text-overflow:ellipsis!important}div.course-assignments-dropdown span.status-badge{flex-shrink:0!important}div.course-assignments-dropdown div.card-body{gap:12px!important;width:100%!important}div.pdf-files-section{overflow:hidden!important;width:100%!important}.deadline-countdown{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}.notebook-page{--nb-primary: #000B29;--nb-accent: #E30613;--nb-bg: #f8fafc;--nb-white: #ffffff;--nb-text: #1e293b;--nb-muted: #64748b;--nb-border: #e2e8f0;display:flex;flex-direction:column;min-height:100vh;background:var(--nb-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--nb-text)}.nb-hero{background:linear-gradient(135deg,var(--nb-primary) 0%,#001a4d 100%);color:#fff;padding:24px 32px;position:relative;overflow:hidden}.nb-hero:before{content:"";position:absolute;top:-50%;right:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(227,6,19,.15) 0%,transparent 70%);border-radius:50%}.nb-hero-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;position:relative;z-index:1;gap:24px}.nb-hero-left{display:flex;align-items:center;gap:16px}.nb-hero-icon{width:60px;height:60px;background:#e30613e6;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #e306134d;flex-shrink:0}.nb-hero h1{font-size:28px;font-weight:700;margin:0 0 4px;letter-spacing:-.5px}.nb-hero p{font-size:14px;opacity:.85;margin:0}.nb-hero-right{display:flex;align-items:center;gap:20px}.nb-stats{display:flex;gap:12px}.nb-stat-card{background:#fff;color:var(--nb-primary);padding:12px 20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;min-width:80px;box-shadow:0 4px 12px #0000001a}.nb-num{font-size:24px;font-weight:700;color:var(--nb-accent);line-height:1}.nb-stat-card span:last-child{font-size:11px;font-weight:600;color:var(--nb-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.nb-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--nb-accent);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #e3061366}.nb-btn-primary:hover{background:#c00510;transform:translateY(-2px)}.nb-btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--nb-border);color:var(--nb-text);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.nb-btn-secondary:hover{background:#cbd5e1}.nb-subheader{background:var(--nb-white);border-bottom:1px solid var(--nb-border);padding:16px 32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nb-search{flex:1;min-width:280px;max-width:500px;position:relative;display:flex;align-items:center}.nb-search svg{position:absolute;left:12px;color:var(--nb-muted)}.nb-search input{width:100%;padding:10px 36px 10px 40px;border:1px solid var(--nb-border);border-radius:10px;font-size:14px;background:var(--nb-bg);transition:all .2s}.nb-search input:focus{outline:none;border-color:var(--nb-primary);background:#fff;box-shadow:0 0 0 3px #000b2914}.nb-search button{position:absolute;right:8px;background:none;border:none;color:var(--nb-muted);cursor:pointer;padding:4px;border-radius:50%}.nb-filters{display:flex;gap:12px;margin-left:auto}.nb-filters select{padding:10px 16px;border:1px solid var(--nb-border);border-radius:8px;background:#fff;font-size:13px;color:var(--nb-text);cursor:pointer;min-width:140px}.nb-main{display:flex;flex:1;overflow:hidden;position:relative}.nb-mobile-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:30;background:var(--nb-primary);color:#fff;border:none;padding:12px 20px;border-radius:50px;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d}.nb-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:40}.nb-sidebar{width:360px;background:var(--nb-bg);border-right:1px solid var(--nb-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.nb-sidebar-header{padding:16px 20px;background:var(--nb-white);border-bottom:1px solid var(--nb-border);display:flex;justify-content:space-between;align-items:center}.nb-sidebar-header h3{font-size:14px;font-weight:600;color:var(--nb-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.nb-close{display:none;background:none;border:none;color:var(--nb-muted);cursor:pointer;padding:4px}.nb-tabs{display:flex;padding:12px;gap:8px;background:var(--nb-white);border-bottom:1px solid var(--nb-border);overflow-x:auto}.nb-tabs button{padding:8px 16px;border:1px solid var(--nb-border);background:#fff;border-radius:20px;font-size:13px;font-weight:500;color:var(--nb-muted);cursor:pointer;white-space:nowrap;transition:all .2s}.nb-tabs button:hover{border-color:var(--nb-primary);color:var(--nb-primary)}.nb-tabs button.active{background:var(--nb-primary);color:#fff;border-color:var(--nb-primary)}.nb-notes-list{flex:1;overflow-y:auto;padding:12px}.nb-loading,.nb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--nb-muted);text-align:center}.nb-empty svg{margin-bottom:16px;opacity:.5}.nb-note{background:var(--nb-white);border:1px solid transparent;border-radius:12px;padding:16px;margin-bottom:10px;cursor:pointer;transition:all .2s}.nb-note:hover{border-color:var(--nb-border);box-shadow:0 2px 8px #00000014;transform:translate(2px)}.nb-note.selected{border-color:var(--nb-primary);box-shadow:0 0 0 2px #000b291a}.nb-note.pinned{border-left:3px solid var(--nb-accent)}.nb-note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.nb-note-header h4{font-size:15px;font-weight:600;color:var(--nb-text);line-height:1.4;flex:1;margin:0;padding-right:8px}.nb-badges{display:flex;gap:4px}.nb-pin{color:var(--nb-accent)}.nb-star{color:#fbbf24;fill:#fbbf24}.nb-preview{font-size:13px;color:var(--nb-muted);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nb-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--nb-muted);margin-bottom:10px}.nb-course{background:var(--nb-primary);color:#fff;padding:2px 8px;border-radius:4px;font-weight:500;font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--nb-border);opacity:0;transition:opacity .2s}.nb-note:hover .nb-actions{opacity:1}.nb-actions button{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--nb-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.nb-actions button:hover{background:var(--nb-border);color:var(--nb-text)}.nb-actions button.active{color:var(--nb-accent);background:#e306131a}.nb-actions button.delete:hover{background:#fee2e2;color:#991b1b}.nb-trash-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--nb-border)}.nb-trash-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.nb-trash-actions .restore{background:#dcfce7;color:#166534}.nb-trash-actions .delete-forever{background:#fee2e2;color:#991b1b}.nb-editor{flex:1;background:var(--nb-white);display:flex;flex-direction:column;overflow:hidden}.nb-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.nb-empty-state svg{width:100px;height:100px;color:var(--nb-primary);opacity:.2;margin-bottom:24px}.nb-empty-state h2{font-size:24px;font-weight:600;color:var(--nb-primary);margin:0 0 8px}.nb-empty-state p{color:var(--nb-muted);margin-bottom:24px}.nb-create-btn{padding:12px 24px;font-size:14px}.nb-editor-content{display:flex;flex-direction:column;height:100%}.nb-toolbar{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid var(--nb-border);background:var(--nb-bg);flex-wrap:wrap}.nb-toolbar button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--nb-border);border-radius:6px;color:var(--nb-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.nb-toolbar button:hover{border-color:var(--nb-primary);color:var(--nb-primary)}.nb-toolbar button:disabled{opacity:.6;cursor:not-allowed}.nb-toolbar button.delete{color:var(--nb-accent);border-color:#fee2e2;margin-left:auto}.nb-toolbar button.delete:hover{background:#fee2e2}.nb-format-toolbar{display:flex;align-items:center;gap:8px;padding:8px 24px;border-bottom:1px solid var(--nb-border);background:#f1f5f9}.nb-format-toolbar button{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:#fff;border:1px solid var(--nb-border);border-radius:4px;cursor:pointer;transition:all .2s;gap:4px;font-size:13px}.nb-format-toolbar button:hover,.nb-format-toolbar button.active{background:var(--nb-primary);color:#fff;border-color:var(--nb-primary)}.nb-format-toolbar button.recording{background:#fee2e2;color:var(--nb-accent);animation:pulse 1.5s infinite}.nb-ai-summary{margin:16px 24px;padding:16px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;border-left:4px solid #3b82f6;position:relative}.nb-ai-summary h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#1e40af;font-size:14px}.nb-ai-summary p{margin:0;color:#1e3a8a;font-size:14px;line-height:1.6}.nb-ai-summary button{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;color:#64748b}.nb-custom-dropdown{position:relative;min-width:200px}.nb-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--nb-border);border-radius:6px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s}.nb-dropdown-trigger:hover{border-color:var(--nb-primary)}.nb-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--nb-border);border-radius:8px;box-shadow:0 10px 40px #00000026;z-index:100;max-height:300px;overflow-y:auto}.nb-dropdown-search{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--nb-border);gap:8px}.nb-dropdown-search input{flex:1;border:none;outline:none;font-size:13px}.nb-dropdown-groups{padding:8px 0}.nb-dropdown-category{padding:8px 12px;font-size:11px;font-weight:600;color:var(--nb-muted);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc}.nb-dropdown-item{width:100%;padding:10px 12px;border:none;background:none;text-align:left;font-size:13px;cursor:pointer;transition:all .2s}.nb-dropdown-item:hover,.nb-dropdown-item.selected{background:#eff6ff;color:var(--nb-primary)}.nb-dropdown-empty{padding:16px;text-align:center;color:var(--nb-muted);font-size:13px}.nb-editor-body{flex:1;overflow-y:auto;padding:32px 48px;max-width:900px;margin:0 auto;width:100%}.nb-title-input{width:100%;font-size:32px;font-weight:700;color:var(--nb-primary);border:none;outline:none;background:transparent;margin-bottom:20px;letter-spacing:-.5px}.nb-title-input::placeholder{color:#94a3b8}.nb-meta-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--nb-bg);flex-wrap:wrap}.nb-tag-select{display:flex;gap:8px;flex-wrap:wrap;flex:1}.nb-tag-select button{padding:6px 14px;border:1px solid var(--nb-border);border-radius:20px;background:#fff;font-size:12px;color:var(--nb-muted);cursor:pointer;transition:all .2s}.nb-tag-select button:hover{border-color:var(--nb-primary);color:var(--nb-primary)}.nb-tag-select button.active{background:var(--nb-primary);color:#fff;border-color:var(--nb-primary)}.nb-status{margin-left:auto;font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px}.nb-status.saved{color:#059669;background:#dcfce7}.nb-status.saving{color:#d97706;background:#fef3c7}.nb-status.unsaved{color:var(--nb-accent);background:#fee2e2}.nb-content{width:100%;min-height:400px;font-size:16px;line-height:1.8;color:var(--nb-text);border:none;outline:none;resize:vertical;font-family:inherit;background:transparent}.nb-content::placeholder{color:#94a3b8}.nb-view h1{font-size:32px;font-weight:700;color:var(--nb-primary);margin-bottom:16px;line-height:1.3}.nb-view-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.nb-badge{background:var(--nb-primary);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.nb-badge.pin{background:#e306131a;color:var(--nb-accent);display:flex;align-items:center;gap:4px}.nb-view-tags{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.nb-tag{background:var(--nb-primary);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500}.nb-view-content{font-size:16px;line-height:1.8;color:var(--nb-text)}.nb-view-content p{margin-bottom:16px}.nb-view-content strong{font-weight:700;color:var(--nb-primary)}.nb-view-content em{font-style:italic;color:var(--nb-muted)}.nb-view-content u{text-decoration:underline;text-decoration-color:var(--nb-accent);text-decoration-thickness:2px}.nb-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 48px;border-top:1px solid var(--nb-border);background:var(--nb-bg);font-size:13px;color:var(--nb-muted);flex-wrap:wrap;gap:12px}.nb-footer .saved{color:#059669}.nb-footer .unsaved{color:#d97706}.nb-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.nb-modal{background:#fff;border-radius:16px;padding:24px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040}.nb-modal-small{max-width:400px}.nb-modal h3{margin:0 0 20px;color:var(--nb-primary);font-size:20px}.nb-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--nb-muted);padding:4px}.nb-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.nb-template-card{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px solid var(--nb-border);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.nb-template-card:hover{border-color:var(--nb-primary);background:#f8fafc}.nb-template-card svg{width:32px;height:32px;color:var(--nb-primary);margin-bottom:12px}.nb-template-card h4{margin:0 0 4px;font-size:14px;color:var(--nb-text)}.nb-template-card p{margin:0;font-size:12px;color:var(--nb-muted);text-align:center}.nb-share-options{display:flex;flex-direction:column;gap:12px}.nb-share-options button{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--nb-border);border-radius:8px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.nb-share-options button:hover{background:#f8fafc;border-color:var(--nb-primary)}.nb-email-form{display:flex;flex-direction:column;gap:16px}.nb-email-form label{font-size:14px;font-weight:600;color:var(--nb-text)}.nb-email-form input{padding:12px;border:1px solid var(--nb-border);border-radius:8px;font-size:14px;transition:all .2s}.nb-email-form input:focus{outline:none;border-color:var(--nb-primary);box-shadow:0 0 0 3px #000b2914}.nb-email-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media(max-width:1024px){.nb-hero-content{flex-direction:column;text-align:center;gap:20px}.nb-hero-left{flex-direction:column}.nb-hero-right{flex-direction:column;width:100%}.nb-stats{justify-content:center}.nb-btn-primary{width:100%;justify-content:center}.nb-editor-body{padding:24px 32px}}@media(max-width:768px){.nb-hero{padding:20px 16px}.nb-hero h1{font-size:22px}.nb-subheader{padding:12px 16px}.nb-search{order:2;flex-basis:100%;max-width:100%;margin-top:8px}.nb-filters{width:100%;justify-content:space-between}.nb-filters select{flex:1;min-width:auto}.nb-mobile-toggle{display:flex}.nb-sidebar{position:fixed;left:0;top:0;height:100vh;width:85%;max-width:360px;z-index:50;transform:translate(-100%);transition:transform .3s ease;border-right:1px solid var(--nb-border)}.nb-sidebar.open{transform:translate(0)}.nb-overlay,.nb-close{display:block}.nb-editor-body{padding:20px}.nb-title-input,.nb-view h1{font-size:24px}.nb-meta-bar{flex-direction:column;align-items:stretch;gap:12px}.nb-custom-dropdown{width:100%}.nb-status{margin-left:0}.nb-toolbar{padding:12px 16px}.nb-toolbar button span{display:none}.nb-format-toolbar{padding:8px 16px;overflow-x:auto}.nb-footer{padding:12px 20px;flex-direction:column;text-align:center}.nb-template-grid{grid-template-columns:repeat(2,1fr)}.nb-create-btn{width:auto;padding:12px 24px}}@media(max-width:480px){.nb-stats{gap:8px}.nb-stat-card{padding:8px 12px;min-width:60px}.nb-num{font-size:18px}.nb-actions{opacity:1}.nb-toolbar button{padding:6px 10px}.nb-mobile-toggle{left:10px;bottom:10px;padding:10px 16px;font-size:13px}}.nb-notes-list::-webkit-scrollbar,.nb-editor-body::-webkit-scrollbar,.nb-dropdown-menu::-webkit-scrollbar{width:6px}.nb-notes-list::-webkit-scrollbar-thumb,.nb-editor-body::-webkit-scrollbar-thumb,.nb-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notebook-page ::selection{background:#e3061333;color:var(--nb-primary)}*{box-sizing:border-box}.attendance-page{max-width:1000px;margin:0 auto;padding:40px 32px;background-color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#111827}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:spin 1s linear infinite}.error-icon{color:#dc2626}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:#374151;transform:translateY(-1px)}.attendance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb;gap:20px}.header-title-section h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.5px}.header-title-section p{color:#6b7280;font-size:15px;margin:0}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.time-range-select{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .2s}.time-range-select:hover,.time-range-select:focus{border-color:#111827}.semester-badge{background-color:#f3f4f6;color:#374151;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #e5e7eb;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;margin-bottom:24px}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 20px #0000000d;border-color:#d1d5db;transform:translateY(-2px)}.main-stat{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#fafafa,#fff)}.circle-container{position:relative;width:140px;height:140px;flex-shrink:0}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.circle-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease,stroke .3s ease}.circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.percentage{display:block;font-size:32px;font-weight:800;color:#111827;line-height:1}.status-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:block}.stat-label-area h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.stat-label-area p{font-size:13px;color:#6b7280;margin:0}.detail-stat{display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.present .stat-icon{background-color:#d1fae5;color:#059669}.late .stat-icon{background-color:#fef3c7;color:#d97706}.absent .stat-icon{background-color:#fee2e2;color:#dc2626}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:36px;font-weight:700;color:#111827;line-height:1}.stat-name{font-size:14px;color:#6b7280;font-weight:500}.stat-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:6px 10px;border-radius:6px;width:fit-content}.stat-trend.positive{color:#059669;background-color:#d1fae5}.stat-trend.neutral{color:#d97706;background-color:#fef3c7}.stat-trend.negative{color:#dc2626;background-color:#fee2e2}.insight-banner{display:flex;align-items:center;gap:16px;border-radius:12px;padding:16px 20px;margin-bottom:32px}.insight-banner.success{background-color:#f0fdf4;border:1px solid #bbf7d0}.insight-banner.warning{background-color:#fef2f2;border:1px solid #fecaca}.insight-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-banner.success .insight-icon{background-color:#22c55e;color:#fff}.insight-banner.warning .insight-icon{background-color:#dc2626;color:#fff}.insight-content h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 2px}.insight-content p{font-size:14px;margin:0}.insight-banner.success .insight-content p{color:#166534}.insight-banner.warning .insight-content p{color:#991b1b}.monthly-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-title h2{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.subtitle{font-size:13px;color:#6b7280}.export-btn{display:flex;align-items:center;gap:8px;background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.export-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.months-list{display:flex;flex-direction:column;gap:12px}.month-item{background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.month-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.month-summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:16px}.month-main{display:flex;align-items:center;gap:14px;min-width:160px;flex:1}.month-icon{width:36px;height:36px;background-color:#e5e7eb;color:#6b7280;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.month-details h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 2px}.classes-count{font-size:13px;color:#6b7280}.month-progress{display:flex;align-items:center;gap:16px;flex:2;max-width:300px}.progress-track{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .6s ease}.percentage-badge{font-size:15px;font-weight:700;min-width:45px;text-align:right}.month-status{display:flex;align-items:center;gap:8px;min-width:100px;justify-content:flex-end}.perfect-badge{background-color:#d1fae5;color:#059669;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.good-badge{background-color:#dbeafe;color:#0284c7;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.absent-count{color:#dc2626;font-size:13px;font-weight:500}.expand-icon{color:#6b7280;display:flex;align-items:center}.month-details-expanded{border-top:1px solid #e5e7eb;background-color:#fff;padding:16px 20px}.details-header{display:grid;grid-template-columns:100px 1fr 100px;gap:16px;padding:0 0 12px;border-bottom:1px solid #f3f4f6;margin-bottom:12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-row{display:grid;grid-template-columns:100px 1fr 100px;gap:16px;padding:10px 0;font-size:14px;border-bottom:1px solid #f9fafb}.detail-row:last-child{border-bottom:none}.detail-date{color:#6b7280;font-weight:500}.detail-subject{color:#111827;font-weight:500}.detail-status{display:flex;align-items:center;gap:6px;font-weight:500;text-transform:capitalize}.detail-status.present{color:#059669}.detail-status.absent{color:#dc2626}.detail-status.late{color:#d97706}.status-icon{flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.empty-state h3{color:#374151;margin:16px 0 8px;font-size:16px}.empty-state p{color:#6b7280;margin:0;font-size:14px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.quick-stat-item{display:flex;flex-direction:column;gap:4px;text-align:center}.quick-label{font-size:12px;color:#6b7280;font-weight:500}.quick-value{font-size:18px;font-weight:700;color:#111827}@media(max-width:1024px){.attendance-page{padding:32px 24px}.stats-grid{grid-template-columns:1fr 1fr;gap:16px}.main-stat{grid-column:span 2}.circle-container{width:120px;height:120px}.percentage{font-size:28px}}@media(max-width:768px){.attendance-page{padding:24px 20px}.attendance-header{flex-direction:column;gap:16px}.header-title-section h1{font-size:28px}.header-actions{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:1fr;gap:12px}.main-stat{grid-column:span 1;flex-direction:column;text-align:center;padding:20px}.circle-container{width:100px;height:100px}.percentage{font-size:24px}.detail-stat{flex-direction:row;align-items:center;min-height:auto;gap:16px}.stat-header{margin-bottom:0}.stat-info{flex:1;flex-direction:row;align-items:baseline;gap:8px}.month-summary{flex-wrap:wrap}.month-main{width:100%;min-width:auto}.month-progress{order:3;width:100%;max-width:none}.month-status{min-width:auto}.details-header,.detail-row{grid-template-columns:80px 1fr 80px;gap:12px}.quick-stats{grid-template-columns:1fr;gap:12px}.quick-stat-item{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:8px 0;border-bottom:1px solid #e5e7eb}.quick-stat-item:last-child{border-bottom:none}}@media(max-width:640px){.attendance-page{padding:16px}.header-title-section h1{font-size:24px}.semester-badge{font-size:12px;padding:6px 12px}.stat-card{padding:16px}.circle-container{width:80px;height:80px}.percentage{font-size:20px}.status-label{font-size:10px}.stat-number{font-size:28px}.insight-banner{flex-direction:column;text-align:center;gap:12px}.monthly-section{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.export-btn{width:100%;justify-content:center}.month-summary{padding:12px 16px;gap:12px}.month-icon{width:32px;height:32px}.month-details h4{font-size:14px}.classes-count{font-size:12px}.percentage-badge{font-size:14px}.perfect-badge,.good-badge{font-size:11px;padding:3px 8px}.details-header,.detail-row{grid-template-columns:60px 1fr 70px;gap:8px;font-size:13px}.month-details-expanded{padding:12px 16px}}@media(max-width:480px){.header-title-section h1{font-size:22px}.time-range-select{font-size:13px;padding:6px 12px}.detail-stat{flex-direction:column;align-items:flex-start;gap:12px}.stat-info{flex-direction:column;gap:4px}.month-status{flex-wrap:wrap;justify-content:flex-end}.details-header{display:none}.detail-row{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-date{font-size:12px;color:#9ca3af}.detail-subject{font-size:14px;font-weight:600}.detail-status{align-self:flex-start}}@media(hover:none)and (pointer:coarse){.stat-card:hover,.month-item:hover,.export-btn:hover,.btn-primary:hover{transform:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.attendance-page{padding:0}.export-btn,.time-range-select{display:none}.stat-card{break-inside:avoid}}.assignments-by-course{display:flex;flex-direction:column;gap:24px}.course-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.course-section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background .2s;border-bottom:1px solid transparent}.course-section-header:hover{background:#f8fafc}.course-section-header.expanded{border-bottom-color:#e2e8f0}.course-info{display:flex;align-items:center;gap:16px}.course-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;border:2px solid #e2e8f0}.course-info h2{margin:0 0 4px;color:#0f172a;font-size:18px}.assignment-count{color:#64748b;font-size:14px}.course-assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:20px;animation:slideDown .3s ease}:root{--primary-color: #000B29;--success-color: #10b981;--danger-color: #dc2626;--warning-color: #f59e0b;--info-color: #3b82f6;--purple-color: #9333ea;--bg-color: #ffffff;--text-color: #111827;--border-color: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 40px rgba(0,0,0,.1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px}*{box-sizing:border-box;margin:0;padding:0}div.quiz-container{max-width:1400px;margin:0 auto;padding:24px;background:var(--bg-color);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;width:100%}div.quiz-container>div.page-header{background:var(--primary-color);color:#fff;padding:20px 32px;border-radius:var(--radius-lg);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:var(--shadow-sm);position:relative;width:100%}div.page-header>div.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}div.header-left>div.icon-circle{width:48px;height:48px;background:#ffffff1a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;border:1px solid rgba(255,255,255,.2);flex-shrink:0}div.header-left h1{margin:0 0 4px;font-size:24px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.header-left p{margin:0;color:#ffffffb3;font-size:14px}button.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}button.back-btn:hover{background:#fff3}div.header-title{display:flex;flex-direction:column;min-width:0}div.header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}div.result-score-display{display:flex;align-items:baseline;gap:4px;background:#ffffff1a;padding:12px 20px;border-radius:var(--radius-md);flex-wrap:wrap}span.score-main{font-size:32px;font-weight:700;color:#fff}span.score-total{font-size:18px;color:#ffffffb3}span.score-percent{margin-left:12px;font-size:20px;font-weight:600;color:#fff}div.notification-wrapper{position:relative}button.notification-btn{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}button.notification-btn:hover{background:#fff3;transform:scale(1.05)}span.notification-badge{position:absolute;top:-6px;right:-6px;background:var(--danger-color);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;animation:pulse 2s infinite;border:2px solid var(--primary-color)}div.notification-dropdown{position:absolute;top:55px;right:0;width:380px;max-height:480px;background:var(--bg-color);border-radius:var(--radius-lg);box-shadow:0 20px 50px #00000026;z-index:1000;overflow:hidden;border:1px solid var(--border-color);animation:slideDown .2s ease}div.notification-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#f9fafb}div.notification-header h4{margin:0;font-size:16px;font-weight:700;color:var(--text-color)}div.notification-actions{display:flex;gap:12px;align-items:center}button.btn-text{background:none;border:none;color:var(--primary-color);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}button.btn-text:hover{background:#000b290d}button.btn-text.danger{color:var(--danger-color)}button.btn-text.danger:hover{background:#e136300d}button.btn-close-mobile{display:none;background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px}div.notification-list{max-height:380px;overflow-y:auto}div.notification-item{padding:16px 20px;display:flex;gap:12px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f3f4f6;position:relative;align-items:flex-start;background:var(--bg-color)}div.notification-item:hover{background:#f9fafb}div.notification-item.unread{background:#eff6ff;border-left:3px solid var(--primary-color)}div.notification-icon{width:36px;height:36px;border-radius:8px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}div.notification-icon.graded{background:var(--success-color)}div.notification-icon.reminder{background:var(--warning-color)}div.notification-content{flex:1;min-width:0}div.notification-content h5{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-color)}div.notification-content p{margin:0 0 4px;font-size:12px;color:#6b7280;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}span.notification-time{font-size:11px;color:#9ca3af;font-weight:500}div.notification-actions-inline{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}div.unread-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%}button.btn-view-notif{background:var(--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;white-space:nowrap}button.btn-view-notif:hover{background:#001a4d;transform:translateY(-1px)}button.delete-notif-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;font-size:12px;opacity:.6;transition:all .2s}button.delete-notif-btn:hover{color:var(--danger-color);opacity:1}div.notification-empty{padding:40px 20px;text-align:center;color:#9ca3af}div.stats-container{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}div.header-stat-box{background:var(--bg-color);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:120px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex:1;transition:all .2s ease}div.header-stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}div.header-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}div.header-stat-icon.stat-total{background:var(--primary-color)}div.header-stat-icon.stat-pending{background:var(--warning-color)}div.header-stat-icon.stat-submitted{background:var(--info-color)}div.header-stat-icon.stat-graded{background:var(--success-color)}div.header-stat-info{display:flex;flex-direction:column;align-items:flex-start}span.header-stat-value{font-size:24px;font-weight:700;color:var(--text-color);line-height:1;margin-bottom:2px}span.header-stat-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}div.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}div.filter-tabs{display:flex;gap:4px;background:#f9fafb;padding:4px;border-radius:8px;border:1px solid var(--border-color)}div.filter-tabs button{padding:8px 16px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#6b7280;transition:all .2s}div.filter-tabs button:hover{color:var(--primary-color);background:var(--bg-color)}div.filter-tabs button.active{background:var(--primary-color);color:#fff;box-shadow:0 1px 2px #000b291a}div.search-wrapper{position:relative;flex:1;max-width:300px}svg.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px;z-index:2}div.search-wrapper input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;outline:none;transition:all .2s;background:var(--bg-color);font-weight:400;color:var(--text-color)}div.search-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #000b290d}div.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}div.course-grid.results-course-grid{grid-template-columns:repeat(3,1fr)}div.course-card{background:var(--bg-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}div.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-color)}div.course-card.expanded{box-shadow:0 8px 24px #000b2926;border-color:var(--primary-color);grid-column:1 / -1}div.course-card-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-color);border-bottom:1px solid transparent;transition:all .2s ease}div.course-card.expanded div.course-card-header{border-bottom-color:var(--border-color);background:#f9fafb}div.course-icon-wrapper{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .2s ease}div.course-card:hover div.course-icon-wrapper{transform:scale(1.05);box-shadow:0 4px 12px #000b2933}div.course-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}div.course-card-info h3{margin:0;font-size:14px;font-weight:700;color:var(--text-color);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.course-stats-row{display:flex;gap:6px;flex-wrap:wrap}span.stat-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}span.stat-pill.total{background:#eff6ff;color:var(--primary-color)}button.expand-btn{width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-color);color:#6b7280;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:12px}button.expand-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f9fafb}button.expand-btn.open{transform:rotate(180deg);background:var(--primary-color);color:#fff;border-color:var(--primary-color)}div.course-quizzes-dropdown{background:#f9fafb;padding:0;animation:slideDown .3s ease;width:100%}div.quizzes-grid,div.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;width:100%}div.result-card-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:var(--shadow-sm)}div.result-card-item:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px);border-color:var(--primary-color)}div.result-card-header{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}div.result-card-header h4{margin:0;font-size:13px;font-weight:700;color:var(--text-color);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.result-card-header span.date{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280}div.result-card-body{display:flex;flex-direction:column;gap:12px}div.result-score-display{display:flex;align-items:center;gap:12px}div.score-circle-small{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}div.score-inner-small{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}span.score-percent-small{font-size:12px;font-weight:700;color:var(--text-color)}div.score-text{display:flex;flex-direction:column;gap:2px}div.score-text span.marks{font-size:14px;font-weight:600;color:var(--text-color)}span.grade-badge-small{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;width:fit-content}div.result-status-badge{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}div.result-status-badge.pass{background:#dcfce7;color:#059669}div.result-status-badge.fail{background:#fee2e2;color:var(--danger-color)}div.result-card-footer{padding-top:10px;border-top:1px solid #f3f4f6}div.quiz-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:var(--shadow-sm)}div.quiz-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px);border-color:var(--primary-color)}div.quiz-card.highlight-quiz{animation:highlightPulse 2s ease;border-color:var(--primary-color);box-shadow:0 0 0 4px #000b2933}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 4px #000b2933}50%{box-shadow:0 0 0 8px #000b291a}}div.quiz-card-header-info{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}h4.quiz-title{margin:0;font-size:13px;font-weight:700;color:var(--text-color);line-height:1.4;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}span.quiz-status-badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}span.quiz-status-badge.active{background:#dcfce7;color:#059669}p.quiz-description{margin:0;font-size:12px;color:#6b7280;line-height:1.5;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}div.quiz-meta{display:flex;gap:12px;flex-wrap:wrap;padding:10px;background:#f9fafb;border-radius:var(--radius-sm)}div.quiz-meta span{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;font-weight:500}div.quiz-meta svg{color:var(--primary-color);font-size:11px}div.quiz-footer{display:flex;justify-content:flex-end;padding-top:4px}button.btn-start{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}button.btn-start:hover:not(:disabled){background:#001a4d;transform:translateY(-1px);box-shadow:0 4px 12px #000b294d}button.btn-start:disabled{opacity:.6;cursor:not-allowed}div.analytics-bar.result-analytics{background:var(--bg-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-wrap:wrap;width:100%}div.analytics-bar.result-analytics .progress-ring{position:relative;width:120px;height:120px;flex-shrink:0}div.analytics-bar.result-analytics .progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}div.analytics-bar.result-analytics .progress-ring .circle-bg{fill:none;stroke:var(--border-color);stroke-width:3}div.analytics-bar.result-analytics .progress-ring .circle-progress{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}div.analytics-bar.result-analytics .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}div.analytics-bar.result-analytics .progress-text span.percentage{display:block;font-size:28px;font-weight:700;line-height:1}div.analytics-bar.result-analytics .progress-text span.label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}div.analytics-bar.result-analytics .analytics-details{display:flex;gap:16px;flex:1;flex-wrap:wrap;min-width:0}div.analytics-bar.result-analytics .analytic-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-md);flex:1;min-width:140px;transition:all .2s ease;border:2px solid transparent;box-sizing:border-box}div.analytics-bar.result-analytics .analytic-item.grade-card,div.analytics-bar.result-analytics .analytic-item.status-card{border-width:2px;border-style:solid}div.analytics-bar.result-analytics .analytic-item.time-card{background:#eff6ff;border-color:var(--info-color)}div.analytics-bar.result-analytics .analytic-item.date-card{background:#f3e8ff;border-color:var(--purple-color)}div.analytics-bar.result-analytics .analytic-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}div.analytics-bar.result-analytics .an-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff80;font-size:20px;flex-shrink:0}div.analytics-bar.result-analytics .analytic-item>div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}div.analytics-bar.result-analytics .analytic-item .value{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.analytics-bar.result-analytics .analytic-item .label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}div.content-section{margin-bottom:24px;width:100%}h2.section-title{font-size:18px;font-weight:700;color:var(--text-color);margin:0 0 20px;display:flex;align-items:center;gap:10px;word-wrap:break-word}div.questions-list{display:flex;flex-direction:column;gap:16px;width:100%}div.question-review-card{background:var(--bg-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:all .2s ease;width:100%}div.question-review-card.correct{border-left:4px solid var(--success-color)}div.question-review-card.wrong{border-left:4px solid var(--danger-color)}div.review-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:8px}div.review-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}span.q-number{background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;flex-shrink:0}span.q-marks{font-size:13px;color:#6b7280;font-weight:500}span.q-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;flex-shrink:0}span.q-status-badge.correct{background:#dcfce7;color:#059669}span.q-status-badge.wrong{background:#fee2e2;color:var(--danger-color)}div.review-body{padding:20px;width:100%}p.question-text{margin:0 0 20px;font-size:15px;color:var(--text-color);line-height:1.6;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}div.options-review{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%}div.option-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;border:2px solid transparent;transition:all .2s;width:100%}div.option-item.correct-option{background:#dcfce7;border-color:var(--success-color)}div.option-item.wrong-option{background:#fee2e2;border-color:var(--danger-color)}span.opt-letter{width:28px;height:28px;background:var(--bg-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#374151;border:1px solid var(--border-color);flex-shrink:0}div.option-item.correct-option span.opt-letter{background:var(--success-color);color:#fff;border-color:var(--success-color)}div.option-item.wrong-option span.opt-letter{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}span.opt-text{flex:1;font-size:14px;color:#374151;word-wrap:break-word;overflow-wrap:break-word;min-width:0}svg.opt-icon{font-size:16px;flex-shrink:0}svg.opt-icon.correct{color:var(--success-color)}svg.opt-icon.wrong{color:var(--danger-color)}div.explanation-box{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:16px;width:100%}div.exp-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#92400e;font-weight:600;font-size:13px}div.explanation-box p{margin:0;color:#78350f;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}div.action-bar{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color);flex-wrap:wrap;width:100%}button.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}button.btn-primary:hover{background:#001a4d;transform:translateY(-1px)}button.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-color);color:#374151;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}button.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}div.quiz-active-container{max-width:800px;margin:0 auto;padding:24px;width:100%}div.quiz-active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px}div.quiz-active-info h2{margin:0 0 8px;font-size:20px;color:var(--text-color);word-wrap:break-word}span.course-tag{display:inline-block;padding:4px 12px;background:var(--primary-color);color:#fff;border-radius:20px;font-size:12px;font-weight:500}div.quiz-timer{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border-radius:8px;font-size:18px;font-weight:700;color:#374151;border:2px solid var(--border-color);flex-shrink:0}div.quiz-timer.urgent{background:#fee2e2;color:var(--danger-color);border-color:var(--danger-color);animation:pulse-urgent 1s infinite}div.quiz-timer.warning{background:#fef3c7;color:#92400e;border-color:var(--warning-color)}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}button.exit-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--danger-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}button.exit-btn:hover{background:#fee2e2;border-color:var(--danger-color)}div.quiz-progress-bar{margin-bottom:24px;width:100%}div.progress-fill{height:8px;background:var(--primary-color);border-radius:4px;transition:width .3s ease;margin-bottom:8px}div.progress-text{font-size:13px;color:#6b7280;text-align:center}div.question-container{background:var(--bg-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px;margin-bottom:24px;width:100%}div.question-header{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}span.q-badge{background:var(--primary-color);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:700}span.marks-badge{background:#fef3c7;color:#92400e;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}h3.question-title{margin:0 0 24px;font-size:18px;color:var(--text-color);line-height:1.6;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}div.options-container{display:flex;flex-direction:column;gap:12px;width:100%}button.option-btn{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all .2s}button.option-btn:hover{background:#f3f4f6;border-color:var(--primary-color)}button.option-btn.selected{background:#eff6ff;border-color:var(--primary-color)}span.opt-letter-box{width:36px;height:36px;background:var(--bg-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#374151;border:1px solid var(--border-color);flex-shrink:0}button.option-btn.selected span.opt-letter-box{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}span.opt-text{flex:1;font-size:15px;color:#374151;word-wrap:break-word;overflow-wrap:break-word;min-width:0}svg.check-icon{color:var(--primary-color);font-size:20px;flex-shrink:0}div.quiz-navigation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;width:100%}button.nav-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#374151;transition:all .2s}button.nav-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}button.nav-btn:disabled{opacity:.5;cursor:not-allowed}button.nav-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}button.nav-btn.primary:hover{background:#001a4d}div.question-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;flex:1;order:3}button.q-pill{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;font-size:13px;font-weight:600;color:#6b7280;transition:all .2s}button.q-pill:hover{border-color:var(--primary-color);color:var(--primary-color)}button.q-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}button.q-pill.answered{background:#dcfce7;color:#059669;border-color:var(--success-color)}button.submit-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--success-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}button.submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}button.submit-btn:disabled{opacity:.6;cursor:not-allowed}div.quiz-result-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 48px);padding:24px;width:100%}div.result-card{background:var(--bg-color);border-radius:var(--radius-xl);padding:40px;max-width:480px;width:100%;text-align:center;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}div.result-card.pass{border-top:4px solid var(--success-color)}div.result-card.fail{border-top:4px solid var(--danger-color)}div.result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 20px}div.result-card h2{margin:0 0 8px;font-size:24px;color:var(--text-color)}p.result-subtitle{margin:0 0 24px;color:#6b7280;font-size:15px}div.score-display{margin-bottom:24px}div.score-circle{width:160px;height:160px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative}div.score-inner{width:130px;height:130px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}span.score-percent{font-size:36px;font-weight:700;color:var(--text-color);line-height:1}span.score-label{font-size:13px;color:#6b7280;margin-top:4px}div.grade-badge{display:inline-block;padding:8px 24px;border-radius:8px;font-size:18px;font-weight:700;margin-bottom:24px}div.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;width:100%}div.stat-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:#f9fafb;border-radius:var(--radius-md)}div.stat-box svg{font-size:20px;color:var(--primary-color)}span.stat-value{font-size:20px;font-weight:700;color:var(--text-color)}span.stat-label{font-size:12px;color:#6b7280}div.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}div.loading-state,div.error-state,div.empty-state{text-align:center;padding:60px 20px;background:var(--bg-color);border-radius:var(--radius-lg);border:1px dashed #d1d5db;width:100%}div.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}div.empty-icon{font-size:48px;margin-bottom:16px}div.empty-state h3{margin:0 0 6px;color:#374151;font-size:18px;font-weight:600}div.empty-state p{margin:0 0 20px;font-size:14px;color:#6b7280}div.loading-details{text-align:center;padding:40px;color:#6b7280;font-size:14px}div.loading-details svg{margin-right:8px;animation:spin 1s linear infinite}@media(max-width:1024px){div.course-grid,div.course-grid.results-course-grid,div.quizzes-grid,div.results-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){div.quiz-container{padding:12px}div.quiz-container>div.page-header{flex-direction:column;align-items:stretch;padding:16px;gap:12px}div.page-header>div.header-left{flex-direction:column;align-items:flex-start;gap:8px}div.header-left h1{font-size:20px;white-space:normal}div.header-right{width:100%;justify-content:flex-start}div.result-score-display{width:100%;justify-content:center;padding:10px 16px}span.score-main{font-size:24px}span.score-total{font-size:14px}span.score-percent{font-size:16px;margin-left:8px}div.notification-wrapper{position:absolute;top:16px;right:16px}div.notification-dropdown{width:calc(100vw - 32px);right:0;position:fixed;top:80px;left:16px;max-width:none}button.btn-close-mobile{display:flex}div.stats-container{justify-content:center}div.header-stat-box{min-width:calc(50% - 6px);flex:none;padding:12px 16px}div.controls-bar{flex-direction:column;align-items:stretch}div.search-wrapper{max-width:none}div.course-grid,div.course-grid.results-course-grid{grid-template-columns:1fr;gap:16px}div.course-card.expanded{grid-column:1 / -1}div.quizzes-grid,div.results-grid{grid-template-columns:1fr;padding:16px;gap:12px}div.analytics-bar.result-analytics{flex-direction:column;padding:16px;gap:16px}div.analytics-bar.result-analytics .progress-ring{width:100px;height:100px}div.analytics-bar.result-analytics .progress-text span.percentage{font-size:24px}div.analytics-bar.result-analytics .analytics-details{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}div.analytics-bar.result-analytics .analytic-item{min-width:auto;padding:12px;flex-direction:column;text-align:center;gap:6px}div.analytics-bar.result-analytics .an-icon{width:32px;height:32px;font-size:16px}div.analytics-bar.result-analytics .analytic-item .value{font-size:14px}div.analytics-bar.result-analytics .analytic-item .label{font-size:10px}div.review-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}div.review-title{width:100%}span.q-status-badge{align-self:flex-start}p.question-text{font-size:14px;margin-bottom:16px}div.review-body{padding:16px}div.option-item{padding:10px 12px;gap:8px}span.opt-letter{width:24px;height:24px;font-size:11px}span.opt-text{font-size:13px}div.action-bar{flex-direction:column;gap:8px}button.btn-primary,button.btn-secondary{width:100%;justify-content:center;padding:12px}div.quiz-active-container{padding:16px}div.quiz-active-header{flex-direction:column;align-items:flex-start;gap:12px}div.quiz-navigation{flex-direction:column;gap:12px}div.question-pills{order:3;width:100%}div.result-card{padding:24px}div.result-stats{grid-template-columns:1fr;gap:12px}div.notification-item{flex-direction:column;gap:12px;padding:12px}div.notification-actions-inline{flex-direction:row;width:100%;justify-content:flex-end;gap:8px}button.btn-view-notif{flex:1;justify-content:center}}@media(max-width:480px){div.header-stat-box{min-width:100%}div.analytics-bar.result-analytics .analytics-details{grid-template-columns:1fr}div.analytics-bar.result-analytics .analytic-item{flex-direction:row;text-align:left;padding:10px 12px}div.quiz-card{padding:14px}button.option-btn{padding:12px}span.opt-letter-box{width:32px;height:32px}div.result-score-display{flex-direction:column;gap:4px;text-align:center}div.course-card-header{padding:12px;gap:10px}div.course-icon-wrapper{width:36px;height:36px;font-size:16px}div.course-card-info h3{font-size:13px}div.result-card-item{padding:14px}div.result-card-header h4{font-size:12px}div.quiz-meta{flex-direction:column;gap:6px;padding:8px}div.quiz-meta span{font-size:10px}button.btn-start,button.btn-view{width:100%;justify-content:center;padding:10px}div.score-circle-small{width:45px;height:45px}div.score-inner-small{width:35px;height:35px}span.score-percent-small{font-size:11px}div.question-container{padding:16px}h3.question-title{font-size:16px}div.result-card{padding:20px}div.result-card h2{font-size:20px}div.score-circle{width:120px;height:120px}div.score-inner{width:100px;height:100px}span.score-percent{font-size:28px}div.explanation-box{padding:12px}div.exp-header{font-size:12px}div.explanation-box p{font-size:13px}h2.section-title{font-size:16px;margin-bottom:16px}}@media(max-width:360px){div.quiz-container{padding:8px}div.quiz-container>div.page-header{padding:12px}div.header-left h1{font-size:18px}div.header-left p{font-size:12px}div.course-grid,div.quizzes-grid,div.results-grid{gap:10px}div.course-card-header,div.quiz-card,div.result-card-item{padding:10px}button.back-btn{font-size:12px;padding:8px 12px}div.analytics-bar.result-analytics .progress-ring{width:80px;height:80px}div.analytics-bar.result-analytics .progress-text span.percentage{font-size:20px}div.analytics-bar.result-analytics .analytic-item{padding:10px 12px}span.q-number{font-size:11px;padding:3px 8px}span.q-marks{font-size:11px}span.q-status-badge{font-size:11px;padding:4px 8px}}button.btn-view{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 16px!important;background:#fff!important;color:#000b29!important;border:2px solid #000B29!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important;text-transform:none!important;letter-spacing:.3px!important}button.btn-view:hover{background:#000b29!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #000b2933!important}button.btn-view:active{transform:translateY(0)!important}button.btn-view svg{font-size:14px!important}@media(max-width:768px){button.btn-view{padding:12px 16px!important;font-size:14px!important}}.results-page{max-width:1200px;margin:0 auto;padding:40px 32px;background-color:#f9fafb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#111827}.results-header{margin-bottom:32px}.title-section h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.5px}.title-section p{font-size:15px;color:#6b7280;margin:0}.semester-dropdown{position:relative}.dropdown-btn{display:flex;align-items:center;gap:10px;padding:12px 18px;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.dropdown-btn:hover{border-color:#111827}.dropdown-btn svg{color:#6b7280}.dropdown-btn .rotate{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #0000001a;min-width:160px;z-index:100;overflow:hidden}.dropdown-menu button{width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s}.dropdown-menu button:hover{background-color:#f3f4f6}.action-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-icon-btn:hover{border-color:#111827;color:#111827;background-color:#f9fafb}.gpa-hero{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.gpa-main-card{background:linear-gradient(135deg,#111827,#374151);border-radius:20px;padding:32px;display:flex;align-items:center;gap:40px;color:#fff;box-shadow:0 20px 50px #0003}.gpa-visual{position:relative;width:160px;height:160px;flex-shrink:0}.gpa-circle{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.circle-progress{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;stroke-dasharray:339.292;transition:stroke-dashoffset 1s ease}.gpa-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gpa-label{display:block;font-size:14px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.gpa-value{display:block;font-size:56px;font-weight:800;line-height:1;margin-bottom:4px}.gpa-scale{font-size:18px;color:#9ca3af;font-weight:500}.gpa-details{flex:1}.gpa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.gpa-header h3{font-size:20px;font-weight:600;margin:0}.rank-badge{display:flex;align-items:center;gap:6px;background-color:#f59e0b33;color:#fbbf24;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}.gpa-stats-row{display:flex;gap:32px;margin-bottom:24px}.gpa-stat{display:flex;flex-direction:column;gap:4px}.gpa-stat .stat-label{font-size:13px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.gpa-stat .stat-value{font-size:24px;font-weight:700;color:#fff}.gpa-progress-bar{height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.gpa-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width 1s ease}.quick-stats-grid{display:flex;flex-direction:column;gap:16px}.quick-stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.quick-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.quick-stat-card.courses .quick-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.quick-stat-card.completed .quick-icon{background:linear-gradient(135deg,#10b981,#059669)}.quick-stat-card.current .quick-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.quick-info h4{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1}.quick-info p{font-size:14px;color:#6b7280;margin:0;font-weight:500}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.distribution-card,.current-courses-card,.results-table-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.more-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .2s}.more-btn:hover{background-color:#f3f4f6;color:#374151}.distribution-chart{display:flex;justify-content:space-around;align-items:flex-end;height:180px;padding:20px 0;margin-bottom:24px}.dist-bar-group{display:flex;flex-direction:column;align-items:center;gap:12px}.dist-bar-container{height:140px;display:flex;align-items:flex-end}.dist-bar{width:48px;border-radius:8px 8px 0 0;transition:all .3s ease;position:relative;min-height:4px}.dist-bar:hover{transform:scaleY(1.05)}.bar-count{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:#111827}.dist-label{font-size:14px;font-weight:600;color:#374151}.distribution-legend{display:flex;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid #f3f4f6}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.legend-item .dot{width:10px;height:10px;border-radius:50%}.dot.excellent{background-color:#10b981}.dot.good{background-color:#f59e0b}.dot.average{background-color:#f97316}.live-badge{background-color:#fee2e2;color:#dc2626;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.current-list{display:flex;flex-direction:column;gap:16px}.current-item{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f9fafb;border-radius:12px;transition:all .2s}.current-item:hover{background-color:#f3f4f6;transform:translate(4px)}.current-icon{width:44px;height:44px;background-color:#dbeafe;color:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center}.current-info{flex:1;min-width:0}.current-info h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.current-info p{font-size:13px;color:#6b7280;margin:0}.progress-ring-small{position:relative;width:48px;height:48px}.progress-ring-small svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-small span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#3b82f6}.results-table-card{padding:0;overflow:hidden}.table-header-section{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.table-header-section h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.table-header-section p{font-size:14px;color:#6b7280;margin:0}.download-transcript{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.download-transcript:hover{background-color:#e5e7eb}.results-table{overflow-x:auto}.table-row{display:grid;grid-template-columns:80px 2fr 80px 120px 140px 100px 100px;align-items:center;padding:16px 24px;border-bottom:1px solid #f3f4f6;gap:16px}.table-row.header{background-color:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:14px 24px}.table-row.data{font-size:14px;transition:background-color .2s}.table-row.data:hover{background-color:#f9fafb}.col-code{font-size:13px;font-weight:700;color:#6b7280;font-family:monospace}.course-info{display:flex;flex-direction:column;gap:2px}.course-title{font-weight:600;color:#111827}.course-instructor{font-size:13px;color:#6b7280}.col-credit,.col-semester{color:#6b7280;font-size:13px}.percentage-display{display:flex;align-items:center;gap:10px}.mini-bar{flex:1;height:6px;background-color:#f3f4f6;border-radius:3px;overflow:hidden;max-width:80px}.mini-fill{height:100%;border-radius:3px;transition:width .5s ease}.pct-text{font-size:13px;font-weight:600;color:#374151;min-width:40px}.grade-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700}.grade-icon{flex-shrink:0}.grade-icon.excellent{color:#10b981}.grade-icon.good{color:#f59e0b}.grade-icon.average{color:#6b7280}.grade-icon.poor{color:#ef4444}.status-pill{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pill.completed{background-color:#d1fae5;color:#059669}.status-pill.current{background-color:#dbeafe;color:#2563eb}.status-pill.dropped{background-color:#fee2e2;color:#dc2626}@media(max-width:1024px){.gpa-hero{grid-template-columns:1fr}.quick-stats-grid{flex-direction:row}.quick-stat-card{flex:1}.results-grid{grid-template-columns:1fr}.table-row{grid-template-columns:70px 1.5fr 70px 100px 120px 90px 90px;gap:12px}}@media(max-width:768px){.results-page{padding:24px 20px}.header-content{flex-direction:column;align-items:flex-start}.gpa-main-card{flex-direction:column;text-align:center;gap:24px}.gpa-stats-row{justify-content:center;gap:24px}.quick-stats-grid{flex-direction:column}.table-row{display:flex;flex-direction:column;gap:8px;padding:20px}.table-row.header{display:none}.col-code:before{content:"Code: ";color:#6b7280;font-weight:500}.col-credit:before{content:"Credit: ";color:#6b7280;font-weight:500}.col-semester:before{content:"Semester: ";color:#6b7280;font-weight:500}.col-percentage,.col-grade,.col-status{align-self:flex-start}}@media(max-width:480px){.gpa-visual{width:140px;height:140px}.gpa-value{font-size:42px}.header-actions{width:100%;flex-wrap:wrap}.distribution-chart{height:150px}.dist-bar{width:36px}}.progress-page{max-width:1200px;margin:0 auto;padding:40px 32px;background-color:#f9fafb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#111827}.progress-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}.header-content h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.5px}.header-content p{font-size:15px;color:#6b7280;margin:0}.time-filter{display:flex;gap:8px;background-color:#f3f4f6;padding:4px;border-radius:10px}.filter-btn{padding:10px 20px;border:none;background-color:transparent;color:#6b7280;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:#374151}.filter-btn.active{background-color:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #0000001a}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014;border-color:var(--stat-color)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-change{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;padding:6px 10px;border-radius:20px}.stat-change.positive{color:#059669;background-color:#d1fae5}.stat-body{margin-bottom:16px}.stat-body h3{font-size:32px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1}.stat-body p{font-size:14px;color:#6b7280;margin:0;font-weight:500}.stat-progress{height:6px;background-color:#f3f4f6;border-radius:3px;overflow:hidden}.progress-bar{height:100%;border-radius:3px;transition:width 1s ease}.progress-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:24px}.chart-card,.courses-card,.achievements-card,.goal-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.chart-card{grid-row:span 2}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-header h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.card-header p{font-size:14px;color:#6b7280;margin:0}.chart-legend{display:flex;align-items:center;gap:8px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.legend-item .dot{width:8px;height:8px;border-radius:50%;background-color:#3b82f6}.view-all-btn{font-size:13px;color:#6b7280;background:none;border:none;cursor:pointer;font-weight:500}.view-all-btn:hover{color:#111827}.chart-container{margin-bottom:24px}.bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:200px;padding:20px 0;gap:12px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-wrapper{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:40px;border-radius:6px 6px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.bar:hover{opacity:.8;transform:scaleY(1.02)}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#374151;opacity:0;transition:opacity .2s ease}.bar:hover .bar-value{opacity:1}.bar-label{font-size:13px;color:#6b7280;font-weight:500}.chart-summary{display:flex;justify-content:space-around;padding-top:20px;border-top:1px solid #e5e7eb}.summary-item{text-align:center}.summary-value{display:block;font-size:20px;font-weight:700;color:#111827;margin-bottom:4px}.summary-label{font-size:13px;color:#6b7280}.courses-list{display:flex;flex-direction:column;gap:16px}.course-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f9fafb;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.course-item:hover{background-color:#f3f4f6;transform:translate(4px)}.course-item.active{border-color:#3b82f6;background-color:#eff6ff}.course-info{flex:1;min-width:0}.course-info h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.course-meta .instructor{color:#9ca3af}.course-progress{display:flex;flex-direction:column;align-items:center;gap:6px}.progress-circle{position:relative;width:44px;height:44px}.progress-circle svg{transform:rotate(-90deg);width:100%;height:100%}.progress-circle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#374151}.completed-badge{font-size:10px;font-weight:700;color:#059669;background-color:#d1fae5;padding:2px 8px;border-radius:10px;text-transform:uppercase}.header-icon{color:#f59e0b}.achievements-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.achievement-row{display:flex;align-items:center;gap:16px;padding:12px;background-color:#f9fafb;border-radius:12px;transition:all .2s ease}.achievement-row:hover{background-color:#f3f4f6;transform:translate(4px)}.ach-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ach-content h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 2px}.ach-content p{font-size:12px;color:#6b7280;margin:0}.see-all-btn{width:100%;padding:12px;background-color:#f3f4f6;border:none;border-radius:10px;color:#6b7280;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.see-all-btn:hover{background-color:#e5e7eb;color:#374151}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.goal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.goal-header p{font-size:14px;color:#6b7280;margin:0}.streak-badge{display:flex;align-items:center;gap:6px;background-color:#fef3c7;color:#d97706;padding:8px 14px;border-radius:20px;font-size:14px;font-weight:600}.goal-progress{margin-bottom:16px}.goal-bar{height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:12px}.goal-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;transition:width .5s ease}.goal-stats{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#374151}.goal-motivation{padding:16px;background-color:#fef3c7;border-radius:10px}.goal-motivation p{margin:0;font-size:14px;color:#92400e;line-height:1.5}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr)}.progress-grid{grid-template-columns:1fr}.chart-card{grid-row:span 1}}@media(max-width:768px){.progress-page{padding:24px 20px}.header-content{flex-direction:column;align-items:flex-start}.time-filter{width:100%}.filter-btn{flex:1}.stats-section{grid-template-columns:1fr}.bar-chart{height:160px}}@media(max-width:480px){.course-item{flex-direction:column;align-items:flex-start;gap:12px}.course-progress{width:100%;flex-direction:row;justify-content:space-between}}.notices-page{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.notices-banner-simple{background:#000b29;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;width:100%}.banner-back-btn{display:flex;align-items:center;gap:6px;background:#e30613;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;padding:10px 16px;border-radius:8px;transition:all .2s;z-index:10}.banner-back-btn:hover{background:#c00510;transform:translateY(-1px)}.banner-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#fff}.banner-center svg{color:#e30613;width:24px;height:24px}.banner-center h1{font-size:22px;font-weight:800;margin:0;letter-spacing:1px;text-transform:uppercase}.banner-spacer{width:80px}.mobile-filter-tabs{display:none;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.mobile-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:none;border-radius:20px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.mobile-tab.active{background:#000b29;color:#fff}.tab-count{background:#0000001a;padding:2px 6px;border-radius:10px;font-size:11px}.mobile-tab.active .tab-count{background:#fff3}.notices-main-container{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;overflow:hidden;height:calc(100vh - 70px)}.notices-sidebar{width:380px;min-width:380px;max-width:380px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%}.notices-filters{padding:16px;border-bottom:1px solid #f1f5f9}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border:none;border-radius:16px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.filter-pill:hover{background:#e2e8f0;color:#000b29}.filter-pill.active{background:#000b29;color:#fff}.pill-count{background:#fff3;padding:2px 6px;border-radius:8px;font-size:11px}.notices-list-container{flex:1;overflow-y:auto;padding:12px}.notice-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border-radius:10px;margin-bottom:8px;border:1px solid #f1f5f9;cursor:pointer;transition:all .2s;position:relative}.notice-item:hover{border-color:#000b29;box-shadow:0 2px 8px #0000000f}.notice-item.active{border-color:#000b29;background:#f8fafc;box-shadow:0 4px 12px #00000014}.notice-item.unread{border-left:3px solid #E30613}.notice-item-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notice-item-icon.urgent{background:#fef2f2;color:#e30613}.notice-item-icon.event{background:#eff6ff;color:#000b29}.notice-item-icon.news{background:#f0fdf4;color:#000b29}.notice-item-icon.general{background:#f8fafc;color:#64748b}.notice-item-content{flex:1;min-width:0;overflow:hidden}.notice-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.notice-item-header h4{font-size:14px;font-weight:600;color:#000b29;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.notice-status{flex-shrink:0}.status-read,.status-unread{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px}.status-read{color:#16a34a;background:#dcfce7}.status-unread{color:#e30613;background:#fef2f2}.notice-item-preview{font-size:13px;color:#64748b;margin:0 0 8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notice-item-meta{display:flex;align-items:center;gap:8px;font-size:11px;flex-wrap:wrap}.notice-type{padding:3px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.notice-type.urgent{background:#fef2f2;color:#e30613}.notice-type.event{background:#eff6ff;color:#000b29}.notice-type.news{background:#f0fdf4;color:#000b29}.notice-type.general{background:#f1f5f9;color:#64748b}.notice-date{color:#94a3b8;font-weight:500}.notice-arrow{color:#cbd5e1;flex-shrink:0;opacity:0;transition:all .2s}.notice-item:hover .notice-arrow,.notice-item.active .notice-arrow{opacity:1;color:#000b29}.notices-empty-small{text-align:center;padding:40px 20px;color:#94a3b8}.notices-content{flex:1;overflow-y:auto;background:#f8fafc;padding:24px;min-width:0}.mobile-back-btn{display:none;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;padding:10px 16px;border-radius:8px;margin-bottom:16px;transition:all .2s;width:fit-content}.mobile-back-btn:hover{border-color:#000b29;color:#000b29}.notice-detail{max-width:100%;margin:0 auto}.notice-detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%}.notice-detail-header{padding:24px;border-bottom:1px solid #f1f5f9}.notice-detail-title-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.notice-detail-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notice-detail-icon.urgent{background:#fef2f2;color:#e30613}.notice-detail-icon.event{background:#eff6ff;color:#000b29}.notice-detail-icon.news{background:#f0fdf4;color:#000b29}.notice-detail-icon.general{background:#f8fafc;color:#64748b}.notice-detail-title-info{flex:1;min-width:0}.notice-detail-badges{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.type{background:#000b29;color:#fff}.badge.type.urgent{background:#e30613}.badge.priority{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.notice-detail-title-info h2{font-size:20px;font-weight:700;color:#000b29;margin:0;line-height:1.3;word-wrap:break-word}.notice-read-status{margin-bottom:16px}.read-badge,.unread-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:8px 12px;border-radius:6px}.read-badge{color:#16a34a;background:#dcfce7}.unread-badge{color:#e30613;background:#fef2f2;cursor:pointer;transition:all .2s}.unread-badge:hover{background:#e30613;color:#fff}.notice-detail-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500}.notice-detail-body{padding:24px}.notice-detail-content{font-size:15px;line-height:1.8;color:#334155;white-space:pre-wrap;margin-bottom:24px;word-wrap:break-word;overflow-wrap:break-word}.notice-expiry{padding:14px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;color:#92400e;font-weight:600;margin-bottom:24px}.notice-query-section{margin-top:32px;padding-top:24px;border-top:2px solid #f1f5f9}.query-header{text-align:center;margin-bottom:20px}.query-header h3{font-size:16px;font-weight:700;color:#000b29;margin:0 0 6px}.query-header p{font-size:13px;color:#64748b;margin:0}.contact-icons-row{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:16px;flex-wrap:wrap}.contact-icon-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;text-decoration:none}.contact-icon-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000001a}.contact-icon-item:hover .contact-icon-circle{transform:scale(1.1);box-shadow:0 4px 16px #0003}.contact-icon-item span{font-size:12px;font-weight:600;color:#64748b;transition:all .2s}.contact-icon-item:hover span{color:#000b29}.contact-icon-item.whatsapp .contact-icon-circle{background:#25d366;color:#fff}.contact-icon-item.instagram .contact-icon-circle{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.contact-icon-item.email .contact-icon-circle{background:#ea4335;color:#fff}.query-info{text-align:center;padding:12px;background:#f0f9ff;border-radius:8px;border-left:3px solid #0ea5e9}.query-info p{font-size:12px;color:#0369a1;margin:0;font-weight:500}.notice-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#94a3b8;padding:60px 40px}.notice-empty-state h3{font-size:18px;color:#64748b;margin:20px 0 8px;font-weight:600}.notices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#64748b}.notices-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#e30613;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.notices-list-container::-webkit-scrollbar,.notices-content::-webkit-scrollbar{width:6px}.notices-list-container::-webkit-scrollbar-thumb,.notices-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media(max-width:1024px){.notices-sidebar{width:320px;min-width:320px;max-width:320px}}@media(max-width:768px){.notices-banner-simple{padding:14px 16px}.banner-center h1{font-size:18px;font-weight:700}.banner-center svg{width:22px;height:22px}.banner-spacer{width:60px}.banner-back-btn{padding:8px 12px;font-size:13px}.mobile-filter-tabs{display:flex}.desktop-only{display:none!important}.notices-main-container{flex-direction:column;height:auto;min-height:calc(100vh - 110px);overflow-x:hidden}.notices-sidebar{width:100%;min-width:100%;max-width:100%;border-right:none;height:auto}.notices-sidebar.mobile-hidden{display:none}.notices-content{display:none;padding:16px;background:#fff;width:100%;max-width:100vw;overflow-x:hidden}.notices-content.mobile-hidden{display:none}.notices-content:not(.mobile-hidden){display:block}.mobile-back-btn{display:flex}.notice-detail-header{padding:20px}.notice-detail-title-info h2{font-size:18px}.notice-detail-body{padding:20px}.notice-detail-content{font-size:14px}.contact-icons-row{gap:24px}.contact-icon-circle{width:48px;height:48px}}@media(max-width:480px){.notices-page{overflow-x:hidden}.banner-back-btn span{display:none}.banner-back-btn{padding:8px}.notice-item{padding:12px}.notice-item-icon{width:32px;height:32px}.notice-item-header h4{font-size:13px}.status-read,.status-unread{font-size:10px;padding:3px 6px}.notice-detail-header{padding:16px}.notice-detail-title-row{gap:10px}.notice-detail-icon{width:36px;height:36px}.notice-detail-title-info h2{font-size:16px}.notice-detail-body{padding:16px}.contact-icons-row{gap:20px}.contact-icon-circle{width:44px;height:44px}.contact-icon-item span{font-size:11px}.query-header h3{font-size:15px}}.page-container{padding:24px 32px;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease;background:var(--bg-light);min-height:100vh}.page-header{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;border:1px solid var(--border-light)}.page-header h1{font-size:28px;font-weight:700;color:#000b29;margin-bottom:8px}.page-header p{color:#64748b;font-size:15px}.add-note-btn,.submit-btn,.start-quiz-btn,.save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.add-note-btn:hover,.submit-btn:hover,.start-quiz-btn:hover{background:#b91c1c;transform:translateY(-2px)}.schedule-calendar{display:flex;flex-direction:column;gap:20px}.day-schedule{background:#fff;border-radius:12px;border:1px solid #E2E8F0;overflow:hidden}.day-header{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.day-header h3{font-weight:700;color:#000b29}.day-classes{padding:16px;display:flex;flex-direction:column;gap:12px}.class-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid #DC2626}.class-card.completed{border-left-color:#10b981;opacity:.7}.class-time{display:flex;align-items:center;gap:6px;color:#dc2626;font-weight:600;font-size:14px;min-width:100px}.class-info{flex:1}.class-info h4{font-weight:600;margin-bottom:4px}.class-type{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:12px}.class-action{padding:8px 16px;background:#000b29;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.homework-list{display:flex;flex-direction:column;gap:16px}.homework-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E2E8F0;transition:all .3s}.homework-card:hover{box-shadow:0 4px 12px #0000001a}.homework-icon{width:48px;height:48px;background:#fef3c7;color:#d97706;border-radius:10px;display:flex;align-items:center;justify-content:center}.homework-details{flex:1}.homework-details h3{font-weight:600;margin-bottom:4px}.homework-details p{color:#64748b;font-size:14px;margin-bottom:8px}.homework-meta{display:flex;align-items:center;gap:6px;color:#dc2626;font-size:13px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#d1fae5;color:#059669;border-radius:20px;font-size:13px;font-weight:600}.notebook-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;height:calc(100vh - 200px)}.notes-sidebar{background:#fff;border-radius:12px;border:1px solid #E2E8F0;overflow-y:auto}.note-preview{padding:16px;border-bottom:1px solid #E2E8F0;cursor:pointer;transition:all .3s}.note-preview:hover,.note-preview.active{background:#f8fafc}.note-preview h4{font-weight:600;margin-bottom:4px;font-size:14px}.note-preview p{color:#64748b;font-size:12px;margin-bottom:4px}.note-preview span{font-size:11px;color:#94a3b8}.note-editor{background:#fff;border-radius:12px;border:1px solid #E2E8F0;padding:24px;display:flex;flex-direction:column}.note-title-input{font-size:20px;font-weight:700;border:none;border-bottom:2px solid #E2E8F0;padding-bottom:12px;margin-bottom:16px;outline:none}.note-title-input:focus{border-color:#dc2626}.note-content-input{flex:1;border:none;resize:none;font-size:15px;line-height:1.6;outline:none}.editor-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #E2E8F0}.delete-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fef2f2;color:#dc2626;border:1px solid #FECACA;border-radius:8px;font-weight:600;cursor:pointer}.empty-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:16px}.attendance-overview{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:32px}.attendance-circle{background:#fff;border-radius:12px;padding:32px;text-align:center;border:1px solid #E2E8F0}.circle-progress{width:150px;height:150px;border-radius:50%;background:conic-gradient(#10b981 calc(var(--percentage) * 1%),#e2e8f0 0);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative}.circle-progress:before{content:"";width:120px;height:120px;background:#fff;border-radius:50%;position:absolute}.circle-progress span{position:relative;font-size:32px;font-weight:800;color:#000b29}.attendance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.att-stat{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;border:1px solid #E2E8F0}.att-stat.present{color:#10b981}.att-stat.absent{color:#dc2626}.att-stat.late{color:#f59e0b}.att-stat h4{font-size:24px;font-weight:800}.att-stat p{color:#64748b;font-size:14px}.monthly-attendance{background:#fff;border-radius:12px;border:1px solid #E2E8F0;padding:24px}.month-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #E2E8F0}.month-info{display:flex;align-items:center;gap:8px;min-width:120px;font-weight:600}.month-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.month-fill{height:100%;background:#10b981;border-radius:4px}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.quiz-card{background:#fff;border-radius:12px;border:1px solid #E2E8F0;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s}.quiz-card:hover{box-shadow:0 4px 12px #0000001a}.quiz-card.locked{opacity:.6}.quiz-icon{width:56px;height:56px;background:#f3e8ff;color:#7c3aed;border-radius:12px;display:flex;align-items:center;justify-content:center}.quiz-info h3{font-weight:700;margin-bottom:4px}.quiz-info p{color:#64748b;font-size:14px;margin-bottom:12px}.quiz-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.quiz-score{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#d1fae5;color:#059669;border-radius:8px;font-weight:700;font-size:18px}.locked-badge{display:block;text-align:center;padding:12px;background:#f1f5f9;color:#64748b;border-radius:8px;font-weight:600}.results-summary{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:32px}.gpa-card{background:#fff;border-radius:12px;border:1px solid #E2E8F0;padding:32px;text-align:center}.gpa-card h2{font-size:48px;font-weight:800;color:#000b29;margin-bottom:8px}.result-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.res-stat{background:#fff;border-radius:12px;border:1px solid #E2E8F0;padding:24px;text-align:center}.res-stat h4{font-size:32px;font-weight:800;color:#000b29;margin-bottom:4px}.grades-table{background:#fff;border-radius:12px;border:1px solid #E2E8F0;overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;padding:16px 24px;align-items:center}.table-header{background:#f8fafc;font-weight:700;font-size:14px;color:#64748b}.table-row{border-top:1px solid #E2E8F0}.grade-badge{display:inline-block;padding:6px 16px;background:#000b29;color:#fff;border-radius:6px;font-weight:700}@media(max-width:968px){.notebook-layout,.attendance-overview,.results-summary,.attendance-stats,.result-stat-cards{grid-template-columns:1fr}.page-container{padding:16px}}.announcements-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh;padding:32px;max-width:1200px;margin:0 auto;animation:fadeIn .5s ease}.announcements-back-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#000b29;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;margin-bottom:32px;transition:all .3s ease}.announcements-back-btn:hover{background:#dc2626;transform:translate(-5px);box-shadow:0 5px 15px #dc26264d}.announcements-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #F1F5F9}.announcements-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #dc26264d;animation:scaleIn .5s ease}.announcements-title-section h1{font-size:32px;font-weight:800;color:#000b29;margin-bottom:8px}.announcements-title-section p{font-size:16px;color:#64748b}.announcements-container{display:flex;flex-direction:column;gap:20px}.announcement-item{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden}.announcement-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#cbd5e1;transition:all .3s}.announcement-item:hover{transform:translate(10px);box-shadow:0 10px 40px #0000001a}.announcement-item.new{background:#fef2f2;border-color:#fecaca}.announcement-item.new:before{background:#dc2626}.announcement-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f1f5f9;border-radius:20px;font-size:12px;font-weight:700;color:#64748b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.announcement-item.new .announcement-badge{background:#dc2626;color:#fff;animation:pulse 2s infinite}.announcement-content h3{font-size:20px;font-weight:700;color:#000b29;margin-bottom:12px;line-height:1.4}.announcement-content p{font-size:15px;color:#64748b;line-height:1.7;margin-bottom:20px}.announcement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #E2E8F0}.announcement-date{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:14px;font-weight:500}.announcements-read-more{display:flex;align-items:center;gap:6px;color:#dc2626;font-weight:600;font-size:14px;background:none;border:none;cursor:pointer;transition:all .3s}.announcements-read-more:hover{gap:10px;color:#000b29}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 10px #dc262600}}@media(max-width:768px){.announcements-page{padding:20px}.announcements-header{flex-direction:column;text-align:center}.announcements-title-section h1{font-size:24px}.announcement-footer{flex-direction:column;gap:16px;align-items:flex-start}}:root{--color-primary: #000B29;--color-accent: #E30613;--color-bg: #fafbfc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}.ilp-container{min-height:100vh;background-color:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);line-height:1.6;padding-bottom:48px}.ilp-top-nav{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ilp-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ilp-back-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translate(-2px)}.ilp-nav-actions{display:flex;align-items:center;gap:16px}.ilp-search-box{position:relative;display:flex;align-items:center}.ilp-search-icon{position:absolute;left:14px;color:var(--color-text-secondary);pointer-events:none}.ilp-search-input{width:280px;padding:10px 14px 10px 40px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast)}.ilp-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #000b2914;width:320px}.ilp-search-input::placeholder{color:#94a3b8}.ilp-hero{padding:48px 32px 32px;max-width:1400px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:48px;border-bottom:1px solid var(--color-border-light)}.ilp-hero-content{flex:1}.ilp-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#000b290f;border-radius:20px;font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.ilp-hero h1{font-size:42px;font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.ilp-hero p{font-size:17px;color:var(--color-text-secondary);max-width:600px;line-height:1.6}.ilp-hero-stats{display:flex;align-items:center;gap:24px;padding:24px 32px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.ilp-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.ilp-stat-value{font-size:32px;font-weight:800;color:var(--color-primary);line-height:1}.ilp-stat-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.ilp-stat-divider{width:1px;height:40px;background:var(--color-border)}.ilp-alert{max-width:1400px;margin:24px auto 0;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:var(--radius-md);font-size:14px}.ilp-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin:24px 32px 0}.ilp-alert-content{display:flex;flex-direction:column;gap:2px}.ilp-alert-content strong{font-weight:600;font-size:14px}.ilp-alert-content span{color:#991b1b;font-size:13px}.ilp-filter-section{max-width:1400px;margin:32px auto 0;padding:0 32px}.ilp-filter-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.ilp-filter-pills{display:flex;flex-wrap:wrap;gap:10px}.ilp-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:100px;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.ilp-pill:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ilp-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #000b2940}.ilp-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#fff3;border-radius:11px;font-size:12px;font-weight:700}.ilp-content{max-width:1400px;margin:32px auto 0;padding:0 32px}.ilp-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.ilp-link-card{position:relative;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:20px;transition:all var(--transition-base);overflow:hidden;box-shadow:var(--shadow-sm)}.ilp-card-accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--category-color, var(--color-primary));transform:scaleX(0);transition:transform var(--transition-base)}.ilp-link-card:hover{border-color:var(--category-color, var(--color-primary));box-shadow:var(--shadow-xl);transform:translateY(-4px)}.ilp-link-card:hover .ilp-card-accent{transform:scaleX(1)}.ilp-card-main{display:flex;flex-direction:column;gap:16px}.ilp-card-icon-wrapper{display:flex;align-items:center;justify-content:space-between}.ilp-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.ilp-link-card:hover .ilp-card-icon{transform:scale(1.1) rotate(-5deg)}.ilp-card-category{font-size:11px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;padding:6px 12px;background:var(--color-border-light);border-radius:20px}.ilp-card-info{display:flex;flex-direction:column;gap:8px}.ilp-card-title{font-size:18px;font-weight:700;color:var(--color-primary);line-height:1.4;transition:color var(--transition-fast)}.ilp-link-card:hover .ilp-card-title{color:var(--color-accent)}.ilp-card-description{font-size:14px;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ilp-card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--color-border-light);margin-top:auto}.ilp-course-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#000b290a;border-radius:20px;font-size:12px;font-weight:600;color:var(--color-primary);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ilp-course-tag span{overflow:hidden;text-overflow:ellipsis}.ilp-visit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:13px;font-weight:700;transition:all var(--transition-fast);box-shadow:0 2px 8px #e306134d}.ilp-link-card:hover .ilp-visit-btn{background:#c00510;transform:translate(4px);box-shadow:0 4px 12px #e3061366}.ilp-empty-state{text-align:center;padding:80px 40px;background:var(--color-surface);border-radius:var(--radius-xl);border:2px dashed var(--color-border);max-width:600px;margin:0 auto}.ilp-empty-icon{width:96px;height:96px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--color-border-light);border-radius:50%;color:var(--color-text-secondary)}.ilp-empty-state h3{font-size:22px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.ilp-empty-state p{font-size:15px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.ilp-btn-secondary{padding:12px 24px;background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ilp-btn-secondary:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ilp-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.ilp-spinner-wrapper{position:relative;width:64px;height:64px}.ilp-spinner{width:100%;height:100%;border:3px solid var(--color-border-light);border-top-color:var(--color-accent);border-radius:50%;animation:ilp-spin 1s linear infinite}@keyframes ilp-spin{to{transform:rotate(360deg)}}.ilp-loading-state h3{font-size:20px;font-weight:700;color:var(--color-primary)}.ilp-loading-state p{font-size:15px;color:var(--color-text-secondary)}.ilp-footer{max-width:1400px;margin:48px auto 0;padding:0 32px;text-align:center}.ilp-footer p{font-size:13px;color:var(--color-text-secondary);font-weight:500}@media(max-width:1024px){.ilp-hero{flex-direction:column;align-items:flex-start;gap:32px}.ilp-hero-stats{width:100%;justify-content:space-around}}@media(max-width:768px){.ilp-top-nav{padding:12px 20px;flex-wrap:wrap}.ilp-search-input{width:200px}.ilp-search-input:focus{width:220px}.ilp-hero{padding:32px 20px 24px}.ilp-hero h1{font-size:28px}.ilp-hero p{font-size:15px}.ilp-hero-stats{padding:20px 24px;gap:16px}.ilp-stat-value{font-size:24px}.ilp-filter-section,.ilp-content{padding:0 20px}.ilp-links-grid{grid-template-columns:1fr;gap:16px}.ilp-link-card{padding:20px}.ilp-alert-error{margin:20px 20px 0}}@media(max-width:480px){.ilp-hero-stats{flex-direction:column;gap:16px}.ilp-stat-divider{width:100%;height:1px}.ilp-filter-pills{gap:8px}.ilp-pill{padding:8px 14px;font-size:13px}}.op-container{padding:24px;max-width:1200px;margin:0 auto;background:#fff;min-height:100vh}.op-header{margin-bottom:32px}.op-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#000b29;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px;padding:8px 0;transition:color .2s}.op-back-btn:hover{color:#e30613}.op-header h1{font-size:32px;font-weight:800;color:#000b29;margin:0 0 8px}.op-header p{color:#64748b;font-size:16px;margin:0}.op-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.op-stat{background:#f8fafc;padding:24px;border-radius:16px;text-align:center;border:2px solid #f1f5f9;transition:all .3s ease}.op-stat:hover{border-color:#e30613;transform:translateY(-2px)}.op-stat-number{display:block;font-size:36px;font-weight:800;color:#000b29}.op-stat-label{font-size:14px;color:#64748b;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.op-filters{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.op-filter-btn{padding:12px 24px;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.op-filter-btn:hover{border-color:#000b29;color:#000b29}.op-filter-btn.active{background:#000b29;color:#fff;border-color:#000b29}.op-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.op-card{background:#fff;border:2px solid #f1f5f9;border-radius:20px;padding:28px;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.op-card:hover{border-color:#e30613;box-shadow:0 12px 32px #000b291f;transform:translateY(-4px)}.op-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#e30613}.op-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px}.op-type-badge{padding:8px 16px;border-radius:25px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.op-type-badge--job{background:#dbeafe;color:#1e40af}.op-type-badge--internship{background:#fef3c7;color:#92400e}.op-urgent-badge{background:#e30613;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;animation:pulse 2s infinite}.op-new-badge{background:#000b29;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.op-title{font-size:22px;font-weight:800;color:#000b29;margin:0 0 12px;line-height:1.3}.op-company{font-size:16px;color:#e30613;margin:0 0 16px;font-weight:700;display:flex;align-items:center;gap:8px}.op-description{font-size:15px;color:#475569;line-height:1.7;margin:0 0 20px;flex:1}.op-requirements{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px}.op-requirements h4{font-size:14px;font-weight:700;color:#000b29;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.op-requirements ul{margin:0;padding-left:20px;font-size:14px;color:#64748b}.op-requirements li{margin-bottom:6px}.op-more{color:#e30613;font-weight:600;list-style:none;margin-left:-20px}.op-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.op-detail{display:flex;align-items:center;gap:10px;font-size:14px;color:#64748b}.op-detail svg{color:#000b29}.op-urgent-text{color:#e30613;font-weight:700}.op-courses{color:#000b29;font-weight:600}.op-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.op-skill{background:#f1f5f9;color:#000b29;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #e2e8f0}.op-skill-more{background:#000b29;color:#fff;border-color:#000b29}.op-footer{margin-top:auto}.op-apply-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:#e30613;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.op-apply-btn:hover{background:#000b29;transform:translateY(-2px);box-shadow:0 8px 20px #000b2933}.op-apply-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.op-empty{text-align:center;padding:100px 20px;color:#64748b;background:#f8fafc;border-radius:20px;border:2px dashed #e2e8f0}.op-empty-icon{margin-bottom:24px;opacity:.3;color:#000b29}.op-empty h3{font-size:24px;color:#000b29;margin:0 0 12px;font-weight:700}.op-empty p{font-size:16px;max-width:400px;margin:0 auto;line-height:1.6}.op-loading{text-align:center;padding:100px;color:#64748b;font-size:16px;display:flex;flex-direction:column;align-items:center;gap:20px}.op-spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top-color:#e30613;border-radius:50%;animation:spin 1s linear infinite}.op-error{background:#fef2f2;color:#dc2626;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:600;border-left:4px solid #dc2626}@media(max-width:768px){.op-container{padding:16px}.op-stats{grid-template-columns:repeat(3,1fr);gap:12px}.op-stat{padding:16px}.op-stat-number{font-size:24px}.op-grid{grid-template-columns:1fr}.op-header h1{font-size:24px}}.skill-tree-container{padding:32px;background:#fff;border-radius:20px;border:1px solid #E5E7EB;margin-bottom:24px}.feature-header h2{font-size:24px;font-weight:800;color:#000b29;margin-bottom:8px;display:flex;align-items:center;gap:12px}.feature-header p{color:#6b7280;font-size:14px}.skill-forest{position:relative;height:500px;background:linear-gradient(180deg,#f0f9ff,#fff);border-radius:16px;border:2px solid #E0F2FE;overflow:hidden}.nodes-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.skill-node{position:absolute;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease}.skill-node:hover{transform:translate(-50%,-50%) scale(1.1);z-index:10}.node-content{background:#fff;border:3px solid;border-radius:16px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:100px;box-shadow:0 4px 6px -1px #0000001a;position:relative}.node-content.completed{border-color:#10b981;background:#ecfdf5}.node-content.active{border-color:#dc2626;background:#fef2f2;box-shadow:0 0 0 4px #dc262633}.node-content.locked{border-color:#d1d5db;background:#f3f4f6;opacity:.7}.node-icon{font-size:24px}.node-name{font-size:12px;font-weight:700;color:#1f2937;text-align:center}.pulse-ring{position:absolute;width:100%;height:100%;border:3px solid #DC2626;border-radius:16px;animation:pulse 2s infinite;top:0;left:0}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.node-detail-panel{margin-top:24px;padding:24px;background:linear-gradient(135deg,#000b29,#1e3a8a);border-radius:16px;color:#fff}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;margin:12px 0;letter-spacing:1px}.status-badge.completed{background:#10b981}.status-badge.active{background:#dc2626}.status-badge.locked{background:#6b7280}.action-btn{margin-top:16px;padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.action-btn:hover{background:#b91c1c;transform:translateY(-2px)}.focus-mode-container{padding:32px;background:#fff;border-radius:20px;border:1px solid #E5E7EB;margin-bottom:24px}.focus-interface{max-width:600px;margin:0 auto}.mode-selector{display:flex;gap:12px;margin-bottom:32px;background:#f3f4f6;padding:6px;border-radius:12px}.mode-btn{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s;background:transparent;color:#6b7280}.mode-btn.active{background:#fff;color:var(--mode-color);box-shadow:0 2px 4px #0000001a}.timer-display{display:flex;justify-content:center;margin-bottom:32px}.timer-circle{width:280px;height:280px;border-radius:50%;background:conic-gradient(from 0deg,var(--mode-color, #DC2626) calc(var(--progress) * 1deg),#E5E7EB calc(var(--progress) * 1deg));display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 25px -5px #0000001a}.timer-circle:before{content:"";position:absolute;width:240px;height:240px;background:#fff;border-radius:50%}.timer-inner{position:relative;text-align:center}.time-text{font-size:56px;font-weight:800;color:#000b29;font-family:Courier New,monospace;letter-spacing:-2px}.session-count{display:block;font-size:14px;color:#6b7280;margin-top:8px;font-weight:600}.timer-controls{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.control-btn{display:flex;align-items:center;gap:8px;padding:16px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;border:none}.control-btn.primary{background:#dc2626;color:#fff;box-shadow:0 10px 15px -3px #dc26264d}.control-btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #dc262666}.control-btn.secondary{background:#f3f4f6;color:#4b5563;padding:16px}.focus-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #E5E7EB;border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px}.stat-icon{width:40px;height:40px;color:#dc2626;background:#dc26261a;padding:8px;border-radius:10px}.stat-value{display:block;font-size:20px;font-weight:800;color:#000b29}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.feature-container{padding:24px;max-width:1200px;margin:0 auto}.feature-header{margin-bottom:32px}.feature-header h2{font-size:28px;font-weight:800;color:#000b29;margin-bottom:8px;display:flex;align-items:center;gap:12px}.feature-header p{color:#6b7280;font-size:16px}.ai-chat-container{background:#fff;border-radius:20px;border:1px solid #E5E7EB;overflow:hidden;height:600px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:24px;background:#f9fafb;display:flex;flex-direction:column;gap:16px}.chat-bubble{display:flex;gap:12px;max-width:80%;animation:fadeIn .3s ease}.chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#000b29;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.chat-bubble.user .chat-avatar{background:#dc2626}.chat-content{background:#fff;padding:16px 20px;border-radius:16px;border:1px solid #E5E7EB;box-shadow:0 2px 4px #0000000d}.chat-bubble.user .chat-content{background:#000b29;color:#fff;border-color:#000b29}.chat-content p{line-height:1.6;margin:0}.suggestion-chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:20px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .3s}.chip:hover{background:#dc2626;color:#fff;border-color:#dc2626}.chat-input-area{display:flex;gap:12px;padding:24px;background:#fff;border-top:1px solid #E5E7EB}.mic-btn{width:48px;height:48px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .3s}.mic-btn:hover{background:#f3f4f6;color:#dc2626}.chat-input-area input{flex:1;padding:12px 20px;border:2px solid #E5E7EB;border-radius:12px;font-size:15px;transition:all .3s}.chat-input-area input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.send-btn{width:48px;height:48px;background:#dc2626;color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.send-btn:hover{background:#b91c1c;transform:scale(1.05)}.collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.find-partners{background:#fff;padding:24px;border-radius:20px;border:1px solid #E5E7EB}.search-box-large{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f3f4f6;border-radius:12px;margin-bottom:20px;color:#6b7280}.search-box-large input{flex:1;border:none;background:none;font-size:15px;outline:none;color:#1f2937}.buddies-list{display:flex;flex-direction:column;gap:12px}.buddy-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid transparent;transition:all .3s}.buddy-card:hover{border-color:#dc2626;background:#fff;box-shadow:0 4px 12px #0000000d}.buddy-avatar-large{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;position:relative}.status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.status-dot.online{background:#10b981}.status-dot.studying{background:#f59e0b}.status-dot.offline{background:#9ca3af}.buddy-info{flex:1}.buddy-info h4{font-weight:700;color:#000b29;margin-bottom:4px}.buddy-info p{font-size:13px;color:#6b7280;margin-bottom:6px}.match-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700;border-radius:20px}.buddy-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .3s}.icon-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.study-rooms{display:flex;flex-direction:column;gap:24px}.study-rooms h3{font-size:18px;font-weight:700;color:#000b29}.room-card{background:linear-gradient(135deg,#000b29,#1e3a8a);padding:24px;border-radius:16px;color:#fff}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.live-badge{background:#dc2626;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.5px;animation:pulse 2s infinite}.room-count{font-size:13px;opacity:.9}.room-card h4{font-size:20px;font-weight:700;margin-bottom:8px}.room-card p{opacity:.9;margin-bottom:20px}.join-room-btn{width:100%;padding:12px;background:#dc2626;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s}.join-room-btn:hover{background:#b91c1c;transform:translateY(-2px)}.upcoming-sessions{background:#fff;padding:24px;border-radius:16px;border:1px solid #E5E7EB}.session-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:10px;margin-top:12px;color:#6b7280}.session-item p{font-weight:600;color:#000b29;margin-bottom:4px}.session-item span{font-size:13px}@media(max-width:968px){.collab-grid{grid-template-columns:1fr}}.simulator-layout{display:flex;flex-direction:column;gap:24px}.path-selector{display:flex;gap:12px;background:#fff;padding:8px;border-radius:12px;border:1px solid #E5E7EB;width:fit-content}.path-btn{padding:10px 24px;border:none;background:transparent;color:#6b7280;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s;text-transform:capitalize}.path-btn.active{background:#dc2626;color:#fff}.career-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.overview-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #E5E7EB;display:flex;align-items:center;gap:16px}.overview-card label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.overview-card h3{font-size:20px;font-weight:700;color:#000b29}.career-timeline{background:#fff;padding:32px;border-radius:16px;border:1px solid #E5E7EB}.career-timeline h3{font-size:18px;font-weight:700;color:#000b29;margin-bottom:24px}.timeline-track{display:flex;justify-content:space-between;position:relative;padding-top:20px}.timeline-track:before{content:"";position:absolute;top:30px;left:0;right:0;height:4px;background:#e5e7eb;z-index:0}.milestone{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;flex:1}.milestone-dot{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid #E5E7EB;display:flex;align-items:center;justify-content:center}.milestone.completed .milestone-dot{background:#10b981;border-color:#10b981;color:#fff}.milestone-info{text-align:center}.milestone-info h4{font-weight:700;color:#000b29;margin-bottom:4px}.milestone-info .salary{color:#dc2626;font-weight:700;font-size:14px}.milestone-info .time{font-size:12px;color:#9ca3af}.skill-gap{background:#fff;padding:32px;border-radius:16px;border:1px solid #E5E7EB}.skill-gap h3{font-size:18px;font-weight:700;color:#000b29;margin-bottom:24px}.skill-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.skill-row span{min-width:120px;font-weight:600;color:#374151}.progress-track{flex:1;height:12px;background:#f3f4f6;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#dc2626,#f87171);border-radius:6px;transition:width .5s ease}.progress-track span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:#6b7280}@media(max-width:768px){.career-overview{grid-template-columns:1fr}.timeline-track{flex-direction:column;gap:24px}.timeline-track:before{display:none}}.add-project-btn{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:8px;padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s}.add-project-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 10px 20px #dc262633}.feature-header{position:relative}.portfolio-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.p-stat{background:#fff;padding:24px;border-radius:16px;border:1px solid #E5E7EB;display:flex;align-items:center;gap:16px}.p-stat svg{color:#dc2626;background:#fef2f2;padding:8px;border-radius:10px}.p-num{display:block;font-size:24px;font-weight:800;color:#000b29}.p-label{font-size:13px;color:#6b7280;font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.project-card-large{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #E5E7EB;transition:all .3s}.project-card-large:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.project-image{height:200px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.featured-badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:#fbbf24;color:#000;font-size:11px;font-weight:800;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.project-content{padding:24px}.project-content h3{font-size:18px;font-weight:700;color:#000b29;margin-bottom:8px}.tech-stack{color:#6b7280;font-size:14px;margin-bottom:16px}.project-stats-row{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F3F4F6}.project-stats-row span{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;font-weight:500}.project-stats-row svg{color:#9ca3af}.project-links-row{display:flex;gap:12px}.link-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;border:none}.link-btn.github{background:#f3f4f6;color:#374151}.link-btn.github:hover{background:#e5e7eb}.link-btn.demo{background:#000b29;color:#fff}.link-btn.demo:hover{background:#dc2626}@media(max-width:640px){.add-project-btn{position:static;margin-top:16px;width:100%;justify-content:center}.portfolio-stats-bar{grid-template-columns:1fr}}.knowledge-canvas{position:relative;height:500px;background:linear-gradient(135deg,#f0f9ff,#fff);border-radius:20px;border:2px solid #E0F2FE;overflow:hidden}.connections-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.concepts-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.concept-node{position:absolute;transform:translate(-50%,-50%);background:#fff;border:3px solid #E5E7EB;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.concept-node:hover{transform:translate(-50%,-50%) scale(1.1);z-index:10;box-shadow:0 20px 25px -5px #0000001a}.concept-node.small{width:80px;height:80px}.concept-node.medium{width:100px;height:100px}.concept-node.large{width:120px;height:120px}.concept-node.mastered{border-color:#10b981;background:#ecfdf5;box-shadow:0 0 20px #10b9814d}.node-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s}.concept-node.mastered .node-glow{opacity:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:0}}.concept-name{font-size:12px;font-weight:700;color:#000b29;text-align:center;padding:0 8px;z-index:1}.master-icon{position:absolute;bottom:-5px;right:-5px;color:#10b981;background:#fff;border-radius:50%;padding:2px}.map-legend{display:flex;justify-content:center;gap:32px;margin-top:24px;padding:16px;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.dot{width:12px;height:12px;border-radius:50%}.dot.mastered{background:#10b981}.dot.learning{background:#f59e0b}.dot.locked{background:#e5e7eb}.challenges-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.progress-ring-large{background:#fff;padding:40px;border-radius:20px;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.progress-ring-large:before{content:"";position:absolute;width:200px;height:200px;border:8px solid #F3F4F6;border-radius:50%;border-top-color:#dc2626;transform:rotate(45deg)}.progress-content{text-align:center;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.progress-text{font-size:32px;font-weight:800;color:#000b29}.progress-label{font-size:14px;color:#6b7280;font-weight:500}.streak-box-large{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:40px;border-radius:20px;border:2px solid #F59E0B;display:flex;align-items:center;justify-content:center;gap:20px}.streak-number{display:block;font-size:48px;font-weight:800;color:#92400e;line-height:1}.streak-text{font-size:18px;color:#b45309;font-weight:700}.challenges-list{display:flex;flex-direction:column;gap:16px}.challenge-row{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:16px;border:1px solid #E5E7EB;transition:all .3s}.challenge-row:hover{box-shadow:0 4px 12px #0000000d;transform:translate(4px)}.challenge-row.completed{background:#f0fdf4;border-color:#86efac}.challenge-row.urgent:not(.completed){background:#fef2f2;border-color:#fca5a5;animation:urgentPulse 2s infinite}@keyframes urgentPulse{0%,to{box-shadow:0 0 #dc26261a}50%{box-shadow:0 0 0 4px #dc26261a}}.challenge-status{flex-shrink:0}.challenge-details{flex:1}.challenge-details h4{font-size:18px;font-weight:700;color:#000b29;margin-bottom:4px}.challenge-details p{color:#6b7280;font-size:14px;margin-bottom:8px}.challenge-meta{display:flex;gap:8px}.type-tag{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.type-tag.learning{background:#dbeafe;color:#1e40af}.type-tag.practice{background:#f3e8ff;color:#7c3aed}.type-tag.community{background:#fef3c7;color:#92400e}.type-tag.task{background:#fce7f3;color:#be185d}.urgent-tag{padding:4px 12px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;border-radius:20px;text-transform:uppercase}.challenge-reward{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fef3c7;border-radius:20px;font-weight:700;color:#92400e;font-size:14px}.challenge-action{padding:10px 24px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:all .3s;min-width:120px}.challenge-action.claim{background:#dc2626;color:#fff}.challenge-action.claim:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.challenge-action.claimed{background:#10b981;color:#fff;cursor:default}@media(max-width:768px){.challenges-overview{grid-template-columns:1fr}.challenge-row{flex-wrap:wrap}.challenge-action{width:100%;margin-top:12px}}.exchange-controls{display:flex;gap:16px;margin-bottom:32px}.search-resource{flex:1;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;color:#6b7280}.search-resource input{flex:1;border:none;outline:none;font-size:15px;color:#1f2937;background:transparent}.filter-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;font-weight:600;color:#4b5563;cursor:pointer;transition:all .3s}.filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.resource-card{background:#fff;border-radius:16px;border:1px solid #E5E7EB;overflow:hidden;transition:all .3s;display:flex;flex-direction:column}.resource-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.resource-header{display:flex;justify-content:space-between;align-items:start;padding:20px;background:#f9fafb;border-bottom:1px solid #F3F4F6}.file-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.file-icon.pdf{background:#dc2626}.file-icon.notion{background:#000}.file-icon.doc{background:#2563eb}.like-btn{width:36px;height:36px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .3s;box-shadow:0 2px 4px #0000000d}.like-btn:hover{color:#dc2626;transform:scale(1.1)}.like-btn.liked{color:#dc2626;background:#fef2f2}.resource-body{padding:20px;flex:1}.category-tag{display:inline-block;padding:4px 10px;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:12px}.resource-body h3{font-size:16px;font-weight:700;color:#000b29;margin-bottom:12px;line-height:1.4}.resource-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#9ca3af}.file-type{font-weight:600;color:#4b5563}.resource-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-top:1px solid #F3F4F6}.resource-stats{display:flex;gap:16px}.resource-stats span{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#6b7280}.rating{color:#92400e!important}.download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#000b29;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s}.download-btn:hover{background:#dc2626;transform:translateY(-1px)}.upload-resource-btn{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:8px;padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s}.upload-resource-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 20px #10b98133}.booking-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.intro-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #E5E7EB;display:flex;align-items:center;gap:16px;transition:all .3s}.intro-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d;border-color:#dc2626}.intro-card h4{font-weight:700;color:#000b29;margin-bottom:4px}.intro-card p{font-size:13px;color:#6b7280}.mentors-list{display:flex;flex-direction:column;gap:24px}.mentor-profile-card{background:#fff;border-radius:20px;border:1px solid #E5E7EB;padding:32px;transition:all .3s}.mentor-profile-card:hover{box-shadow:0 20px 25px -5px #0000001a;border-color:#dc2626}.mentor-header{display:flex;gap:20px;margin-bottom:20px}.mentor-avatar-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:24px;flex-shrink:0;border:4px solid #F3F4F6}.mentor-title{flex:1}.mentor-title h3{font-size:24px;font-weight:800;color:#000b29;margin-bottom:4px}.expertise{font-size:16px;color:#dc2626;font-weight:600;margin-bottom:4px}.company{font-size:14px;color:#6b7280}.mentor-price{text-align:right}.mentor-price span{display:block;font-size:24px;font-weight:800;color:#000b29}.mentor-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F3F4F6}.mentor-tag{padding:6px 14px;background:#f0f9ff;color:#0369a1;font-size:12px;font-weight:600;border-radius:20px;border:1px solid #BAE6FD}.mentor-stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.rating-large{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#000b29}.rating-large small{font-size:14px;color:#9ca3af;font-weight:500}.next-available{display:flex;align-items:center;gap:8px;color:#059669;font-weight:600;font-size:14px;background:#ecfdf5;padding:8px 16px;border-radius:20px}.mentor-actions{display:flex;gap:12px}.view-profile-btn,.book-session-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;border:none}.view-profile-btn{background:#f3f4f6;color:#374151}.view-profile-btn:hover{background:#e5e7eb}.book-session-btn{background:#dc2626;color:#fff;box-shadow:0 4px 6px -1px #dc262633}.book-session-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 10px 15px -3px #dc26264d}@media(max-width:768px){.booking-intro{grid-template-columns:1fr}.mentor-header{flex-wrap:wrap}.mentor-price{width:100%;text-align:left;margin-top:12px}}:root{--ab-primary: #000B29;--ab-primary-light: #001a3d;--ab-primary-dark: #00061a;--ab-secondary: #3b82f6;--ab-success: #10b981;--ab-warning: #f59e0b;--ab-danger: #ef4444;--ab-white: #ffffff;--ab-gray-50: #f8fafc;--ab-gray-100: #f1f5f9;--ab-gray-200: #e2e8f0;--ab-gray-300: #cbd5e1;--ab-gray-400: #94a3b8;--ab-gray-500: #64748b;--ab-gray-600: #475569;--ab-gray-700: #334155;--ab-gray-800: #1e293b;--ab-gray-900: #0f172a;--ab-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ab-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--ab-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--ab-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--ab-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--ab-radius-sm: 6px;--ab-radius: 8px;--ab-radius-lg: 12px;--ab-radius-xl: 16px;--ab-transition: all .2s ease}.ab-container{min-height:100vh;background:var(--ab-gray-50);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ab-gray-800);overflow-x:hidden}.ab-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.ab-modal-content{background:var(--ab-white);border-radius:var(--ab-radius-xl);box-shadow:var(--ab-shadow-xl);width:100%;max-width:450px;animation:slideUp .3s ease;overflow:hidden}.ab-modal-header{background:var(--ab-primary);color:var(--ab-white);padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.ab-modal-header h3{font-size:18px;font-weight:600;margin:0}.ab-modal-close{background:#fff3;border:none;color:var(--ab-white);width:32px;height:32px;border-radius:var(--ab-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ab-transition)}.ab-modal-close:hover{background:#ffffff4d}.ab-modal-body{padding:24px}.ab-modal-text{color:var(--ab-gray-600);font-size:15px;line-height:1.6;margin:0}.ab-modal-inputs{display:flex;flex-direction:column;gap:16px}.ab-modal-input-group{display:flex;flex-direction:column;gap:6px}.ab-modal-input-group label{font-size:13px;font-weight:600;color:var(--ab-gray-700);text-transform:uppercase;letter-spacing:.5px}.ab-modal-input{padding:12px 16px;border:2px solid var(--ab-gray-200);border-radius:var(--ab-radius);font-size:15px;transition:var(--ab-transition);width:100%}.ab-modal-input:focus{outline:none;border-color:var(--ab-primary);box-shadow:0 0 0 3px #000b290d}.ab-modal-footer{padding:16px 24px;border-top:1px solid var(--ab-gray-200);display:flex;gap:12px;justify-content:flex-end}.ab-modal-btn{padding:10px 20px;border-radius:var(--ab-radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--ab-transition);border:none}.ab-modal-btn.cancel{background:var(--ab-gray-100);color:var(--ab-gray-700)}.ab-modal-btn.cancel:hover{background:var(--ab-gray-200)}.ab-modal-btn.confirm{background:var(--ab-primary);color:var(--ab-white)}.ab-modal-btn.confirm:hover{background:var(--ab-primary-light)}.ab-resizable-image{position:relative;display:inline-block;max-width:100%;margin:16px 0;border:2px solid transparent;transition:var(--ab-transition)}.ab-resizable-image:hover,.ab-resizable-image.active{border-color:var(--ab-primary)}.ab-resizable-image img{display:block;width:100%;height:auto;border-radius:var(--ab-radius);box-shadow:var(--ab-shadow-md)}.ab-image-resize-handle{position:absolute;bottom:-6px;right:-6px;width:20px;height:20px;background:var(--ab-primary);border:2px solid var(--ab-white);border-radius:50%;cursor:nwse-resize;opacity:0;transition:var(--ab-transition);box-shadow:var(--ab-shadow)}.ab-resizable-image:hover .ab-image-resize-handle,.ab-resizable-image.active .ab-image-resize-handle{opacity:1}.ab-image-delete{position:absolute;top:-10px;right:-10px;width:28px;height:28px;background:var(--ab-danger);border:2px solid var(--ab-white);border-radius:50%;color:var(--ab-white);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--ab-transition);box-shadow:var(--ab-shadow);z-index:10}.ab-resizable-image:hover .ab-image-delete,.ab-resizable-image.active .ab-image-delete{opacity:1}.ab-image-delete:hover{background:#dc2626;transform:scale(1.1)}.ab-deletable-element{position:relative;display:block;margin:16px 0}.ab-element-delete{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:var(--ab-danger);border:2px solid var(--ab-white);border-radius:50%;color:var(--ab-white);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--ab-transition);box-shadow:var(--ab-shadow);z-index:10}.ab-deletable-element:hover .ab-element-delete{opacity:1}.ab-element-delete:hover{background:#dc2626;transform:scale(1.1)}.ab-link-wrapper{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--ab-gray-100);border-radius:var(--ab-radius-sm);margin:0 4px}.ab-element-delete-inline{width:20px;height:20px;background:var(--ab-danger);border:none;border-radius:50%;color:var(--ab-white);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--ab-transition);padding:0}.ab-link-wrapper:hover .ab-element-delete-inline{opacity:1}.ab-mobile-header{display:none;background:var(--ab-primary);color:var(--ab-white);padding:12px 16px;align-items:center;gap:12px;position:sticky;top:0;z-index:100;box-shadow:var(--ab-shadow-lg)}.ab-mobile-menu-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:var(--ab-white);border-radius:var(--ab-radius);font-size:13px;font-weight:500;cursor:pointer;transition:var(--ab-transition)}.ab-mobile-menu-btn:hover{background:#ffffff40}.ab-mobile-title{flex:1;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-mobile-actions{display:flex;gap:8px}.ab-mobile-icon-btn{width:36px;height:36px;border-radius:var(--ab-radius);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--ab-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ab-transition)}.ab-mobile-icon-btn:hover{background:#fff3}.ab-mobile-icon-btn.submit{background:var(--ab-success);border-color:var(--ab-success)}.ab-mobile-icon-btn.submit:hover{background:#059669}.ab-mobile-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ab-banner{height:120px;background:#000b29;color:var(--ab-white);display:flex;align-items:center;padding:0 32px;box-shadow:var(--ab-shadow-lg);position:relative;z-index:90}.ab-banner-content{width:100%;max-width:1800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.ab-banner-left{display:flex;align-items:center;gap:20px}.ab-banner-back{width:44px;height:44px;border-radius:var(--ab-radius);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--ab-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ab-transition);font-size:18px}.ab-banner-back:hover{background:#fff3;transform:translate(-2px)}.ab-banner-icon{width:56px;height:56px;background:#ffffff26;border-radius:var(--ab-radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.ab-banner-text h1{font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.5px}.ab-banner-text p{font-size:14px;opacity:.8;margin:0;font-weight:400}.ab-banner-actions{display:flex;align-items:center;gap:10px}.ab-banner-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--ab-radius);font-size:13px;font-weight:500;cursor:pointer;transition:var(--ab-transition);border:none;white-space:nowrap}.ab-banner-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--ab-white)}.ab-banner-btn.secondary:hover{background:#fff3;transform:translateY(-1px)}.ab-banner-btn.primary{background:var(--ab-success);color:var(--ab-white);box-shadow:0 4px 12px #10b9814d}.ab-banner-btn.primary:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.ab-banner-btn:disabled{opacity:.6;cursor:not-allowed}.ab-workspace{flex:1;display:flex;overflow:hidden;position:relative}.ab-sidebar{width:280px;background:var(--ab-white);border-left:1px solid var(--ab-gray-200);display:flex;flex-direction:column;transition:transform .3s ease;z-index:80;position:fixed;right:0;top:0;height:100vh;transform:translate(100%)}.ab-sidebar.open{transform:translate(0)}@media(min-width:769px){.ab-sidebar{position:relative;transform:translate(0);border-left:none;border-right:1px solid var(--ab-gray-200);height:auto}}.ab-sidebar-header{padding:20px;border-bottom:1px solid var(--ab-gray-200);display:flex;align-items:center;justify-content:space-between}.ab-sidebar-header h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ab-gray-600)}.ab-sidebar-actions{display:flex;gap:8px}.ab-btn-add{width:32px;height:32px;border-radius:var(--ab-radius);background:var(--ab-primary);border:none;color:var(--ab-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ab-transition);font-size:14px}.ab-btn-add:hover{background:var(--ab-primary-light);transform:scale(1.05)}.ab-btn-collapse-mobile{display:flex;width:32px;height:32px;border-radius:var(--ab-radius);background:var(--ab-gray-100);border:none;color:var(--ab-gray-600);align-items:center;justify-content:center;cursor:pointer}@media(min-width:769px){.ab-btn-collapse-mobile{display:none}}.ab-sections-list{flex:1;overflow-y:auto;padding:12px}.ab-section-item{display:flex;align-items:center;gap:10px;padding:14px 12px;margin-bottom:6px;border-radius:var(--ab-radius);cursor:pointer;transition:var(--ab-transition);border:2px solid transparent;position:relative}.ab-section-item:hover{background:var(--ab-gray-50);border-color:var(--ab-gray-200)}.ab-section-item.active{background:var(--ab-primary);color:var(--ab-white);border-color:var(--ab-primary);box-shadow:var(--ab-shadow-md)}.ab-section-item.has-content.active:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--ab-success);border-radius:50%}.ab-section-drag{color:var(--ab-gray-400);font-size:12px;cursor:grab}.ab-section-item.active .ab-section-drag{color:#fff9}.ab-section-title{flex:1;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-section-indicator{width:8px;height:8px;background:var(--ab-success);border-radius:50%;flex-shrink:0}.ab-section-controls{display:flex;gap:4px;opacity:0;transition:opacity .2s}.ab-section-item:hover .ab-section-controls{opacity:1}.ab-section-controls button{width:26px;height:26px;border-radius:var(--ab-radius-sm);background:transparent;border:none;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;opacity:.7;transition:var(--ab-transition)}.ab-section-controls button:hover{opacity:1;background:#0000001a}.ab-section-item.active .ab-section-controls button:hover{background:#fff3}.ab-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:70}@media(max-width:768px){.ab-sidebar-overlay{display:block}}.ab-editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--ab-white);min-width:0}.ab-document-header{padding:24px 32px;border-bottom:1px solid var(--ab-gray-200);display:flex;gap:24px;align-items:flex-start;background:var(--ab-white);flex-shrink:0}.ab-title-group{flex:1;min-width:0}.ab-title-group label{display:block;font-size:12px;font-weight:600;color:var(--ab-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ab-title-input{width:100%;padding:14px 18px;border:2px solid var(--ab-gray-200);border-radius:var(--ab-radius-lg);font-size:18px;font-weight:600;color:var(--ab-gray-900);transition:var(--ab-transition);background:var(--ab-gray-50)}.ab-title-input:focus{outline:none;border-color:var(--ab-primary);background:var(--ab-white);box-shadow:0 0 0 4px #000b290d}.ab-title-input::placeholder{color:var(--ab-gray-400)}.ab-cover-group{flex-shrink:0}.ab-btn-cover{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--ab-gray-100);border:2px dashed var(--ab-gray-300);border-radius:var(--ab-radius-lg);color:var(--ab-gray-600);font-size:14px;font-weight:500;cursor:pointer;transition:var(--ab-transition)}.ab-btn-cover:hover{background:var(--ab-gray-200);border-color:var(--ab-primary);color:var(--ab-primary)}.ab-cover-preview{position:relative;width:120px;height:80px;border-radius:var(--ab-radius);overflow:hidden;border:2px solid var(--ab-gray-200)}.ab-cover-preview img{width:100%;height:100%;object-fit:cover}.ab-cover-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;background:var(--ab-danger);border:none;border-radius:var(--ab-radius-sm);color:var(--ab-white);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--ab-transition)}.ab-cover-preview:hover .ab-cover-remove{opacity:1}.ab-toolbar{padding:12px 32px;background:var(--ab-gray-50);border-bottom:1px solid var(--ab-gray-200);display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.ab-toolbar-group{display:flex;align-items:center;gap:6px}.ab-toolbar-select{padding:8px 12px;border:1px solid var(--ab-gray-300);border-radius:var(--ab-radius);background:var(--ab-white);color:var(--ab-gray-700);font-size:13px;cursor:pointer;min-width:120px}.ab-toolbar-divider{width:1px;height:28px;background:var(--ab-gray-300)}.ab-toolbar-btn{width:36px;height:36px;border-radius:var(--ab-radius);background:var(--ab-white);border:1px solid var(--ab-gray-200);color:var(--ab-gray-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ab-transition);font-size:14px}.ab-toolbar-btn:hover{background:var(--ab-gray-100);border-color:var(--ab-gray-300);color:var(--ab-gray-900)}.ab-toolbar-btn.active{background:var(--ab-primary);border-color:var(--ab-primary);color:var(--ab-white)}.ab-section-header{padding:16px 32px;background:var(--ab-white);border-bottom:1px solid var(--ab-gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ab-section-header h2{font-size:20px;font-weight:700;color:var(--ab-gray-800)}.ab-word-count{font-size:13px;color:var(--ab-gray-500);background:var(--ab-gray-100);padding:6px 14px;border-radius:20px;font-weight:500}.ab-editor-wrapper{flex:1;overflow-y:auto;padding:32px;background:var(--ab-gray-50);min-height:0}.ab-editor-content{min-height:500px;background:var(--ab-white);border-radius:var(--ab-radius-lg);padding:40px;box-shadow:var(--ab-shadow);font-size:16px;line-height:1.8;color:var(--ab-gray-800);outline:none;direction:ltr;text-align:left;unicode-bidi:normal;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.ab-editor-content:empty:before{content:attr(placeholder);color:var(--ab-gray-400);font-style:italic}.ab-editor-content p{margin-bottom:16px;direction:ltr;text-align:left}.ab-editor-content h2{font-size:24px;font-weight:700;color:var(--ab-gray-900);margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--ab-gray-200);direction:ltr;text-align:left}.ab-editor-content img{max-width:100%;height:auto;border-radius:var(--ab-radius)}.ab-editor-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;border:2px solid var(--ab-gray-200);border-radius:var(--ab-radius);overflow:hidden}.ab-editor-content th,.ab-editor-content td{border:1px solid var(--ab-gray-200);padding:12px;text-align:left}.ab-editor-content th{background:var(--ab-gray-50);font-weight:600;color:var(--ab-gray-900)}.ab-editor-content a{color:var(--ab-primary);text-decoration:underline;font-weight:500}.ab-editor-content ul,.ab-editor-content ol{margin:16px 0;padding-left:28px}.ab-editor-content blockquote{border-left:4px solid var(--ab-primary);margin:20px 0;color:var(--ab-gray-600);font-style:italic;background:var(--ab-gray-50);padding:16px 20px;border-radius:0 var(--ab-radius) var(--ab-radius) 0}.ab-preview-mode{min-height:100vh;background:#f1f5f9;display:flex;flex-direction:column}.ab-preview-header{background:#fff;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.ab-preview-header h2{font-size:20px;font-weight:700;color:#0f172a}.ab-btn-back{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ab-btn-back:hover{background:#e2e8f0}.ab-preview-actions{display:flex;gap:12px}.ab-btn-download{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#000b29;border:none;color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ab-btn-download:hover:not(:disabled){background:#001a3d;transform:translateY(-1px)}.ab-btn-download:disabled{opacity:.6;cursor:not-allowed}.ab-preview-document{max-width:210mm;margin:40px auto;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;min-height:297mm}.ab-preview-header-section{background:#000b29;color:#fff;padding:40px;display:flex;align-items:center;gap:30px}.ab-preview-logo{width:100px;height:100px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:15px;flex-shrink:0;overflow:hidden}.ab-preview-logo img{max-width:100%;max-height:100%;object-fit:contain}.ab-logo-placeholder{font-size:48px}.ab-preview-title-section{flex:1;text-align:center}.ab-preview-title-section h1{font-size:28px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.ab-preview-title-section p{font-size:16px;opacity:.9;font-weight:500}.ab-preview-meta{display:flex;flex-direction:column;gap:12px;text-align:right;font-size:13px}.ab-meta-item{display:flex;flex-direction:column;gap:4px}.ab-meta-label{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.ab-meta-value{font-size:14px;font-weight:600}.ab-meta-value.completed{color:#10b981}.ab-preview-meta-bar{background:#f8fafc;border-left:4px solid #000B29;padding:20px 30px;display:flex;justify-content:space-around;align-items:center;margin:30px;border-radius:0 12px 12px 0}.ab-preview-meta-bar .ab-meta-item{text-align:center}.ab-preview-meta-bar .ab-meta-label{color:#64748b;font-size:11px;margin-bottom:6px}.ab-preview-meta-bar .ab-meta-value{color:#0f172a;font-size:15px;font-weight:700}.ab-preview-content{padding:40px}.ab-preview-section{margin-bottom:40px;page-break-inside:avoid}.ab-preview-section h2{font-size:22px;font-weight:700;color:#000b29;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #000B29;text-transform:uppercase;letter-spacing:.5px}.ab-preview-section>div{font-size:15px;line-height:1.9;color:#374151}.ab-preview-section img{max-width:100%;height:auto;border-radius:12px;margin:20px 0;box-shadow:0 4px 6px -1px #0000001a}.ab-preview-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden}.ab-preview-section th,.ab-preview-section td{border:1px solid #e5e7eb;padding:12px;text-align:left}.ab-preview-section th{background:#f8fafc;font-weight:600}.ab-preview-section a{color:#000b29;text-decoration:underline;font-weight:500}.ab-preview-footer{padding:30px;text-align:center;font-size:12px;color:#64748b;border-top:2px solid #e2e8f0;background:#f8fafc;margin-top:40px}.ab-preview-footer strong{color:#000b29;font-size:14px;display:block;margin-bottom:8px}.ab-error-banner{background:#fef2f2;border:1px solid #ef4444;color:#991b1b;padding:12px 20px;margin:20px 40px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px}.ab-error-banner svg{color:#ef4444;font-size:18px}.ab-error-banner button{margin-left:auto;background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px}.ab-error-banner button:hover{background:#dc2626}@media(max-width:1024px){.ab-banner{height:auto;min-height:100px;padding:16px 20px}.ab-banner-content{flex-direction:column;gap:16px;align-items:flex-start}.ab-banner-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.ab-document-header{flex-direction:column;gap:16px}.ab-cover-group{width:100%}.ab-btn-cover{width:100%;justify-content:center}}@media(max-width:768px){.ab-mobile-header{display:flex}.ab-banner{display:none}.ab-workspace{flex-direction:column}.ab-section-header{display:none}.ab-document-header{padding:16px}.ab-title-input{font-size:16px;padding:12px 16px}.ab-toolbar{padding:10px 16px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;gap:8px}.ab-toolbar-select{min-width:100px;font-size:12px}.ab-toolbar-btn{width:32px;height:32px;font-size:12px}.ab-editor-wrapper{padding:16px;flex:1;min-height:calc(100vh - 200px)}.ab-editor-content{padding:20px;min-height:400px;font-size:15px}.ab-preview-document{margin:10px;border-radius:8px}.ab-preview-header{flex-direction:column;gap:12px;padding:16px}.ab-preview-header-section{flex-direction:column;text-align:center;padding:24px 16px}.ab-preview-logo{width:60px;height:60px}.ab-preview-meta{text-align:center}.ab-preview-meta-bar{flex-direction:column;gap:12px;margin:16px;padding:16px}.ab-preview-content{padding:16px}}@media(max-width:480px){.ab-mobile-title{font-size:14px}.ab-toolbar-select{min-width:80px}.ab-editor-content{padding:16px}.ab-modal-content{margin:10px;max-width:calc(100% - 20px)}.ab-modal-header,.ab-modal-body,.ab-modal-footer{padding:16px}}.settings-page{display:flex;min-height:calc(100vh - 80px);background:#f8fafc}.toast-notification{position:fixed;top:90px;right:24px;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;box-shadow:0 10px 40px #00000026;z-index:10000;animation:slideInRight .3s ease;font-weight:500;font-size:14px}.toast-notification.success{background:#10b981;color:#fff}.toast-notification.error{background:#ef4444;color:#fff}.toast-notification.loading{background:#3b82f6;color:#fff}.toast-content{display:flex;align-items:center;gap:10px;flex:1}.toast-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;opacity:.8;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.confirm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.confirm-dialog{background:#fff;border-radius:20px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .2s ease}.confirm-header{margin-bottom:16px}.confirm-icon{color:#f59e0b;margin-bottom:12px}.confirm-header h3{font-size:20px;font-weight:700;color:#0f172a;margin:0}.confirm-message{color:#64748b;margin-bottom:24px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:14px}.confirm-btn.cancel{background:#f1f5f9;color:#64748b}.confirm-btn.cancel:hover{background:#e2e8f0}.confirm-btn.confirm{background:#ef4444;color:#fff}.confirm-btn.confirm:hover{background:#dc2626}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.settings-mobile-header{display:none;position:fixed;top:80px;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;z-index:999;padding:12px 16px;box-shadow:0 2px 10px #0000000d}.mobile-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mobile-header-top h2{font-size:18px;font-weight:700;color:#0f172a;margin:0}.mobile-menu-btn{background:none;border:none;color:#0f172a;cursor:pointer;padding:8px;display:none}.mobile-tabs-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.mobile-tabs-scroll::-webkit-scrollbar{display:none}.mobile-tab-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:none;border-radius:50px;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.mobile-tab-item.active{background:#000b29;color:#fff}.mobile-tab-item:hover:not(.active){background:#e2e8f0}.settings-sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;padding:24px;position:fixed;left:80px;top:80px;bottom:0;overflow-y:auto;z-index:5}.sidebar-title{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.settings-nav{display:flex;flex-direction:column;gap:8px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-radius:10px;color:#64748b;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.settings-nav-item:hover{background:#f1f5f9;color:#0f172a}.settings-nav-item.active{background:#000b29;color:#fff}.nav-arrow{margin-left:auto;opacity:0;transition:opacity .2s}.settings-nav-item:hover .nav-arrow,.settings-nav-item.active .nav-arrow{opacity:1}.settings-content{flex:1;margin-left:360px;padding:32px;max-width:800px}.settings-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.settings-section h2{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:8px}.section-desc{color:#64748b;margin-bottom:24px;font-size:14px}.avatar-upload-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;gap:16px}.current-avatar{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #e2e8f0;background:#f1f5f9}.current-avatar img{width:100%;height:100%;object-fit:cover}.avatar-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.change-photo-btn,.remove-photo-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.change-photo-btn{background:#000b29;color:#fff}.change-photo-btn:hover{background:#e30613;transform:translateY(-1px)}.remove-photo-btn{background:#fee2e2;color:#dc2626}.remove-photo-btn:hover{background:#fecaca;transform:translateY(-1px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-group label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;transition:all .2s;background:#fff;color:#1f2937}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#000b29;box-shadow:0 0 0 3px #000b291a}.form-group input.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:#000b29;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:300px}.save-btn:hover{background:#e30613;transform:translateY(-1px);box-shadow:0 4px 12px #e306134d}.certificates-section{margin-top:32px;padding-top:32px;border-top:2px solid #e2e8f0}.certificates-section h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#0f172a;margin-bottom:20px}.certificates-list{display:flex;flex-direction:column;gap:12px}.certificate-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.cert-info{display:flex;align-items:center;gap:12px;color:#64748b}.cert-info>div{display:flex;flex-direction:column}.cert-course{font-weight:600;color:#0f172a;font-size:14px}.cert-date{font-size:12px;color:#64748b}.cert-download{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#000b29;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cert-download:hover{background:#e30613}.active-sessions{margin-top:32px;padding-top:32px;border-top:2px solid #e2e8f0}.active-sessions h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#0f172a;margin-bottom:20px}.sessions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.session-item{display:flex;align-items:center;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.session-item.current{border-color:#10b981;background:#ecfdf5}.session-info{display:flex;align-items:center;gap:12px;flex:1}.session-info>div{display:flex;flex-direction:column;gap:4px}.session-device{font-weight:600;color:#0f172a;font-size:14px}.session-location{font-size:12px;color:#64748b}.current-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#10b981;color:#fff;font-size:10px;font-weight:700;border-radius:50px;text-transform:uppercase;width:fit-content;margin-top:4px}.logout-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#fee2e2;color:#dc2626;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.logout-all-btn:hover{background:#fecaca}.toggle-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:12px;transition:background .2s;border:1px solid transparent}.toggle-item:hover{background:#f1f5f9;border-color:#e2e8f0}.toggle-info{display:flex;align-items:center;gap:16px}.toggle-info svg{color:#64748b;flex-shrink:0}.toggle-info div{display:flex;flex-direction:column;gap:4px}.toggle-info span{font-weight:600;color:#0f172a;font-size:15px}.toggle-info small{color:#64748b;font-size:13px}.switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#000b29}input:checked+.slider:before{transform:translate(24px)}.theme-selector{display:flex;gap:16px}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.theme-option:hover{border-color:#000b29}.theme-option.active{border-color:#000b29;background:#eff6ff}.theme-option input{display:none}.theme-option svg{color:#64748b}.theme-option.active svg{color:#000b29}.theme-option span{font-weight:600;color:#374151}.language-selector{display:flex;flex-direction:column;gap:12px}.language-option{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.language-option:hover{background:#f1f5f9;border-color:#e2e8f0}.language-option.active{background:#eff6ff;border-color:#000b29}.language-flag{font-size:24px}.language-name{flex:1;font-size:16px;font-weight:600;color:#0f172a}.check-icon{color:#000b29}.password-section{margin-bottom:32px}.password-section h3{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.password-field,.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:45px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:#374151}.settings-loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);font-size:18px;color:#64748b}body[data-theme=dark]{background:#0f172a;color:#f1f5f9}body[data-theme=dark] .settings-page{background:#0f172a}body[data-theme=dark] .settings-section,body[data-theme=dark] .settings-sidebar,body[data-theme=dark] .settings-mobile-header{background:#1e293b;border-color:#334155;color:#f1f5f9}body[data-theme=dark] .sidebar-title,body[data-theme=dark] .settings-section h2,body[data-theme=dark] .toggle-info span,body[data-theme=dark] .language-name,body[data-theme=dark] .password-section h3,body[data-theme=dark] .certificates-section h3,body[data-theme=dark] .active-sessions h3,body[data-theme=dark] .cert-course,body[data-theme=dark] .session-device{color:#f1f5f9}body[data-theme=dark] .settings-nav-item{color:#94a3b8}body[data-theme=dark] .settings-nav-item:hover{background:#334155;color:#f1f5f9}body[data-theme=dark] .form-group input,body[data-theme=dark] .form-group select,body[data-theme=dark] .form-group textarea{background:#334155;border-color:#475569;color:#f1f5f9}body[data-theme=dark] .toggle-item,body[data-theme=dark] .theme-option,body[data-theme=dark] .language-option,body[data-theme=dark] .certificate-item,body[data-theme=dark] .session-item{background:#334155;border-color:#475569}body[data-theme=dark] .mobile-tab-item{background:#334155;color:#94a3b8}body[data-theme=dark] .mobile-tab-item.active{background:#000b29;color:#fff}body[data-theme=dark] .confirm-dialog{background:#1e293b}body[data-theme=dark] .confirm-header h3{color:#f1f5f9}body[data-theme=dark] .confirm-message{color:#94a3b8}body[data-theme=dark] .confirm-btn.cancel{background:#334155;color:#94a3b8}body[data-font-size=small]{font-size:14px}body[data-font-size=medium]{font-size:16px}body[data-font-size=large]{font-size:18px}@media(max-width:1024px){.settings-sidebar{width:240px;left:80px}.settings-content{margin-left:320px;padding:24px}}@media(max-width:768px){.settings-page{flex-direction:column;padding-top:140px;min-height:100vh}.settings-mobile-header{display:block;top:80px;z-index:999}.desktop-only{display:none!important}.settings-sidebar{display:none}.settings-content{margin-left:0;padding:16px;max-width:100%;z-index:1}.settings-section{padding:20px;border-radius:12px;margin-bottom:16px}.settings-section h2{font-size:20px}.form-grid{grid-template-columns:1fr;gap:16px}.theme-selector{flex-direction:column}.theme-option{flex-direction:row;justify-content:center;padding:16px}.toggle-item{flex-direction:row;align-items:center;gap:12px}.toggle-info{flex:1}.switch{align-self:center}.save-btn{max-width:100%}.current-avatar{width:100px;height:100px}.avatar-actions{flex-direction:column;width:100%}.change-photo-btn,.remove-photo-btn{width:100%;justify-content:center}.certificate-item{flex-direction:column;gap:12px;align-items:flex-start}.cert-download{width:100%;justify-content:center}.toast-notification{left:16px;right:16px;top:160px;min-width:auto;max-width:none}.confirm-dialog{margin:16px;padding:24px}.confirm-actions{flex-direction:column}.confirm-btn{width:100%}}@media(max-width:480px){.settings-page{padding-top:130px}.settings-mobile-header{padding:10px 12px;top:70px}.mobile-header-top h2{font-size:16px}.mobile-tab-item{padding:6px 12px;font-size:11px}.settings-section{padding:16px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:16px}.toggle-item{padding:12px}.toggle-info span{font-size:14px}.toggle-info small{font-size:11px}}:root{--sm-navy: hsl(224, 100%, 8%);--sm-red: hsl(356, 95%, 46%);--sm-white: #ffffff;--sm-bg: #ffffff;--sm-border: #ffffff;--sm-text-muted: #ffffff;--sm-shadow-sm: 0 2px 10px rgba(0,0,0,.02);--sm-shadow-lg: 0 20px 40px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0;border:none;outline:none}body{font-family:Poppins,sans-serif;background:var(--sm-bg);color:var(--sm-navy);overflow-x:hidden}.navbar-top,header:not(.enrolment-welcome-hero-container),.sidebar-contact,.floating-bar{display:none!important}.sm-navbar{background:#fff;border-bottom:1px solid var(--sm-border);padding:12px 0;position:sticky;top:0;z-index:1000;box-shadow:var(--sm-shadow-sm)}.nav-container-fluid{width:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand-logo{font-size:24px;font-weight:900;letter-spacing:-1px;cursor:pointer;flex-shrink:0}.brand-logo span{color:var(--sm-red)}.nav-search-hub{flex:1;max-width:450px;margin:0 20px;transition:all .3s ease}.search-pill-box{background:#f1f5f9;border-radius:50px;display:flex;align-items:center;padding:0 18px;border:1px solid var(--sm-border)}.search-pill-box input{background:transparent;padding:10px;width:100%;font-family:Poppins;font-size:14px}.search-pill-box svg{color:var(--sm-text-muted);cursor:pointer}.desktop-only{display:block}.nav-user-actions{display:flex;align-items:center;gap:12px;position:relative}.my-learning-badge{background:var(--sm-red);color:#fff;padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;font-size:13px;transition:.3s;display:flex;align-items:center;gap:8px}.my-learning-badge:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e71d364d}.profile-wrapper{position:relative}.profile-trigger-btn{display:flex;align-items:center;gap:10px;cursor:pointer;background:#f8fafc;padding:5px 12px;border-radius:50px;border:1px solid var(--sm-border)}.student-img{width:34px;height:34px;border-radius:50%;background:var(--sm-navy);overflow:hidden;border:2px solid white}.student-img img{width:100%;height:100%;object-fit:cover}.s-name{font-size:12px;font-weight:800;display:block}.s-tag{font-size:9px;color:var(--sm-text-muted);font-weight:600}.user-dropdown-card{position:absolute;top:60px;right:0;background:#fff;width:220px;border-radius:15px;box-shadow:var(--sm-shadow-lg);border:1px solid var(--sm-border);padding:8px;z-index:100}.drop-item{padding:10px 15px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:.2s}.drop-item:hover{background:#f1f5f9;color:var(--sm-red)}.logout-red{color:var(--sm-red);border-top:1px solid #f1f5f9;margin-top:5px}.sm-sub-nav-bar{background:#fff;border-bottom:1px solid #f1f5f9;padding:10px 40px;display:flex;flex-direction:column}.sub-nav-container{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.nav-action-btns{display:flex;gap:10px;align-items:center;width:100%}.nav-circle-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.nav-circle-btn.back{background:var(--sm-navy);color:#fff}.nav-circle-btn.home{background:#f1f5f9;color:var(--sm-navy)}.search-toggle{display:none;background:var(--sm-navy);color:#fff;margin-left:auto}.search-toggle.active{background:var(--sm-red)}.mobile-search-expandable{width:100%;margin-top:12px;animation:slideIn .3s ease-out}.mobile-search-expandable .search-pill-box{background:#f1f5f9;border-radius:12px;height:48px;padding:0 15px;border:1px solid var(--sm-border);display:flex;align-items:center}.mobile-search-expandable input{background:transparent;width:100%;padding:10px;font-size:15px;font-family:Poppins}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.path-indicator{font-size:12px;font-weight:700;color:#94a3b8}.path-indicator span{color:var(--sm-red)}.enrolment-welcome-hero-container{padding:25px 0;display:flex;justify-content:center;width:100%}.hero-welcome-content-pill{background:linear-gradient(135deg,var(--sm-navy) 0%,#1a237e 100%);padding:15px 45px;border-radius:100px;border-left:6px solid var(--sm-red);box-shadow:0 10px 30px #0000001a}.hero-welcome-content-pill h1{color:#fff;font-size:22px;font-weight:800;text-align:center}.sm-content-wrapper{max-width:1400px;margin:0 auto;padding:0 40px}.grid-intro{margin-bottom:30px}.grid-intro h2{font-size:30px;font-weight:900}.grid-intro h2 span{color:var(--sm-red)}.enroll-grid-v6{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;padding:20px 0 60px}.decent-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 25px #0000000a;transition:.4s;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column}.decent-card:hover{transform:translateY(-8px);border-color:var(--sm-red);box-shadow:0 20px 40px #00000014}.card-media-v6{height:190px;position:relative;overflow:hidden}.card-media-v6 img{width:100%;height:100%;object-fit:cover;transition:.5s}.decent-card:hover .card-media-v6 img{transform:scale(1.08)}.elite-badge{position:absolute;top:15px;left:15px;background:var(--sm-red);color:#fff;padding:5px 14px;border-radius:10px;font-size:10px;font-weight:800}.card-content-v6{padding:22px;flex:1;display:flex;flex-direction:column}.card-meta-v6{display:flex;align-items:center;gap:10px;color:var(--sm-text-muted);font-size:12px;margin-bottom:10px;font-weight:600}.dot{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.card-title-v6{font-size:19px;font-weight:800;margin-bottom:15px;height:54px;color:var(--sm-navy);line-height:1.4;overflow:hidden}.price-label-v6{font-size:24px;font-weight:900;color:var(--sm-navy);margin-bottom:20px;display:flex;align-items:center;gap:4px}.price-label-v6:before{content:"Rs.";font-size:14px;color:var(--sm-red)}.card-btn-row-v6{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:auto}.btn-v6-details{background:#f1f5f9;color:var(--sm-navy);border-radius:14px;padding:12px;font-weight:700;cursor:pointer;text-align:center;font-size:13px}.btn-v6-enroll{background:var(--sm-navy);color:#fff;border-radius:14px;padding:12px;font-weight:700;cursor:pointer;text-align:center;font-size:13px;display:flex;align-items:center;justify-content:center;gap:5px}.sm-p-sidebar-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000}.sm-p-sidebar-panel{position:fixed;right:0;top:0;bottom:0;width:380px;background:#fff;z-index:2001;display:flex;flex-direction:column;box-shadow:-10px 0 40px #00000026}.sm-p-header{background:var(--sm-navy);padding:60px 30px 40px;text-align:center;color:#fff;position:relative}.sm-p-close{position:absolute;top:20px;right:20px;background:#ffffff1a;width:35px;height:35px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.sm-p-close:hover{background:var(--sm-red)}.sm-p-avatar-wrapper{position:relative;width:120px;height:120px;margin:0 auto 20px}.sm-p-avatar{width:100%;height:100%;border-radius:50%;border:4px solid rgba(255,255,255,.2);overflow:hidden;background:#eee;cursor:pointer;transition:.3s}.sm-p-avatar:hover{border-color:var(--sm-red)}.sm-p-avatar img{width:100%;height:100%;object-fit:cover}.sm-p-camera-icon{position:absolute;bottom:5px;right:5px;background:var(--sm-red);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--sm-navy);cursor:pointer;font-size:14px}.sm-p-user-info h2{font-size:22px;font-weight:800;margin-bottom:6px;letter-spacing:-.5px}.sm-p-badge{background:var(--sm-red);color:#fff;padding:4px 16px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase}.sm-p-body{padding:30px;flex:1;overflow-y:auto;background:#fff}.sm-p-info-card{display:flex;flex-direction:column;gap:20px}.sm-p-row{display:flex;align-items:center;gap:18px;padding:15px;background:#f8fafc;border-radius:16px;border:1px solid #f1f5f9;transition:.3s}.sm-p-row:hover{border-color:var(--sm-red);background:#fff;transform:translate(5px)}.sm-p-row svg{font-size:20px;color:var(--sm-red);min-width:24px;text-align:center}.sm-p-row div{display:flex;flex-direction:column;gap:2px}.sm-p-row label{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.sm-p-row span{font-size:15px;font-weight:700;color:var(--sm-navy)}.sm-p-edit-btn{width:100%;background:var(--sm-navy);color:#fff;padding:18px;border-radius:16px;font-weight:700;cursor:pointer;margin-top:30px;transition:.3s;font-size:15px}.sm-p-edit-btn:hover{background:var(--sm-red);box-shadow:0 10px 20px #e71d3633}@media(max-width:768px){.nav-container-fluid{padding:0 20px}.brand-logo{font-size:18px}.desktop-only,.sm-navbar .nav-search-hub,.my-learning-badge span,.student-name-box,.path-indicator{display:none!important}.search-toggle{display:flex!important}.my-learning-badge{width:40px;height:40px;padding:0;justify-content:center}.student-img{width:38px;height:38px;border:2px solid var(--sm-red)}.sm-sub-nav-bar{padding:10px 20px}.sm-content-wrapper{padding:0 20px}.grid-intro h2{font-size:24px;font-weight:900;line-height:1.2}.enroll-grid-v6{grid-template-columns:1fr;gap:20px}.hero-welcome-content-pill{padding:12px 25px;width:auto;max-width:90%;border-radius:50px}.hero-welcome-content-pill h1{font-size:15px;font-weight:800}.sm-p-sidebar-panel{width:100%}}.sm-modal-overlay{position:fixed;inset:0;background:#08122db3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}.sm-modal-content{background:#fff;width:100%;max-width:520px;border-radius:30px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:modalFadeIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sm-modal-header{padding:25px 30px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.sm-modal-header h3{font-size:20px;font-weight:800;color:var(--sm-navy);letter-spacing:-.5px}.enroll-body{padding:0 20px 30px}.enroll-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:10px}.option-card{background:#f8fafc;border:2px solid #f1f5f9;padding:25px 15px;border-radius:22px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.option-card:hover{border-color:var(--sm-red);background:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #e71d361a}.option-card svg{font-size:32px;color:var(--sm-red);margin-bottom:12px;background:#fff0f1;padding:10px;border-radius:12px}.option-card h4{font-size:15px;font-weight:800;color:var(--sm-navy);margin-bottom:8px}.option-card p{font-size:11px;line-height:1.5;color:var(--sm-text-muted)}.sm-details-body{padding:25px 30px;max-height:75vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sm-red) #f1f5f9}.instructor-brief{display:flex;align-items:center;gap:18px;background:linear-gradient(to right,#f8fafc,#fff);padding:20px;border-radius:20px;margin-bottom:25px;border:1px solid #f1f5f9}.inst-img{width:65px;height:65px;border-radius:18px;object-fit:cover;border:3px solid white;box-shadow:0 5px 15px #00000014}.inst-info label{display:inline-block;background:var(--sm-red);color:#fff;font-size:9px;padding:2px 8px;border-radius:4px;font-weight:700;margin-bottom:5px}.inst-info h5{font-size:16px;font-weight:800;color:var(--sm-navy)}.inst-info p{font-size:12px;color:var(--sm-text-muted);font-weight:500}.outline-section h4{font-size:17px;font-weight:800;margin-bottom:15px;color:var(--sm-navy)}.outline-item{padding:14px 18px;background:#fff;border:1px solid #f1f5f9;border-radius:14px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:12px;transition:.2s}.outline-item:hover{border-color:var(--sm-red);background:#fff8f8;transform:translate(5px)}.sm-details-body .sm-p-edit-btn{margin-top:10px;background:var(--sm-navy);box-shadow:0 10px 20px #08122d33}.sm-details-body::-webkit-scrollbar{width:5px}.sm-details-body::-webkit-scrollbar-track{background:#f1f5f9}.sm-details-body::-webkit-scrollbar-thumb{background:var(--sm-red);border-radius:10px}@media(max-width:600px){.enroll-options-grid{grid-template-columns:1fr;gap:12px}.sm-modal-content{border-radius:24px 24px 0 0;position:absolute;bottom:0}.sm-modal-header,.sm-details-body{padding:20px}.instructor-brief{flex-direction:column;text-align:center}}.summary-card-v2{margin-top:-10px}.summary-pills-v2{display:flex;gap:10px;margin:15px 0}.s-pill{background:#f1f5f9;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:5px}.summary-desc-v2{font-size:14px;line-height:1.6;color:#475569;margin-top:10px}.sm-pro-overlay{position:fixed!important;inset:0!important;background:#0a0f1ecc!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000000!important;perspective:1000px}.sm-pro-modal{background:#fff!important;width:95%!important;max-width:460px!important;border-radius:35px!important;position:relative!important;box-shadow:0 50px 100px -20px #00000080!important;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.sm-pro-top-bar{height:6px;background:linear-gradient(90deg,#dc2626,#2563eb,#7c3aed);width:100%}.sm-pro-content{padding:40px 30px;text-align:center}.sm-pro-brand-icon{width:80px;height:80px;background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#dc2626;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:35px;margin:0 auto 20px;transform:rotate(-5deg);box-shadow:0 15px 30px #dc262626}.sm-pro-title{font-size:28px;font-weight:900;color:#0f172a;margin-bottom:8px;letter-spacing:-1px}.sm-pro-subtitle{font-size:15px;color:#64748b;margin-bottom:30px}.sm-pro-subtitle span{color:#dc2626;font-weight:800}.sm-pro-options-grid{display:flex;flex-direction:column;gap:15px}.sm-pro-card{display:flex;align-items:center;padding:22px;background:#f8fafc;border-radius:24px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;position:relative}.sm-pro-card:hover{transform:scale(1.03) translate(5px);background:#fff;box-shadow:0 20px 40px #00000014}.sm-pro-card.live:hover{border-color:#2563eb}.sm-pro-card.recorded:hover{border-color:#7c3aed}.sm-pro-badge{position:absolute;top:-10px;right:20px;background:#2563eb;color:#fff;font-size:10px;padding:4px 12px;border-radius:50px;font-weight:700}.sm-pro-icon-box{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-right:20px;background:#fff;box-shadow:0 8px 15px #0000000d}.sm-pro-card.live .sm-pro-icon-box{color:#2563eb}.sm-pro-card.recorded .sm-pro-icon-box{color:#7c3aed}.sm-pro-info{flex:1;text-align:left}.sm-pro-info h4{margin:0;font-size:17px;font-weight:800;color:#1e293b}.sm-pro-info p{margin:0;font-size:13px;color:#94a3b8}.sm-pro-action{color:#cbd5e1;transition:.3s}.sm-pro-card:hover .sm-pro-action{color:#dc2626;transform:translate(5px)}.sm-pro-close{position:absolute;top:25px;right:25px;background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer;z-index:10}.sm-pro-footer{background:#f1f5f9;padding:15px;font-size:12px;color:#64748b;font-weight:600}.sm-vip-notice-container{position:fixed;right:-20px;top:30%;z-index:9999;pointer-events:none;display:flex;align-items:center;transition:all .5s ease}.char-box{position:relative;width:320px;display:flex;align-items:center}.vip-char-img{width:240px;height:auto;display:block!important;z-index:2;filter:drop-shadow(-10px 10px 20px rgba(0,0,0,.2))}.vip-notice-board{position:absolute;left:-110px;top:20px;background:#fff;border:4px solid #1a237e;padding:12px;border-radius:15px;box-shadow:0 10px 30px #00000026;width:180px;transform:rotate(-4deg);z-index:1;pointer-events:auto}.student-name-display{font-size:18px;font-weight:900;color:#e71d36;margin:2px 0;text-transform:capitalize}@media(max-width:768px){.sm-vip-notice-container{right:5px;top:auto;bottom:80px;transform:none!important}.char-box{width:180px}.vip-char-img{width:130px}.vip-notice-board{width:120px;left:-60px;top:10px;padding:8px;border:2px solid #1a237e}.welcome-tag{font-size:8px}.student-name-display{font-size:13px}.skillsmind-msg{display:none}}.sm-final-portal{width:100%;min-height:100vh;background:#fff;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.sm-main-wrapper{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;background:#0f172a}.sm-form-column{background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 40px;z-index:10;position:relative}.sm-form-box-sharp{width:100%;max-width:500px;background:#fff;padding:40px 40px 40px 60px;border-radius:0;box-shadow:0 10px 30px #0000000d}.sm-back-arrow-container{width:100%;max-width:500px;margin-bottom:20px}.sm-icon-only-back{background:#001529;border:none;color:#fff;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:16px}.sm-icon-only-back:hover{background:#002140;transform:translate(-3px)}.sm-main-heading{font-size:44px;font-weight:900;color:#0f172a;margin-bottom:10px;letter-spacing:-1.5px;line-height:1.1}.sm-intro span{color:#dc2626}.sm-course-badge{background:#fff1f2;padding:15px;border-left:5px solid #dc2626;border-radius:4px;margin-bottom:35px}.sm-journey-map-v2{display:flex;align-items:center;gap:15px;margin-bottom:35px;flex-wrap:wrap}.sm-map-step{display:flex;align-items:center;gap:10px}.sm-map-dot{width:28px;height:28px;border-radius:50%;background:#f1f5f9;color:#94a3b8;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.sm-map-step.active .sm-map-dot{background:#dc2626;color:#fff}.sm-map-label{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:1px}.sm-map-connector{width:30px;height:2px;background:#f1f5f9}.sm-sharp-form-v11{display:flex;flex-direction:column;gap:20px}.sm-input-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sm-input-field label{font-size:11px;font-weight:800;color:#64748b;margin-bottom:8px;display:flex;align-items:center;gap:6px}.sm-input-field input{width:100%;padding:14px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;transition:.3s;box-sizing:border-box}.sm-input-field input:focus{border-color:#dc2626;background:#fff;outline:none}.sm-gender-group{display:flex;gap:10px}.sm-gender-card{flex:1;position:relative;cursor:pointer}.sm-gender-card input{position:absolute;opacity:0}.sm-gender-box{padding:13px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;text-align:center;font-size:11px;font-weight:800;color:#64748b}.sm-gender-card input:checked+.sm-gender-box{background:#0f172a;color:#fff;border-color:#0f172a}.sm-upload-btn-custom{display:block;padding:13px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;text-align:center;font-size:11px;font-weight:800;color:#dc2626;cursor:pointer}.sm-terms-wrapper{margin-top:5px;padding:5px 0}.sm-terms-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;text-align:left}.sm-custom-checkbox{width:16px!important;height:16px!important;margin-top:2px!important;cursor:pointer;flex-shrink:0}.sm-terms-text{font-size:12px;color:#64748b;line-height:1.5;font-weight:500}.sm-decent-btn.brand-blue-btn{width:100%;padding:18px;background:#001529;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 10px 20px #00152933;transition:.4s}.sm-visual-column.premium-bg{position:relative;background:#0f172a;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:60px 40px}.sm-bg-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1200);background-size:cover;background-position:center;opacity:.15;z-index:1}.sm-stats-container{position:relative;z-index:2;width:100%;max-width:440px;display:flex;flex-direction:column;gap:15px}.sm-stats-heading{color:#fff;font-size:22px;font-weight:800;text-align:center;margin-bottom:5px;letter-spacing:2px;text-transform:uppercase;opacity:.9}.sm-premium-card-white{background:#fff!important;padding:22px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 15px 30px #0003;border:1px solid #ffffff;transition:.3s;position:relative}.sm-graph-container-white{background:#fff!important;padding:15px;border-radius:12px;box-shadow:0 15px 30px #0003;border:1px solid #ffffff;margin:5px 0}.sm-graph-wrapper{width:100%;height:120px}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:1px}.sm-premium-card-white.mini{padding:18px;flex-direction:column;text-align:center;gap:10px}.card-icon{width:55px;height:55px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:24px}.card-icon.blue{background:#e0f2fe;color:#0284c7}.card-icon.green{background:#f0fdf4;color:#16a34a}.card-icon.orange{background:#fff7ed;color:#ea580c}.card-icon.rocket{background:#fef2f2;color:#dc2626}.card-content h3{font-size:32px;font-weight:900;color:#0f172a;margin:0;letter-spacing:-1px}.card-content h4{font-size:24px;font-weight:900;color:#0f172a;margin:0}.card-content p{font-size:13px;font-weight:700;color:#64748b;margin:0;text-transform:uppercase}.sm-live-indicator{position:absolute;top:15px;right:20px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:900;color:#16a34a}.sm-ping{width:8px;height:8px;background:#16a34a;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.sm-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sm-trust-text-premium{text-align:center;color:#fff9;font-size:14px;line-height:1.6;margin-top:5px;padding:0 20px}.sm-trust-text-premium strong{color:#fff}@media(max-width:1100px){.sm-main-wrapper{display:flex;flex-direction:column}.sm-form-column{order:1;padding:40px 20px}.sm-form-box-sharp{padding:30px 20px;max-width:100%}.sm-visual-column{order:2;padding:60px 20px;align-items:center}.sm-stats-container{max-width:500px}.sm-back-arrow-container{max-width:100%}.sm-main-heading{font-size:32px;text-align:center}.sm-input-row{grid-template-columns:1fr}.sm-intro{text-align:center}.sm-journey-map-v2{justify-content:center}}@media(max-width:480px){.sm-stats-grid{grid-template-columns:1fr}.card-content h3{font-size:26px}.sm-stats-heading{font-size:18px}.sm-main-heading{font-size:28px}}.recorded-enroll-container{min-height:100vh;background:#f1f5f9;padding:30px}.recorded-wrapper{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.recorded-main-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 25px #0000000d}.rec-badge{background:#fee2e2;color:#dc2626;display:inline-block;padding:5px 15px;border-radius:50px;font-weight:800;font-size:12px;margin-bottom:15px}.recorded-header h1{font-size:28px;color:#0f172a;margin-bottom:10px}.recorded-header p{color:#64748b;line-height:1.6}.recorded-perks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.perk-box{text-align:center;padding:15px;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:700}.enrollment-action-box{border-top:1px solid #f1f5f9;padding-top:30px;display:flex;justify-content:space-between;align-items:center}.price-display{display:flex;flex-direction:column}.price-display .price{font-size:32px;font-weight:900;color:#dc2626}.confirm-recorded-btn{background:#0f172a;color:#fff;padding:15px 30px;border-radius:12px;border:none;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:10px}.sidebar-course-card{background:#fff;padding:15px;border-radius:20px}.sidebar-course-card img{width:100%;border-radius:15px;margin-bottom:15px}:root{--primary: #000B29;--primary-dark: #000B29;--dark: #0f172a;--success: #000B29;--bg-light: #f8fafc;--border: #e2e8f0;--text-main: #000B29;--text-muted: #ffffff;--white: #ffffff;--accent-red: rgb(209, 10, 23)}.sm-payment-page-v2{background:var(--bg-light);min-height:100vh;padding:40px 20px;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-main)}.sm-payment-nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 40px}.sm-brand-name{font-size:1.5rem;font-weight:800;color:var(--dark);text-align:right}.sm-brand-name span{display:block;font-size:.75rem;color:var(--primary);letter-spacing:1.5px;text-transform:uppercase}.sm-payment-wrapper{display:grid;grid-template-columns:400px 1fr;gap:40px;max-width:1200px;margin:0 auto}.premium-course-card-visual{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 15px 35px -5px #00000014;border:1px solid var(--border);position:sticky;top:40px;transition:all .4s ease;-webkit-user-select:none;user-select:none;width:100%;max-width:360px;margin:0 auto;cursor:pointer}.premium-course-card-visual:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px #00000026}.course-card-top{position:relative;height:180px;overflow:hidden;background:#000}.course-preview-img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .3s ease}.premium-course-card-visual:hover .course-preview-img{opacity:.5}.reserved-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000b29;color:#fff;padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:800;text-align:center;white-space:nowrap;z-index:10;box-shadow:0 0 20px #10b98180;border:2px solid rgba(255,255,255,.3);text-transform:uppercase;transition:transform .3s ease}.premium-course-card-visual:hover .reserved-label{transform:translate(-50%,-50%) scale(1.1)}.premium-badge{position:absolute;top:15px;left:15px;background:var(--accent-red);color:#fff;padding:4px 10px;border-radius:6px;font-size:9px;font-weight:800;text-transform:uppercase;z-index:5}.course-card-body-premium{padding:20px;background:var(--white)}.sm-course-stats-bar{display:flex;gap:10px;margin-bottom:15px}.sm-course-stats-bar span{background:#f0f7ff;padding:5px 10px;border-radius:8px;font-size:.7rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:4px}.course-title-main{font-size:1.5rem;font-weight:900;color:var(--dark);margin-bottom:15px;line-height:1.2}.course-meta-info{border-top:1px solid #f1f5f9;padding-top:15px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.course-meta-info span{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-main)}.course-meta-info svg{color:var(--primary);font-size:1rem}.price-section-premium{background:var(--dark);padding:15px;border-radius:15px;text-align:center;color:#fff}.price-section-premium .label{font-size:.65rem;text-transform:uppercase;opacity:.6;display:block}.final-price{font-size:1.8rem;font-weight:800;margin:0}.sm-selection-container,.sm-expanded-payment-card{background:var(--white);border-radius:24px;padding:40px;box-shadow:0 20px 40px #00000008;border:1px solid var(--border)}.section-title{font-size:1.5rem;font-weight:800;margin-bottom:30px}.sm-grid-methods{display:grid;gap:15px}.premium-method-card{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border:2px solid #f1f5f9;border-radius:16px;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1)}.premium-method-card:hover{border-color:var(--primary);background:#f8faff;transform:translate(5px)}.method-img-logo{width:60px;height:40px;object-fit:contain}.method-info strong{display:block;font-size:1.1rem}.method-info span{font-size:.8rem;color:var(--text-muted)}.method-header{display:flex;align-items:center;gap:20px;padding-bottom:25px;margin-bottom:25px;border-bottom:2px solid}.method-header h4{font-size:1.2rem;margin:0}.method-header p{font-size:.85rem;color:var(--text-muted);margin:0}.sm-field{margin-bottom:20px}.sm-field label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;margin-bottom:8px;color:var(--dark)}.sm-field input{width:100%;padding:14px 18px;border:1.5px solid var(--border);border-radius:12px;font-size:1rem;outline:none;transition:.3s}.sm-field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}.sm-input-group{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sm-account-details{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:25px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f7}.detail-row:last-child{border:none}.copyable-text{color:var(--primary);font-weight:800;cursor:pointer;text-decoration:underline}.dropzone-v2{border:2px dashed var(--border);border-radius:16px;padding:30px;text-align:center;transition:.3s;background:#fafafa}.dropzone-v2:hover{border-color:var(--primary);background:#f5f3ff}.sm-submit-payment-btn{width:100%;padding:18px;border-radius:14px;border:none;color:#fff;font-weight:800;font-size:1rem;cursor:pointer;margin-top:20px;transition:.3s}.sm-submit-payment-btn:hover{filter:brightness(1.1);box-shadow:0 10px 20px #0000001a}@media(max-width:1024px){.sm-payment-wrapper{grid-template-columns:1fr}.sm-course-preview-sidebar{order:2;position:static}}@media(max-width:600px){.sm-input-group{grid-template-columns:1fr}.sm-expanded-payment-card{padding:25px}}.payment-page-container{background-color:#fff!important;min-height:100vh;padding-top:20px}.sm-back-btn{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:10px 18px;border-radius:8px;color:#475569;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:fit-content;margin-bottom:25px;text-decoration:none}.sm-back-btn:hover{background:#f1f5f9;color:#0f172a;transform:translate(-5px);box-shadow:0 4px 12px #0000000d}.sm-back-btn svg{font-size:1rem;color:#3b82f6}.sm-step-container,.sm-step-container *{box-sizing:border-box}.sm-admin-container{padding:20px;max-width:1200px;margin:0 auto;font-family:Poppins,sans-serif}.sm-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000000d}.sm-admin-header h2{color:#1e293b;margin:0}.sm-header-actions{display:flex;gap:15px}.sm-header-actions button{padding:10px 20px;border:1px solid #e31e24;background:transparent;color:#e31e24;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s;display:flex;align-items:center;gap:8px}.sm-header-actions button.btn-active{background:#e31e24;color:#fff}.sm-table-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 40px #0000000d;overflow-x:auto}.sm-course-table{width:100%;border-collapse:collapse;text-align:left}.sm-course-table th{background:#f8f9fa;padding:15px;color:#64748b;font-weight:600;border-bottom:2px solid #eee}.sm-course-table td{padding:15px;border-bottom:1px solid #f1f1f1;vertical-align:middle}.sm-row-img{width:60px;height:40px;object-fit:cover;border-radius:6px}.row-hidden{opacity:.6;background:#fafafa}.sm-actions{display:flex;gap:10px}.sm-actions button{width:35px;height:35px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;background:#f1f5f9;color:#475569}.sm-actions button:hover{background:#e2e8f0}.sm-actions button.del-btn{color:#ef4444}.sm-actions button.del-btn:hover{background:#fee2e2}.sm-step-navbar{display:flex;justify-content:space-between;margin-bottom:30px;background:#f8f9fa;padding:15px;border-radius:50px;border:1px solid #eee;overflow-x:auto}.sm-step-navbar button{background:none;border:none;padding:10px 20px;font-weight:600;color:#999;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:40px;white-space:nowrap}.sm-step-navbar button.active{background:#e31e24;color:#fff}.sm-step-navbar button.done{color:#2ecc71}.sm-step-content-card{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0000000d;min-height:500px}.sm-step-body h3{font-size:22px;margin-bottom:30px;color:#333;display:flex;align-items:center;gap:10px}.sm-input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}input,textarea,select{padding:14px;border:1px solid #e0e0e0;border-radius:10px;background:#fafafa;width:100%;font-size:15px}textarea{height:120px;resize:none}input:focus,select:focus,textarea:focus{border-color:#e31e24;outline:none;background:#fff}.sm-media-upload-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.sm-file-upload-box{border:2px dashed #e0e0e0;border-radius:12px;padding:30px;text-align:center;background:#fafafa;cursor:pointer}.sm-file-upload-box:hover{border-color:#e31e24}.sm-week-module{background:#fdfdfd;border:1px solid #f0f0f0;padding:25px;border-radius:15px;margin-bottom:20px}.sm-week-header{display:flex;gap:15px;margin-bottom:20px;align-items:center}.sm-week-tag{background:#e31e24;color:#fff;padding:6px 15px;border-radius:8px;font-weight:700}.sm-lesson-item{display:flex;gap:10px;margin-bottom:10px}.sm-add-lesson-btn,.sm-add-week-btn{cursor:pointer;font-weight:600;transition:.3s}.sm-add-week-btn{width:100%;padding:15px;border:2px dashed #e31e24;color:#e31e24;background:none;border-radius:12px}.sm-add-week-btn:hover{background:#fee2e2}.sm-step-footer{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #eee}.sm-btn-next,.sm-btn-publish{background:#e31e24;color:#fff;padding:14px 35px;border:none;border-radius:10px;font-weight:700;cursor:pointer}.sm-btn-back{background:#f0f0f0;color:#555;padding:14px 35px;border:none;border-radius:10px;font-weight:600}.animate-slide{animation:fadeIn .4s ease-out}.react-hot-toast{border-left:5px solid #e31e24!important;border-radius:12px!important}@media(max-width:768px){.sm-input-row,.sm-media-upload-section,.sm-admin-header{flex-direction:column;grid-template-columns:1fr;gap:15px}}.registration-data-page{padding:25px;background-color:#f8fafc;min-height:100vh}.admin-header h2{color:#000b29;display:flex;align-items:center;gap:12px;margin-bottom:5px}.admin-header p{color:#64748b;margin-bottom:25px}.table-container{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.custom-table{width:100%;border-collapse:collapse}.custom-table th{background:#f1f5f9;padding:15px;text-align:left;color:#475569;font-size:14px}.custom-table td{padding:15px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.name-cell strong{display:block;color:#1e293b}.name-cell small{color:#94a3b8;font-size:11px}.contact-cell span,.location-cell span{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;margin-bottom:4px}.date-badge{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#3b82f6;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.delete-icon-btn{background:#fee2e2;color:#ef4444;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:.3s}.delete-icon-btn:hover{background:#ef4444;color:#fff}.no-data{text-align:center;color:#94a3b8;padding:40px!important}.registration-container{padding:25px;background-color:#f8f9fa;min-height:100vh}.sm-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.action-tools{display:flex;gap:12px}.btn-tool{border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.btn-tool.refresh{background:#f1f3f5;color:#495057}.btn-tool.pdf{background:#e31e24;color:#fff}.btn-tool.excel{background:#1d6f42;color:#fff}.btn-tool:hover{transform:translateY(-2px);opacity:.9}.sm-data-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden}.sm-table th{background:#fdfdfd;padding:18px;text-align:left;color:#666;font-size:13px;border-bottom:2px solid #f1f1f1}.sm-table td{padding:18px;border-bottom:1px solid #f8f9fa;vertical-align:middle}.btn-delete-sm{background:#fff5f5;color:#e31e24;border:1px solid #ffe3e3;padding:10px;border-radius:10px;cursor:pointer;transition:.2s}.btn-delete-sm:hover{background:#e31e24;color:#fff}.sm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sm-modal-box{background:#fff;padding:30px;border-radius:20px;width:400px;text-align:center;box-shadow:0 10px 40px #0003;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.sm-modal-icon{font-size:50px;color:#e31e24;margin-bottom:15px}.sm-modal-btns{display:flex;justify-content:center;gap:15px;margin-top:25px}.btn-confirm-del{background:#e31e24;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700}.btn-cancel-del{background:#f1f3f5;color:#495057;border:none;padding:10px 25px;border-radius:8px;cursor:pointer}:root{--sm-dark: #000B29;--sm-red: #e31e24;--sm-bg: #f8fafc;--sm-green: #2cb910;--sm-amber: #f59e0b;--sm-blue: #3b82f6;--sm-text-main: #1e293b;--sm-text-light: #64748b;--sm-white: #ffffff;--sm-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1)}.payment-approval-container{padding:30px;background-color:var(--sm-bg);min-height:100vh;width:100%;box-sizing:border-box;overflow-x:hidden;position:relative;font-family:Inter,sans-serif}.sm-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 6px -1px #0000000d}.sm-header-text h1{color:var(--sm-dark);font-size:26px;font-weight:800;display:flex;align-items:center;gap:12px;margin:0}.sm-header-text p{color:var(--sm-text-light);margin:5px 0 0;font-size:14px}.sm-header-actions{display:flex;gap:12px;align-items:center}.sm-export-btn{border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:10px;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff!important;box-shadow:0 4px 6px #0000001a}.sm-export-btn.excel{background:linear-gradient(135deg,#15803d,#166534);border-bottom:3px solid #052e16}.sm-export-btn.pdf{background:linear-gradient(135deg,#e31e24,#991b1b);border-bottom:3px solid #7f1d1d}.sm-export-btn:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:0 8px 15px #0003}.sm-export-btn:active{transform:translateY(0)}.sm-refresh-btn{background:var(--sm-dark);color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.sm-refresh-btn:hover{background:#fff;color:var(--sm-dark);transform:translateY(-2px);box-shadow:0 4px 12px #000b2933}.sm-table-card{background:var(--sm-white);border-radius:16px;box-shadow:var(--sm-shadow);border:1px solid #e2e8f0;overflow:hidden;width:100%}.sm-table-responsive{width:100%;overflow-x:auto}.sm-styled-table{width:100%;border-collapse:collapse;min-width:1100px;table-layout:auto}.sm-styled-table th{background:#f1f5f9;padding:18px 15px;color:var(--sm-dark);font-weight:800;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.sm-styled-table td{padding:16px 15px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.sm-user-box{display:flex;align-items:center;gap:12px}.sm-avatar{width:40px;height:40px;background:var(--sm-dark);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.sm-name{display:block;font-weight:700;color:var(--sm-dark);font-size:14px}.sm-email{font-size:11px;color:var(--sm-text-light)}.sm-cnic-tag{font-size:12px;color:var(--sm-text-main);font-weight:600;display:flex;align-items:center;gap:5px}.sm-course-stack{display:flex;flex-direction:column;gap:2px}.sm-course-name-bold{font-weight:800;color:var(--sm-red);font-size:13px}.sm-amount-sub{font-weight:700;color:var(--sm-dark);font-size:12px}.sm-trx-stack{display:flex;flex-direction:column;gap:4px}.sm-badge-method{font-weight:700;color:var(--sm-dark);font-size:10px;text-transform:uppercase;background:#e2e8f0;padding:2px 6px;border-radius:4px;width:fit-content}.sm-trx-code{font-family:Courier New,monospace;font-size:11px;color:var(--sm-text-light)}.sm-view-proof-btn{background:#f1f5f9!important;color:var(--sm-dark)!important;border:1px solid #cbd5e1!important;padding:6px 12px!important;border-radius:6px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;display:flex;align-items:center;gap:5px;transition:.2s}.sm-view-proof-btn:hover{background:var(--sm-dark)!important;color:#fff!important}.sm-action-buttons{display:flex;gap:6px;justify-content:center;align-items:center;min-width:140px}.sm-btn-approve,.sm-btn-reject,.sm-btn-delete,.sm-btn-pending{width:34px;height:34px;border:none;border-radius:8px;cursor:pointer!important;display:flex;align-items:center;justify-content:center;font-size:14px;transition:.3s;color:#fff}.sm-btn-approve{background:var(--sm-green);box-shadow:0 3px 8px #10b98133}.sm-btn-reject{background:var(--sm-red);box-shadow:0 3px 8px #e31e2433}.sm-btn-delete{background:#475569;box-shadow:0 3px 8px #0000001a}.sm-btn-pending{background:var(--sm-blue);box-shadow:0 3px 8px #3b82f633}.sm-btn-approve:hover,.sm-btn-reject:hover,.sm-btn-delete:hover,.sm-btn-pending:hover{transform:translateY(-2px);filter:brightness(1.1)}.sm-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:900;display:inline-block;border:1px solid transparent;text-align:center;min-width:95px;text-transform:uppercase;letter-spacing:.5px}.sm-badge.approved,.sm-badge.status-approved{background:#dcfce7;color:#15803d;border-color:#86efac}.sm-badge.rejected,.sm-badge.status-rejected{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.sm-badge.pending,.sm-badge.status-pending{background:#fef9c3;color:#a16207;border-color:#fde047}.swal2-container{z-index:1000000!important}.sm-swal-container .swal2-popup{border-radius:20px!important;padding:2em!important}.sm-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000b29e6;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sm-image-content{background:#fff;padding:12px;border-radius:20px;position:relative;max-width:500px;width:90%;animation:smZoom .3s cubic-bezier(.34,1.56,.64,1)}.sm-full-view-link{color:var(--sm-red);font-weight:700;text-decoration:none;font-size:13px}@keyframes smZoom{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.sm-close-modal{position:absolute;top:-12px;right:-12px;background:var(--sm-red);color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e31e244d}.sm-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.sm-loader{width:45px;height:45px;border:4px solid #f3f3f3;border-top:4px solid var(--sm-red);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.sm-no-data{text-align:center;padding:50px!important;font-weight:600;color:var(--sm-text-light)}.assignments-manager{min-height:100vh;background:var(--off-white);padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.manager-header h1 svg{color:var(--primary-red)}.notification-wrapper{position:relative}.btn-notification{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-gray);background:var(--white);color:var(--primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;transition:all .2s}.btn-notification:hover{background:var(--primary-dark);color:var(--white);border-color:var(--primary-dark)}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:55px;right:0;width:380px;background:#fff;border-radius:var(--radius-md);box-shadow:0 10px 40px #000b2933;border:1px solid var(--border-gray);z-index:1000;animation:slideDown .3s ease}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-gray);background:var(--primary-dark);color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0}.notification-header h4{margin:0;display:flex;align-items:center;gap:8px;font-size:14px}.notification-header button{background:#fff3;border:none;width:28px;height:28px;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.notification-header button:hover{background:var(--primary-red)}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{padding:40px 20px;text-align:center;color:var(--text-gray);font-size:13px}.notification-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-gray);transition:background .2s}.notification-item:hover{background:var(--light-gray)}.notification-item.clickable{cursor:pointer;transition:all .2s}.notification-item.clickable:hover{background:#f0f4ff;transform:translate(4px)}.notification-icon{width:40px;height:40px;background:var(--primary-dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-content p{margin:0 0 4px;font-size:13px;color:var(--text-dark);line-height:1.4}.notification-time{font-size:11px;color:var(--text-gray)}.btn-view-notif{background:var(--primary-dark);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:5px;margin-left:auto;transition:all .2s}.btn-view-notif:hover{background:var(--primary-red);transform:scale(1.05)}.stats-dashboard{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:var(--radius-md);padding:16px 12px;border:1px solid var(--border-gray);display:flex;align-items:center;gap:10px;position:relative;transition:all .3s ease;cursor:pointer;overflow:hidden;min-width:0}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(0,11,41,.03) 100%);opacity:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-dark)}.stat-card.clickable:active{transform:translateY(-2px)}.stat-card.highlight{border-left:4px solid var(--primary-red)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform .3s}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon.total,.stat-icon.submissions,.stat-icon.pending,.stat-icon.overdue,.stat-icon.today{background:#000b29;color:#fff}.stat-info{display:flex;flex-direction:column;flex:1;min-width:0}.stat-value{font-size:22px;font-weight:800;color:var(--primary-dark);line-height:1;white-space:nowrap}.stat-label{font-size:10px;color:var(--text-gray);margin-top:2px;text-transform:uppercase;letter-spacing:.3px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-alert{position:absolute;top:-6px;right:8px;background:var(--primary-red);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase;animation:pulse 2s infinite;white-space:nowrap}.stat-arrow{margin-left:auto;color:var(--text-gray);opacity:0;transform:translate(-10px);transition:all .3s;font-size:14px;flex-shrink:0}.stat-card.clickable:hover .stat-arrow{opacity:1;transform:translate(0);color:var(--primary-dark)}@media(max-width:1024px){.stats-dashboard{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-dashboard{grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px 10px}.stat-icon{width:36px;height:36px;font-size:16px}.stat-value{font-size:20px}.stat-label{font-size:9px}}@media(max-width:480px){.stats-dashboard{grid-template-columns:1fr}}.recent-submissions-dropdown-wrapper{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-gray);margin-bottom:24px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .3s}.recent-submissions-dropdown-wrapper:hover{box-shadow:var(--shadow-md)}.recent-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);color:#fff;cursor:pointer;transition:all .3s}.recent-dropdown-header:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-dark) 100%)}.dropdown-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700}.dropdown-title svg{font-size:20px}.dropdown-badge{background:var(--primary-red);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-left:8px;animation:pulse 2s infinite}.dropdown-actions{display:flex;align-items:center;gap:16px}.recent-search-box{position:relative;display:flex;align-items:center}.recent-search-box svg{position:absolute;left:12px;color:var(--text-gray);font-size:14px;z-index:1}.recent-search-box input{padding:10px 36px;border:1px solid rgba(255,255,255,.3);border-radius:25px;font-size:13px;width:220px;outline:none;background:#ffffff26;color:#fff;transition:all .3s}.recent-search-box input::placeholder{color:#ffffffb3}.recent-search-box input:focus{background:#ffffff40;border-color:#ffffff80;width:260px}.clear-search{position:absolute;right:10px;background:#fff3;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s}.clear-search:hover{background:var(--primary-red)}.dropdown-toggle{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s}.dropdown-toggle:hover{background:#fff3;border-color:#fff}.dropdown-toggle.open{transform:rotate(180deg);background:#fff3}.recent-dropdown-content{max-height:500px;overflow-y:auto;animation:slideDown .3s ease;background:var(--off-white)}.dropdown-empty{padding:60px 20px;text-align:center;color:var(--text-gray);background:#fff}.dropdown-empty svg{color:var(--border-gray);margin-bottom:16px}.dropdown-list{padding:12px}.dropdown-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:var(--radius-md);margin-bottom:8px;border:1px solid var(--border-gray);transition:all .3s;animation:slideIn .3s ease backwards;cursor:pointer}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dropdown-item:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translate(4px)}.item-rank{width:32px;height:32px;background:var(--primary-dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.item-avatar{width:45px;height:45px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;overflow:hidden}.item-avatar img{width:100%;height:100%;object-fit:cover}.item-details{flex:1;min-width:0}.item-primary{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.student-name{font-weight:700;color:var(--primary-dark);font-size:14px}.course-tag{background:var(--primary-dark);color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.item-secondary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.assignment-name{color:var(--text-gray);font-size:13px;display:flex;align-items:center;gap:6px}.submit-time{color:var(--primary-red);font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.item-status{flex-shrink:0}.btn-view-item{padding:8px 16px;background:var(--primary-dark);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;flex-shrink:0}.btn-view-item:hover{background:var(--primary-red);transform:scale(1.05)}.stat-modal-overlay{position:fixed;inset:0;background:#000b2999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.stat-modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-modal-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:12px}.modal-actions{display:flex;align-items:center;gap:12px}.btn-download-modal{padding:10px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-download-modal:hover{background:#fff;color:var(--primary-dark)}.btn-close-modal{width:36px;height:36px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.btn-close-modal:hover{background:var(--primary-red);transform:rotate(90deg)}.stat-modal-content{flex:1;overflow-y:auto;padding:24px;background:var(--off-white)}.modal-empty{padding:80px 20px;text-align:center;color:var(--text-gray);background:#fff;border-radius:var(--radius-md)}.modal-empty svg{color:var(--border-gray);margin-bottom:20px}.modal-list{display:flex;flex-direction:column;gap:16px}.modal-item{background:#fff;border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-gray);transition:all .3s;animation:slideIn .4s ease backwards}.modal-item:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.item-title{font-size:16px;font-weight:700;color:var(--primary-dark)}.item-email{color:var(--text-gray);font-size:13px}.pending-badge{background:var(--warning);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;animation:pulse 2s infinite}.overdue-badge{background:var(--danger);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.today-badge{background:var(--success);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.item-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-gray)}.item-meta span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-gray)}.item-meta svg{color:var(--primary-dark)}.item-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.marks{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--success)}.marks svg{color:var(--warning)}.btn-view-modal{padding:10px 20px;background:var(--primary-dark);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-view-modal:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-view-modal.urgent{background:var(--warning);animation:pulse 2s infinite}.btn-view-modal.urgent:hover{background:var(--danger)}.btn-download-list{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-gray);background:var(--white);color:var(--success);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px}.btn-download-list:hover{background:var(--success);color:var(--white);border-color:var(--success)}.overdue-badge{background:var(--primary-red);color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:4px;animation:pulse 2s infinite}.btn-edit,.btn-delete{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:13px}.form-container{max-width:800px;margin:0 auto;animation:fadeIn .3s ease}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--primary-dark)}.form-header h2{display:flex;align-items:center;gap:10px;font-size:22px;color:var(--primary-dark);margin:0}.form-header h2 svg{color:var(--primary-red)}.btn-back{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--white);border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s}.btn-back:hover{background:var(--light-gray);border-color:var(--primary-dark)}.assignment-form{background:var(--white);padding:28px;border-radius:var(--radius-md);border:1px solid var(--border-gray);border-top:4px solid var(--primary-dark)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group label{font-size:13px;font-weight:700;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:14px;color:var(--text-dark);transition:all .2s;font-family:inherit;background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b291a}.form-group textarea{resize:vertical;min-height:120px}.loading-field,.error-field{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--light-gray);border-radius:var(--radius-sm);color:var(--text-gray);font-size:13px}.error-field{background:#ffebee;color:var(--primary-red);border:1px solid #ffcdd2}.error-field svg{animation:none}.file-upload-box{border:2px dashed var(--border-gray);border-radius:var(--radius-sm);padding:40px;text-align:center;transition:all .2s;background:var(--off-white)}.file-upload-box:hover{border-color:var(--primary-dark);background:var(--light-gray)}.hidden-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-gray);cursor:pointer;font-size:14px}.upload-label svg{font-size:32px;color:var(--primary-dark)}.selected-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;justify-content:center}.file-tag{background:var(--white);color:var(--text-dark);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;border:1px solid var(--border-gray)}.file-tag svg{color:var(--primary-red);font-size:16px}.file-tag button{background:none;border:none;color:var(--text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;width:20px;height:20px}.file-tag button:hover{color:var(--primary-red)}.form-actions{display:flex;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border-gray)}.btn-cancel,.btn-submit{flex:1;padding:14px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.btn-cancel{background:var(--light-gray);color:var(--text-dark)}.btn-cancel:hover{background:var(--border-gray)}.btn-submit{background:var(--primary-dark);color:var(--white)}.btn-submit:hover:not(:disabled){background:var(--primary-red)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}@media(max-width:1024px){.stat-modal{max-width:95vw}.dropdown-actions{gap:12px}.recent-search-box input{width:180px}.recent-search-box input:focus{width:200px}}@media(max-width:768px){.assignments-manager{padding:16px}.manager-header{flex-direction:column;align-items:flex-start;padding:20px}.header-actions{width:100%;justify-content:space-between}.notification-dropdown{width:100%;right:0;left:0}.stats-dashboard{grid-template-columns:repeat(2,1fr)}.stat-card.clickable{padding:16px}.stat-arrow{display:none}.recent-dropdown-header{flex-direction:column;gap:16px;padding:16px}.dropdown-actions{width:100%;justify-content:space-between}.recent-search-box input{width:100%}.filters-bar{flex-direction:column;align-items:stretch}.search-box,.filter-select{width:100%}.view-toggle{justify-content:center}.course-header{padding:14px 16px}.course-icon-box{width:40px;height:40px;font-size:16px}.course-info h3{font-size:14px}.stat-value{font-size:18px}.assignment-row{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.assignment-details h4{white-space:normal}.assignment-actions{width:100%;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.assignment-form{padding:20px}.form-actions{flex-direction:column}.stat-modal-header{flex-direction:column;gap:16px;text-align:center}.modal-actions{width:100%;justify-content:center}.item-header,.item-footer{flex-direction:column;align-items:flex-start;gap:8px}.dropdown-item{flex-wrap:wrap}.item-status{order:-1}.btn-view-item{width:100%;justify-content:center;margin-top:8px}}@media(max-width:480px){.manager-header{padding:16px}.manager-header h1{font-size:20px}.stats-dashboard{grid-template-columns:1fr}.stat-card{padding:16px}.btn-create{width:100%;justify-content:center}.course-stats{gap:12px}.stat{display:none}.assignment-info{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.assignment-meta{gap:12px}.assignment-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.btn-submissions{flex:1;justify-content:center}.dropdown-title{font-size:14px}.dropdown-badge{font-size:11px;padding:3px 8px}.recent-search-box input{font-size:12px}}@media(min-width:1400px){.assignments-manager{max-width:1400px;margin:0 auto}.stats-dashboard{grid-template-columns:repeat(5,1fr)}}@media print{.stat-modal-overlay{position:static;background:#fff}.stat-modal{box-shadow:none;max-height:none}.btn-close-modal,.btn-download-modal{display:none}}:root{--primary-dark: #000B29;--primary-red: #E30613;--primary-light: #001a4d;--white: #ffffff;--off-white: #fafafa;--light-gray: #f5f5f5;--border-gray: #e0e0e0;--text-gray: #666666;--text-dark: #000B29;--success: #16a34a;--warning: #ca8a04;--ai-purple: #667eea;--ai-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.submissions-view{padding:24px;max-width:100%;margin:0 auto;animation:fadeIn .3s ease;background:#f0f2f5;min-height:100vh;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submissions-header{margin-bottom:24px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #000b2914;position:relative}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border-gray);border-radius:8px;cursor:pointer;font-weight:600;color:var(--primary-dark);margin-bottom:16px;transition:all .2s;font-size:14px;width:fit-content}.btn-back:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark);transform:translate(-2px)}.submissions-title h2{display:flex;align-items:center;gap:12px;margin:0;color:var(--primary-dark);font-size:24px;font-weight:700}.assignment-subtitle{display:flex;align-items:center;gap:15px;margin-top:12px;flex-wrap:wrap}.assignment-number{display:flex;align-items:center;gap:6px;background:var(--primary-dark);color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700}.assignment-name{display:flex;align-items:center;gap:6px;color:var(--primary-red);font-size:16px;font-weight:600}.course-name{color:var(--text-gray);font-size:14px;font-weight:500}.btn-test-api{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;color:#374151;transition:all .2s;position:absolute;top:20px;right:20px}.btn-test-api:hover{background:#e5e7eb;border-color:#9ca3af}.ai-status-dashboard-collapsible{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #667eea26;border:1px solid #e0e7ff;overflow:hidden;transition:all .3s ease}.ai-status-dashboard-collapsible:hover{box-shadow:0 6px 20px #667eea33}.ai-status-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;cursor:pointer;background:linear-gradient(135deg,#f8f9ff,#fff);transition:all .3s ease;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent}.ai-status-header:hover{background:linear-gradient(135deg,#e0e7ff,#f8f9ff);border-bottom-color:#667eea}.status-title{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--primary-dark);font-size:16px}.status-title svg{color:#667eea;font-size:20px}.status-summary{margin-left:12px;font-size:13px;color:#667eea;font-weight:600;background:#fff;padding:6px 14px;border-radius:20px;border:2px solid #e0e7ff;box-shadow:0 2px 4px #0000000d}.expand-icon{color:#667eea;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f4ff}.expand-icon.expanded{transform:rotate(180deg);background:#667eea;color:#fff}.ai-status-content{padding:24px;animation:slideDown .3s ease;background:#fff}.ai-status-content .status-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.ai-status-content .stat-item{text-align:center;padding:16px;background:#f8f9fa;border-radius:10px;border:2px solid transparent;transition:all .3s ease}.ai-status-content .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ai-status-content .stat-item.ai{background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border-color:#667eea}.ai-status-content .stat-item.pending{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:#f59e0b}.ai-status-content .stat-value{display:block;font-size:28px;font-weight:800;color:var(--primary-dark);margin-bottom:4px}.ai-status-content .stat-item.ai .stat-value{color:#667eea}.ai-status-content .stat-item.pending .stat-value{color:#d97706}.ai-status-content .stat-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.progress-bar-container{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:var(--ai-gradient);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:5px;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-bar-fill.animated{animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.batch-progress-banner{background:var(--ai-gradient);color:#fff;padding:16px 24px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #667eea4d}.batch-progress-banner .progress-info{flex:1;display:flex;justify-content:space-between;align-items:center}.batch-progress-banner .progress-count{font-weight:700;font-size:18px;background:#fff3;padding:4px 12px;border-radius:20px}.api-warning-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;padding:14px 18px;margin-bottom:20px;display:flex;align-items:center;gap:12px;animation:slideDown .3s ease;box-shadow:0 4px 12px #f59e0b26}.api-warning-banner svg{color:#d97706;font-size:22px;flex-shrink:0}.api-warning-banner span{flex:1;color:#92400e;font-size:14px;font-weight:500}.api-warning-banner button{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #f59e0b4d}.api-warning-banner button:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b66}.summary-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #000b2914;border-top:4px solid var(--primary-dark)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-gray)}.summary-item{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--light-gray);border-radius:10px;transition:all .3s ease;border:2px solid transparent}.summary-item:hover{transform:translateY(-3px);background:#fff;border-color:var(--primary-dark);box-shadow:0 4px 12px #000b291a}.summary-item .label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-gray);font-weight:700}.summary-item .value{font-size:22px;font-weight:800;color:var(--primary-dark)}.summary-item .value.highlight{color:var(--primary-red)}.summary-item .value.success{color:var(--success)}.action-buttons-container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.download-section{display:flex;gap:12px}.ai-section{flex:1;display:flex;justify-content:flex-end}.btn-action{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;font-size:14px;position:relative;overflow:hidden}.btn-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-action:hover:before{left:100%}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-icon{font-size:18px}.btn-excel{background:#10b981;color:#fff;box-shadow:0 4px 6px -1px #10b98133}.btn-excel:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 12px -2px #10b9814d}.btn-pdf{background:var(--primary-red);color:#fff;box-shadow:0 4px 6px -1px #e3061333}.btn-pdf:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 12px -2px #e306134d}.btn-ai-batch{background:var(--primary-dark);color:#fff;box-shadow:0 4px 6px -1px #000b2933;min-width:200px;justify-content:center}.btn-ai-batch:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 12px -2px #000b294d}.btn-action:disabled,.btn-grade-ai:disabled{opacity:.5;cursor:not-allowed;transform:none!important;background:#9ca3af!important}.table-controls{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative}.search-box .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-gray);font-size:16px}.search-box input{width:100%;padding:12px 16px 12px 48px;border:2px solid var(--border-gray);border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff}.search-box input:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b291a}.filter-box select{padding:12px 20px;border:2px solid var(--border-gray);border-radius:10px;font-size:14px;background:#fff;cursor:pointer;min-width:150px;transition:all .3s ease}.filter-box select:focus{outline:none;border-color:var(--primary-dark)}.submissions-table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #000b2914;border:1px solid var(--border-gray)}.submissions-table-container{min-width:1200px;padding:0}.submissions-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.submissions-table thead{background:var(--primary-dark);color:#fff}.submissions-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid var(--primary-red);white-space:nowrap}.col-student{width:22%}.col-files{width:28%}.col-date{width:15%}.col-status,.col-marks{width:12%}.col-actions{width:11%}.submissions-table tbody tr{border-bottom:1px solid var(--border-gray);transition:all .2s ease}.submissions-table tbody tr:hover{background:#f8f9fa}.submissions-table tbody tr.ai-graded-row{background:linear-gradient(to right,#f8f9ff,#fff);border-left:4px solid #667eea}.submissions-table td{padding:16px 12px;vertical-align:middle}.student-cell{min-width:250px}.student-info-compact{display:flex;align-items:center;gap:10px}.student-avatar-small{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--primary-dark);flex-shrink:0;background:var(--primary-dark);display:flex;align-items:center;justify-content:center}.student-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;background:var(--primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;text-transform:uppercase}.student-details-inline{display:flex;flex-direction:column;gap:2px;min-width:0}.student-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.student-details-inline h4{margin:0;color:var(--primary-dark);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-email-inline{font-size:12px;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-comments-tooltip{position:relative;display:inline-block}.has-comments-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#d97706;background:#fef3c7;padding:2px 6px;border-radius:10px;font-weight:600;cursor:help;border:1px solid #fcd34d;transition:all .2s ease}.has-comments-badge:hover{background:#f59e0b;color:#fff;transform:scale(1.05)}.comments-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:0;background:var(--primary-dark);color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;min-width:250px;max-width:300px;z-index:100;box-shadow:0 10px 25px #0003;margin-bottom:8px;transition:all .2s ease;line-height:1.5}.comments-tooltip:after{content:"";position:absolute;top:100%;left:20px;border:8px solid transparent;border-top-color:var(--primary-dark)}.comments-tooltip strong{display:block;margin-bottom:6px;color:#fcd34d;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.comments-tooltip p{margin:0;color:#fff;font-weight:500}.has-comments-tooltip:hover .comments-tooltip{visibility:visible;opacity:1;transform:translateY(-5px)}.files-cell{min-width:300px}.files-list-compact{display:flex;flex-direction:column;gap:8px}.file-tag{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;width:100%;text-align:left;color:var(--primary-dark);position:relative;overflow:hidden}.file-tag:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark);transform:translate(5px);box-shadow:0 4px 12px #000b2926}.file-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;flex-shrink:0;transition:all .2s ease}.pdf-icon-box{background:#dc2626!important}.pdf-icon-box .file-icon.pdf{color:#fff!important;font-size:18px}.file-tag:hover .pdf-icon-box{background:#b91c1c!important}.file-tag:hover .pdf-icon-box .file-icon.pdf{color:#fff!important}.file-tag:hover .file-icon-wrapper{background:#fff3}.file-icon-wrapper .file-icon{font-size:16px;color:#dc2626;transition:all .2s ease}.file-tag:hover .file-icon-wrapper .file-icon{color:#fff}.file-icon-wrapper .file-icon.word{color:#2563eb}.file-icon-wrapper .file-icon.archive{color:#d97706}.filename-truncate{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;min-width:0}.file-tag .download-icon{opacity:0;transform:translate(-10px);transition:all .3s ease;font-size:14px;color:#fff;flex-shrink:0}.file-tag:hover .download-icon{opacity:1;transform:translate(0)}.no-files{color:#9ca3af;font-size:13px;font-style:italic}.date-cell{white-space:nowrap}.date-info{display:flex;align-items:center;gap:8px;color:var(--text-gray);font-size:13px}.date-icon{color:var(--primary-red);flex-shrink:0}.status-cell{white-space:nowrap}.status-badge-table{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:capitalize;width:fit-content}.status-badge-table.graded{background:#dcfce7;color:#166534;border:1px solid #86efac}.status-badge-table.submitted{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-badge-table .ai-indicator{margin-left:4px;background:var(--primary-dark);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;display:inline-flex;align-items:center}.marks-cell{white-space:nowrap}.marks-display-table{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.marks-display-table .obtained-marks{font-size:24px;font-weight:800;color:var(--primary-dark)}.marks-display-table .total-marks{font-size:14px;color:var(--primary-red);font-weight:600}.marks-display-table .percentage{font-size:12px;color:var(--text-gray);margin-left:4px;font-weight:600;background:#f3f4f6;padding:2px 6px;border-radius:4px}.pending-marks{color:#9ca3af;font-size:14px;font-weight:600}.actions-cell{min-width:120px;padding:12px 8px!important}.action-buttons-table{display:flex;flex-direction:column;gap:6px;width:100%}.btn-action-table{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;font-size:12px;width:100%;white-space:nowrap;min-height:36px}.btn-action-table:disabled{opacity:.5;cursor:not-allowed}.btn-action-table svg{font-size:14px;flex-shrink:0}.btn-grade{background:var(--primary-dark);color:#fff}.btn-grade:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #000b2933}.btn-edit{background:#fff;color:var(--primary-dark);border:2px solid var(--primary-dark);font-weight:600}.btn-edit:hover:not(:disabled){background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #000b2933}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-regrade{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.btn-regrade:hover:not(:disabled){background:#f59e0b;color:#fff}.empty-state{text-align:center;padding:80px 20px;color:#9ca3af;background:#fff}.empty-state svg{margin-bottom:20px;color:#d1d5db;font-size:64px}.empty-state h3{color:var(--primary-dark);margin:0 0 8px;font-size:22px}.empty-state p{margin:0;font-size:15px;color:var(--text-gray)}.loading-center{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--primary-dark);background:#fff;border-radius:12px;box-shadow:0 2px 12px #000b2914;font-size:18px;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000b29b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grade-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #000b294d;animation:slideUp .3s ease}.ai-result-modal{max-width:550px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-gray);background:var(--primary-dark);color:#fff!important}.modal-header.ai-header{background:var(--ai-gradient)}.modal-header h3{margin:0;display:flex;align-items:center;gap:10px;color:#fff!important;font-size:18px;font-weight:700}.modal-header h3 svg{color:#fff!important}.ai-badge-header{margin-left:10px;background:#fff3;color:#fff!important;padding:4px 12px;border-radius:20px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.ai-badge-header svg{color:#fff!important}.close-btn{background:#ffffff26;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff!important;transition:all .2s;font-size:18px}.close-btn:hover{background:var(--primary-red);transform:rotate(90deg)}.modal-body{padding:24px}.student-preview{display:flex;align-items:center;gap:16px;padding:20px;background:var(--light-gray);border-radius:12px;margin-bottom:24px;border:1px solid var(--border-gray)}.preview-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--primary-dark);background:var(--primary-dark);display:flex;align-items:center;justify-content:center}.preview-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--primary-dark);color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;text-transform:uppercase}.avatar-placeholder.large{font-size:28px}.student-preview h4{margin:0 0 6px;color:var(--primary-dark);font-size:18px;font-weight:700}.student-preview p{margin:0 0 4px;color:var(--text-gray);font-size:14px;display:flex;align-items:center;gap:8px}.submit-time{font-size:13px!important;color:#9ca3af!important}.ai-suggestion-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid #bae6fd}.ai-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-suggestion-header strong{color:var(--primary-dark);display:flex;align-items:center;gap:8px;font-size:15px}.ai-marks-badge{background:var(--ai-gradient);color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 4px 8px #667eea4d}.ai-suggestion-box p{margin:0 0 12px;color:#374151;line-height:1.6;font-size:14px}.confidence-score{font-size:13px;color:#6b7280;font-weight:600}.grade-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:block;font-weight:700;color:var(--primary-dark);margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border-gray);border-radius:8px;font-size:15px;font-family:inherit;box-sizing:border-box;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b291a}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-gray);background:var(--off-white)}.btn-cancel,.btn-submit-grade{flex:1;padding:14px 24px;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:all .3s;font-size:14px}.btn-cancel{background:#fff;color:#6b7280;border:2px solid var(--border-gray)}.btn-cancel:hover{background:var(--light-gray);border-color:#9ca3af}.btn-submit-grade{background:var(--primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px -1px #000b2933}.btn-submit-grade:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 12px -2px #000b294d}.btn-submit-grade:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-result-score{text-align:center;padding:30px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;margin-bottom:24px;border:2px solid #bae6fd}.score-circle{position:relative;display:inline-flex;align-items:baseline;justify-content:center;margin-bottom:16px}.score-number{font-size:56px;font-weight:800;color:var(--primary-dark);line-height:1}.score-total{font-size:28px;color:#6b7280;font-weight:600}.grade-badge{display:inline-block;padding:8px 24px;border-radius:24px;font-size:20px;font-weight:800;color:#fff;margin-bottom:12px;box-shadow:0 4px 12px #0003}.grade-badge.excellent{background:#16a34a}.grade-badge.good{background:#3b82f6}.grade-badge.fail{background:#dc2626}.confidence-text{font-size:14px;color:#6b7280;font-weight:600}.ai-feedback-result{margin-bottom:20px}.ai-feedback-result h4{color:var(--primary-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:16px}.ai-feedback-result p{line-height:1.7;color:#374151;font-size:14px;padding:16px;background:var(--light-gray);border-radius:8px;margin:0}.ai-strengths,.ai-improvements{margin-bottom:16px}.ai-strengths h4,.ai-improvements h4{font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.ai-strengths h4{color:#16a34a}.ai-improvements h4{color:#dc2626}.ai-strengths ul,.ai-improvements ul{margin:0;padding-left:24px;font-size:13px;line-height:1.8}.ai-strengths li{color:#166534}.ai-improvements li{color:#991b1b}.ai-requirements{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.ai-requirements h4{color:var(--primary-dark);margin-bottom:12px;font-size:16px;display:flex;align-items:center;gap:8px}.req-check-grid{display:grid;gap:8px;margin-top:10px}.req-check{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid transparent}.req-check.met{background:#d1fae5;color:#065f46;border-color:#86efac}.req-check.partial{background:#fef3c7;color:#92400e;border-color:#fcd34d}.req-check.not-met{background:#fee2e2;color:#991b1b;border-color:#fecaca}@media(max-width:1200px){.submissions-table-wrapper{overflow-x:auto}.submissions-table-container{min-width:1200px}}@media(max-width:968px){.summary-grid{grid-template-columns:repeat(2,1fr)}.action-buttons-container{flex-direction:column;align-items:stretch}.ai-section{justify-content:stretch}.btn-ai-batch{width:100%}.ai-status-content .status-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.submissions-view{padding:16px}.btn-test-api{position:static;margin-top:12px;width:100%;justify-content:center}.summary-grid{grid-template-columns:1fr}.download-section{flex-direction:column;width:100%}.btn-action{width:100%;justify-content:center}.table-controls{flex-direction:column}.search-box{min-width:100%}.modal-footer{flex-direction:column}.ai-status-header{padding:14px 16px}.status-summary{display:none}}@media(max-width:480px){.submissions-header{padding:16px}.submissions-title h2{font-size:20px}.assignment-subtitle{flex-direction:column;align-items:flex-start;gap:8px}}.atm-container{padding:30px;background:#f8fafc;min-height:100vh}.atm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.atm-header-title h1{color:#000b29;font-size:26px;display:flex;align-items:center;gap:12px;margin:0}.atm-header-title p{color:#64748b;margin:5px 0 0;font-size:14px}.atm-view-toggle{display:flex;background:#fff;border-radius:10px;padding:4px;border:1px solid #e2e8f0}.atm-view-toggle button{background:transparent;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;color:#64748b;transition:all .2s}.atm-view-toggle button.active{background:#e31e24;color:#fff}.atm-controls{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.atm-control-group{flex:1;min-width:250px}.atm-control-group label{display:flex;align-items:center;gap:8px;color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.atm-control-group select,.atm-control-group input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;color:#1e293b}.atm-btn-refresh{align-self:flex-end;background:#000b29;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.atm-btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 15px #000b2933}.atm-search-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;margin-bottom:20px}.atm-search-bar input{flex:1;border:none;outline:none;font-size:14px}.atm-count{color:#64748b;font-size:13px;font-weight:500}.atm-student-list{display:flex;flex-direction:column;gap:12px;margin-bottom:80px}.atm-student-card{background:#fff;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;transition:all .2s}.atm-student-card:hover{border-color:#e31e24;box-shadow:0 4px 12px #e31e2414}.atm-student-info{display:flex;align-items:center;gap:15px}.atm-avatar{width:48px;height:48px;background:#000b29;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.atm-student-details strong{display:block;color:#1e293b;font-size:15px}.atm-student-details span{color:#64748b;font-size:13px}.atm-status-selector{display:flex;gap:10px}.atm-status-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:600;font-size:13px;color:#64748b;transition:all .2s}.atm-status-btn.present.active{background:#dcfce7;border-color:#22c55e;color:#15803d}.atm-status-btn.absent.active{background:#fee2e2;border-color:#ef4444;color:#dc2626}.atm-status-btn.late.active{background:#fef3c7;border-color:#f59e0b;color:#d97706}.atm-submit-bar{position:fixed;bottom:0;left:280px;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 20px #0000000d}.atm-summary{color:#64748b;font-weight:600}.atm-btn-save{background:#e31e24;color:#fff;border:none;padding:14px 32px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.atm-btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e31e244d}.atm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.atm-stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;border:1px solid #e2e8f0}.atm-stat-value{display:block;font-size:32px;font-weight:800;color:#000b29}.atm-stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.atm-stat-card.present .atm-stat-value{color:#22c55e}.atm-stat-card.absent .atm-stat-value{color:#ef4444}.atm-stat-card.late .atm-stat-value{color:#f59e0b}.atm-stat-card.percentage .atm-stat-value{color:#e31e24}.atm-report-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.atm-report-table table{width:100%;border-collapse:collapse}.atm-report-table th{background:#f1f5f9;padding:16px 20px;text-align:left;color:#000b29;font-size:12px;font-weight:800;text-transform:uppercase}.atm-report-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9}.atm-student-cell{display:flex;align-items:center;gap:12px}.atm-avatar-small{width:36px;height:36px;background:#000b29;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600}.atm-student-cell strong{display:block;font-size:14px;color:#1e293b}.atm-student-cell span{font-size:12px;color:#64748b}.atm-badge{padding:6px 14px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase}.atm-badge.present{background:#dcfce7;color:#15803d}.atm-badge.absent{background:#fee2e2;color:#dc2626}.atm-badge.late{background:#fef3c7;color:#d97706}.atm-empty{text-align:center;padding:60px 20px;color:#94a3b8}.atm-empty h3{color:#64748b;margin:16px 0 8px}.atm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px}.atm-spinner{width:45px;height:45px;border:4px solid #f3f3f3;border-top:4px solid #e31e24;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.atm-controls{flex-direction:column}.atm-student-card{flex-direction:column;align-items:flex-start;gap:15px}.atm-submit-bar{left:0;flex-direction:column;gap:15px}}:root{--primary-dark: #000B29;--primary-red: #E30613;--primary-light: #001a4d;--white: #ffffff;--off-white: #fafafa;--light-gray: #f5f5f5;--border-gray: #e0e0e0;--text-gray: #666666;--text-dark: #000B29;--success: #16a34a;--warning: #ca8a04;--danger: #dc2626;--info: #3b82f6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 11, 41, .05);--shadow-md: 0 4px 6px rgba(0, 11, 41, .1);--shadow-lg: 0 10px 15px rgba(0, 11, 41, .15);--shadow-xl: 0 20px 25px rgba(0, 11, 41, .2)}.quiz-manager{min-height:100vh;background:var(--off-white);padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.manager-header{background:var(--white);color:var(--text-dark);padding:24px;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid var(--border-gray);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:4px solid var(--primary-dark)}.manager-header h1{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0;color:var(--primary-dark)}.manager-header h1 svg{color:var(--primary-red);font-size:28px}.manager-header p{color:var(--text-gray);font-size:13px;margin:4px 0 0}.header-actions{display:flex;align-items:center;gap:12px}.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px;border:2px solid var(--border-gray);display:flex;align-items:center;gap:14px;position:relative;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-dark)}.stat-card.active{border:2px solid var(--primary-dark);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.stat-icon{width:50px;height:50px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#000b29!important;color:#fff!important}.stat-icon svg{color:#fff!important;font-size:24px!important;width:24px;height:24px}.stat-icon.total{background:#e3f2fd!important}.stat-icon.total svg{color:#000b29!important;font-size:24px!important}.stat-icon.submissions{background:#e8f5e9!important}.stat-icon.submissions svg{color:#000b29!important;font-size:24px!important}.stat-icon.pending{background:#fff3e0!important}.stat-icon.pending svg{color:#000b29!important;font-size:24px!important}.stat-icon.today{background:#f3e5f5!important}.stat-icon.today svg{color:#000b29!important;font-size:24px!important}.stat-info{display:flex;flex-direction:column;flex:1}.stat-value{font-size:28px;font-weight:800;color:var(--primary-dark);line-height:1}.stat-label{font-size:12px;color:var(--text-gray);margin-top:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.active-indicator{position:absolute;top:8px;right:8px;width:10px;height:10px;background:var(--primary-red);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.stats-detail-view{background:var(--white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray)}.attempts-course-group{margin-bottom:32px}.attempts-course-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--primary-dark);color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:16px;font-weight:700}.attempts-course-header svg{font-size:20px}.attempts-table{width:100%;border-collapse:collapse;background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray)}.attempts-table thead{background:var(--light-gray)}.attempts-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--text-dark);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-gray)}.attempts-table td{padding:14px 16px;border-bottom:1px solid var(--border-gray);font-size:14px}.attempts-table tbody tr:hover{background:var(--off-white)}.attempts-table tbody tr:last-child td{border-bottom:none}.student-info-cell{display:flex;align-items:center;gap:12px}.student-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.student-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.student-name{font-weight:600;color:var(--text-dark)}.quiz-name-cell{font-weight:500;color:var(--text-dark)}.score-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary-dark);color:#fff;border-radius:20px;font-weight:700;font-size:13px}.percentage-badge{font-weight:700;font-size:14px}.percentage-badge.high{color:var(--success)}.percentage-badge.medium{color:var(--warning)}.percentage-badge.low{color:var(--danger)}.date-cell{color:var(--text-gray);font-size:13px;white-space:nowrap}.score-overview-header{text-align:center;padding:40px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);color:#fff;border-radius:var(--radius-lg);margin-bottom:32px}.score-overview-header svg{font-size:48px;margin-bottom:16px}.score-overview-header h2{font-size:56px;margin:0;font-weight:800}.score-overview-header p{margin:8px 0 0;opacity:.9;font-size:16px}.course-scores-container{display:flex;flex-direction:column;gap:24px}.course-score-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-gray);overflow:hidden}.course-score-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--light-gray);border-bottom:1px solid var(--border-gray)}.course-score-header h3{margin:0;display:flex;align-items:center;gap:10px;font-size:16px;color:var(--text-dark)}.course-score-header h3 svg{color:var(--primary-dark)}.course-average{font-size:24px;font-weight:800;color:var(--primary-dark)}.quiz-scores-list{padding:16px 20px}.quiz-score-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-gray)}.quiz-score-item:last-child{border-bottom:none;padding-bottom:0}.quiz-score-item:first-child{padding-top:0}.quiz-score-info{flex:1;min-width:0}.quiz-score-info h4{margin:0 0 4px;font-size:15px;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-score-info p{margin:0;font-size:13px;color:var(--text-gray)}.quiz-score-bar-container{flex:2;display:flex;align-items:center;gap:12px}.score-progress-bg{flex:1;height:10px;background:var(--light-gray);border-radius:5px;overflow:hidden}.score-progress-fill{height:100%;border-radius:5px;transition:width .5s ease}.score-progress-fill.excellent{background:var(--success)}.score-progress-fill.good{background:var(--info)}.score-progress-fill.average{background:var(--warning)}.score-progress-fill.poor{background:var(--danger)}.score-value{font-weight:700;color:var(--text-dark);min-width:45px;text-align:right;font-size:14px}.active-quizzes-list{display:flex;flex-direction:column;gap:16px}.active-quiz-card{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:var(--radius-md);border:2px solid var(--success);box-shadow:var(--shadow-sm)}.active-quiz-icon{width:50px;height:50px;background:var(--success);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.active-quiz-info{flex:1;min-width:0}.active-quiz-info h3{margin:0 0 6px;font-size:16px;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-quiz-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.active-quiz-meta span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-gray)}.active-quiz-meta svg{color:var(--primary-dark)}.active-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--success);color:#fff;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 8px #16a34a00}}.total-quizzes-list{display:flex;flex-direction:column;gap:12px}.total-quiz-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-gray);transition:all .2s}.total-quiz-item:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translate(4px)}.total-quiz-number{width:40px;height:40px;background:var(--primary-dark);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.total-quiz-info{flex:1;min-width:0}.total-quiz-info h4{margin:0 0 4px;font-size:15px;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.total-quiz-info p{margin:0;font-size:13px;color:var(--text-gray)}.total-quiz-stats{display:flex;align-items:center;gap:20px}.total-quiz-stat{text-align:center}.total-quiz-stat-value{display:block;font-size:18px;font-weight:700;color:var(--primary-dark)}.total-quiz-stat-label{font-size:11px;color:var(--text-gray);text-transform:uppercase}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--white);color:var(--primary-dark);border:2px solid var(--primary-dark);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.filters-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;background:var(--white);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-gray)}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--border-gray);border-radius:var(--radius-sm);transition:all .2s;background:var(--white)}.search-box:focus-within{border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b291a}.search-box svg{color:var(--text-gray);font-size:14px}.search-box input{border:none;outline:none;width:100%;font-size:13px;color:var(--text-dark);background:transparent}.filter-select{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border-gray);border-radius:var(--radius-sm);background:var(--white);transition:all .2s}.filter-select:focus-within{border-color:var(--primary-dark)}.filter-select svg{color:var(--text-gray);font-size:14px}.filter-select select{border:none;outline:none;font-size:13px;color:var(--text-dark);background:transparent;cursor:pointer}.view-toggle{display:flex;gap:4px;background:var(--light-gray);padding:4px;border-radius:var(--radius-sm)}.view-toggle button{padding:8px 12px;border:none;background:transparent;color:var(--text-gray);cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.view-toggle button.active{background:var(--primary-dark);color:#fff;box-shadow:var(--shadow-sm)}.view-toggle button:hover:not(.active){background:var(--border-gray)}.btn-refresh{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--light-gray);border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s}.btn-refresh:hover{background:var(--primary-dark);color:var(--white);border-color:var(--primary-dark)}.btn-create{background:var(--primary-dark);color:var(--white);padding:12px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-create:hover{background:var(--primary-red);transform:translateY(-1px);box-shadow:var(--shadow-md)}.course-groups{display:flex;flex-direction:column;gap:12px}.course-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-gray);overflow:hidden;transition:all .2s ease}.course-card:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-md)}.course-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--white);cursor:pointer;transition:all .2s;border-bottom:1px solid transparent}.course-header:hover{background:var(--light-gray)}.course-card:has(.course-assignments.expanded) .course-header{border-bottom-color:var(--border-gray)}.course-info{display:flex;align-items:center;gap:14px}.course-icon-box{width:44px;height:44px;background:var(--primary-dark);color:var(--white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px}.course-info h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--text-dark)}.assignment-count{display:inline-block;background:var(--light-gray);color:var(--text-gray);padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600}.course-stats{display:flex;align-items:center;gap:16px}.stat{text-align:center}.stat-value{display:block;font-size:20px;font-weight:700;color:var(--primary-dark);line-height:1}.stat-label{font-size:10px;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.expand-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-gray);background:var(--white);color:var(--text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.expand-btn.open{transform:rotate(180deg);background:var(--primary-dark);color:var(--white);border-color:var(--primary-dark)}.expand-btn:hover{border-color:var(--primary-dark);color:var(--primary-dark)}.expand-btn.open:hover{color:var(--white)}.course-assignments{max-height:0;overflow:hidden;transition:all .3s ease;opacity:0;background:var(--off-white)}.course-assignments.expanded{max-height:2000px;opacity:1}.assignment-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-gray);transition:all .2s;gap:16px;background:var(--white);margin:0}.assignment-row:hover{background:var(--light-gray)}.assignment-row:last-child{border-bottom:none}.assignment-row.list-view{border:1px solid var(--border-gray);border-radius:var(--radius-sm);margin-bottom:8px}.assignment-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.asm-number{display:inline-flex;background:var(--primary-dark);color:var(--white);padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;flex-shrink:0;min-width:40px;justify-content:center}.assignment-details{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.assignment-details h4{margin:0;font-size:15px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.assignment-meta span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-gray)}.assignment-meta svg{color:var(--text-gray);font-size:12px}.course-tag{background:var(--primary-dark);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.assignment-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-view-report{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--white);color:var(--primary-dark);border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-report:hover{background:var(--primary-dark);color:var(--white);border-color:var(--primary-dark)}.btn-submissions{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--white);color:var(--primary-dark);border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-submissions:hover{background:var(--primary-dark);color:var(--white);border-color:var(--primary-dark)}.btn-edit,.btn-delete,.btn-toggle{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:13px}.btn-edit{background:var(--white);color:var(--text-gray)}.btn-edit:hover{background:var(--primary-dark);color:var(--white);border-color:var(--primary-dark)}.btn-delete{background:var(--white);color:var(--primary-red)}.btn-delete:hover{background:var(--primary-red);color:var(--white);border-color:var(--primary-red)}.btn-toggle{background:var(--white);color:var(--text-gray)}.btn-toggle:hover{border-color:var(--primary-dark)}.assignments-list-view,.flat-assignments-list{display:flex;flex-direction:column;gap:8px}.loading-cell,.empty-state-large{text-align:center;padding:60px 20px;color:var(--text-gray);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-gray)}.loading-cell svg{animation:spin 1s linear infinite;margin-right:8px}.empty-state-large h3{margin:16px 0 8px;color:var(--primary-dark);font-size:20px}.empty-state-large p{color:var(--text-gray);font-size:14px;margin:0}.status-badge{display:inline-flex;align-items:center;gap:4px}@media(max-width:768px){.quiz-manager{padding:16px}.manager-header{flex-direction:column;align-items:flex-start;padding:20px}.stats-dashboard{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column;align-items:stretch}.search-box,.filter-select{width:100%}.view-toggle{justify-content:center}.course-header{padding:14px 16px}.course-icon-box{width:40px;height:40px;font-size:16px}.course-info h3{font-size:14px}.stat-value{font-size:18px}.assignment-row{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.assignment-details h4{white-space:normal}.assignment-actions{width:100%;justify-content:flex-end}.attempts-table{font-size:13px}.attempts-table th,.attempts-table td{padding:10px 12px}.score-overview-header h2{font-size:36px}.quiz-score-item{flex-direction:column;align-items:flex-start;gap:12px}.quiz-score-bar-container{width:100%}.active-quiz-card{flex-direction:column;align-items:flex-start}.total-quiz-item{flex-direction:column;align-items:flex-start;gap:12px}.total-quiz-stats{width:100%;justify-content:space-around}}@media(max-width:480px){.manager-header{padding:16px}.manager-header h1{font-size:20px}.stats-dashboard{grid-template-columns:1fr}.stat-card{padding:16px}.btn-create{width:100%;justify-content:center}.course-stats{gap:12px}.stat{display:none}.assignment-info{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.assignment-meta{gap:12px}.assignment-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.btn-submissions{flex:1;justify-content:center}.attempts-course-header{font-size:14px;padding:12px 16px}}.quiz-report-container{padding:20px;max-width:1400px;margin:0 auto}.report-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.report-header h1{color:#000b29;display:flex;align-items:center;gap:10px}.btn-back{padding:10px 20px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.quiz-info-card{background:linear-gradient(135deg,#000b29,#001a4d);color:#fff;padding:30px;border-radius:12px;margin-bottom:30px}.quiz-info-card h2{margin-bottom:10px}.course-name{opacity:.8;margin-bottom:15px}.quiz-meta{display:flex;gap:30px;font-size:14px}.quiz-meta span{background:#ffffff1a;padding:5px 15px;border-radius:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000001a}.stat-card.blue{border-left:4px solid #2196F3}.stat-card.green{border-left:4px solid #4CAF50}.stat-card.red{border-left:4px solid #f44336}.stat-card.purple{border-left:4px solid #9C27B0}.stat-card.orange{border-left:4px solid #FF9800}.stat-card.teal{border-left:4px solid #009688}.stat-card h3{font-size:28px;color:#000b29}.stat-card p{color:#666;font-size:14px}.search-bar{background:#fff;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.search-bar input{flex:1;border:none;outline:none;font-size:16px}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{padding:12px 24px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;font-weight:500}.tabs button.active{background:#000b29;color:#fff}.students-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.students-table{width:100%;border-collapse:collapse}.students-table th{background:#f8f9fa;padding:15px;text-align:left;font-weight:600;color:#000b29}.students-table td{padding:15px;border-bottom:1px solid #eee}.rank{font-weight:700;color:#e30613;font-size:20px}.student-info{display:flex;align-items:center;gap:12px}.student-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.student-info strong{display:block;color:#000b29}.student-info small{color:#666;font-size:12px}.percentage-bar{width:100px;height:8px;background:#eee;border-radius:4px;position:relative;overflow:hidden}.percentage-bar .fill{height:100%;border-radius:4px;transition:width .3s}.percentage-bar span{position:absolute;right:-45px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.passed{background:#d4edda;color:#155724}.status-badge.failed{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.btn-download,.btn-email{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;margin-right:8px;display:inline-flex;align-items:center;justify-content:center}.btn-download{background:#e3f2fd;color:#1976d2}.btn-email{background:#fce4ec;color:#c2185b}.btn-download:hover{background:#1976d2;color:#fff}.btn-email:hover{background:#c2185b;color:#fff}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:50px;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-dark: #000B29;--primary-red: #E30613;--white: #ffffff;--off-white: #f8f9fa;--light-gray: #e9ecef;--border-gray: #dee2e6;--text-gray: #6c757d;--text-dark: #212529;--success: #28a745;--danger: #dc3545;--info: #007bff;--warning: #ffc107;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.15)}.form-container{min-height:100vh;background:var(--off-white);padding:24px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;max-width:1400px;margin:0 auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin:-24px -24px 32px;padding:24px 32px;background:var(--white);border-bottom:2px solid var(--border-gray)}.form-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:26px;color:var(--primary-dark);font-weight:700}.form-header h2 svg{color:var(--primary-red);font-size:28px}.btn-back{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--white);color:var(--primary-dark);border:2px solid var(--primary-dark);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background:var(--primary-dark);color:#fff}.mode-toggle{display:flex;gap:0;margin-bottom:32px;background:var(--light-gray);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-gray);max-width:600px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;background:transparent;color:var(--text-gray);font-size:14px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.mode-btn.active{background:var(--primary-dark);color:var(--white);box-shadow:var(--shadow-sm)}.mode-btn:hover:not(.active){background:var(--white);color:var(--primary-dark)}.schedule-form{width:100%}.form-section{background:var(--white);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;border:1px solid var(--border-gray);box-shadow:var(--shadow-sm)}.form-section h3{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:18px;color:var(--primary-dark);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.form-section h3 svg{color:var(--primary-red);font-size:22px}.section-description{color:var(--text-gray);font-size:14px;margin-top:8px;font-weight:400;text-transform:none}.section-header-with-action{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-title-group{flex:1}.header-title-group h3{margin-bottom:8px}.section-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-icon-text{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--light-gray);color:var(--text-dark);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-icon-text:hover{background:var(--border-gray)}.btn-copy-pattern{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-dark);color:var(--white);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy-pattern:hover{background:var(--primary-red);transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.form-grid.three-col{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:12px;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.8px}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:1.5px solid var(--border-gray);border-radius:var(--radius-md);font-size:14px;color:var(--text-dark);background:var(--white);transition:all .2s;font-family:inherit;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b2914}.form-group small{font-size:12px;color:var(--text-gray);font-style:italic;margin-top:4px}.course-hint{color:var(--primary-dark)!important;font-weight:500;font-style:normal!important}.radio-group{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.radio-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;border:2px solid var(--border-gray);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:center;position:relative;background:var(--white)}.radio-card:hover{border-color:var(--primary-dark)}.radio-card.active{border-color:var(--primary-dark);background:#000b2908}.radio-card input{position:absolute;opacity:0}.radio-icon{font-size:32px}.radio-label{font-weight:700;color:var(--text-dark);font-size:16px}.color-picker{display:flex;gap:12px;flex-wrap:wrap;padding:4px}.color-option{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s}.color-option.active{border-color:var(--text-dark);transform:scale(1.15);box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--primary-dark)}.color-option:hover{transform:scale(1.15)}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600!important;text-transform:none!important;font-size:14px!important;color:var(--text-dark)!important}.checkbox-label input{width:20px;height:20px;accent-color:var(--primary-dark);cursor:pointer}.week-schedule-section{padding:32px}.weeks-container{display:flex;flex-direction:column;gap:16px}.week-box{background:var(--white);border:2px solid var(--border-gray);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.week-box.open{border-color:var(--primary-dark);box-shadow:var(--shadow-md)}.week-header-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.week-box.open .week-header-bar{border-bottom-color:var(--border-gray);background:linear-gradient(135deg,#e9ecef,#dee2e6)}.week-header-bar:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.week-header-main{display:flex;align-items:center;gap:20px}.week-number-box{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:var(--primary-dark)}.week-number-box svg{width:48px;height:48px;background:var(--primary-dark);color:#fff;padding:12px;border-radius:12px}.week-stats{display:flex;flex-direction:column;gap:4px}.configured-count{font-size:14px;color:var(--text-gray);font-weight:500}.week-header-actions{display:flex;align-items:center;gap:16px}.days-count-badge{background:var(--primary-dark);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700}.expand-icon{font-size:20px;color:var(--text-gray);transition:transform .3s}.week-content{padding:24px;background:var(--white);animation:expandWeek .3s ease}@keyframes expandWeek{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.days-table{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-gray)}.table-header{display:grid;grid-template-columns:80px 140px 120px 120px 130px 1fr 60px;gap:12px;padding:16px 20px;background:var(--light-gray);border-bottom:2px solid var(--border-gray);font-size:11px;font-weight:800;color:var(--text-gray);text-transform:uppercase;letter-spacing:.8px;min-width:900px}.th-status{text-align:center}.th-day,.th-time,.th-duration,.th-type,.th-topic{text-align:left}.th-delete{text-align:center}.table-body{display:flex;flex-direction:column;min-width:900px}.table-row{display:grid;grid-template-columns:80px 140px 120px 120px 130px 1fr 60px;gap:12px;align-items:center;padding:16px 20px;background:var(--white);border-bottom:1px solid var(--border-gray);transition:all .2s;min-height:70px}.table-row:hover{background:#f8f9fa}.table-row.disabled{background:#f1f3f4;opacity:.7}.table-row.disabled input,.table-row.disabled select{background:#e8eaed;cursor:not-allowed}.td-status{display:flex;justify-content:center;align-items:center}.status-toggle{background:none;border:none;font-size:32px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#ccc;transition:all .2s}.td-day,.td-time,.td-duration,.td-type{display:flex;align-items:center}.td-topic{display:flex;align-items:center;min-width:200px}.td-delete{display:flex;justify-content:center;align-items:center}.table-row select,.table-row input{width:100%;padding:12px 14px;border:1.5px solid var(--border-gray);border-radius:var(--radius-sm);font-size:14px;color:var(--text-dark);background:var(--white);height:44px}.table-row select:focus,.table-row input:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b2914}.td-topic input{font-weight:500;min-width:180px}.td-type select.live{color:#dc3545;font-weight:600}.td-type select.recorded{color:#28a745;font-weight:600}.btn-delete{width:40px;height:40px;border-radius:8px;border:2px solid var(--danger);background:var(--white);color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.btn-delete:hover{background:var(--danger);color:var(--white);transform:scale(1.05)}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid var(--border-gray);flex-wrap:wrap}.btn-cancel{padding:14px 32px;background:var(--white);color:var(--text-dark);border:2px solid var(--border-gray);border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-cancel:hover{border-color:var(--primary-dark);color:var(--primary-dark);background:#f8f9fa}.btn-submit{padding:14px 32px;background:var(--primary-dark);color:var(--white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-submit:hover:not(:disabled){background:var(--primary-red);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-preview{display:flex;align-items:center;gap:10px;padding:14px 32px;background:var(--info);color:var(--white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-preview:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.preview-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.preview-stat{background:var(--white);padding:28px;border-radius:var(--radius-lg);text-align:center;border:2px solid var(--border-gray);border-top:4px solid var(--primary-dark);box-shadow:var(--shadow-sm)}.preview-stat .stat-value{font-size:42px;font-weight:800;color:var(--primary-dark);display:block;line-height:1;margin-bottom:8px}.preview-stat .stat-label{font-size:13px;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;font-weight:700}.preview-weeks-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:32px}.preview-week-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-gray);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s}.preview-week-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.preview-week-card .week-header{background:var(--primary-dark);color:var(--white);padding:20px 24px;display:flex;align-items:center;gap:12px}.preview-week-card .week-header h4{margin:0;flex:1;font-size:18px;font-weight:700}.week-range{font-size:12px;opacity:.9;background:#fff3;padding:6px 12px;border-radius:20px;font-weight:600}.preview-week-card .week-sessions{padding:20px;display:flex;flex-direction:column;gap:12px}.preview-session-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--off-white);border-radius:var(--radius-md);border-left:4px solid var(--primary-red);transition:all .2s}.preview-session-item:hover{background:#e9ecef;transform:translate(4px)}.session-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;background:var(--white);border-radius:var(--radius-md);border:2px solid var(--border-gray);flex-shrink:0}.day-name{font-size:11px;font-weight:800;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.day-date{font-size:24px;font-weight:800;color:var(--primary-dark);line-height:1}.preview-session-item .session-info{flex:1}.preview-session-item .session-info h5{margin:0 0 8px;font-size:15px;color:var(--text-dark);font-weight:700}.preview-session-item .session-time{font-size:13px;color:var(--text-gray);display:flex;align-items:center;gap:8px;font-weight:500}.header-actions{display:flex;gap:12px}@media(max-width:1200px){.table-header,.table-row{grid-template-columns:70px 120px 110px 110px 120px 1fr 50px;gap:10px;padding:14px 16px}.table-row select,.table-row input{padding:10px 12px;font-size:13px}}@media(max-width:992px){.form-container{padding:16px}.form-header{margin:-16px -16px 24px;padding:20px 24px}.form-header h2{font-size:22px}.section-header-with-action{flex-direction:column;gap:16px}.section-actions{width:100%}.btn-copy-pattern,.btn-icon-text{flex:1;justify-content:center}.week-schedule-section{padding:20px}.days-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-header,.table-body{min-width:850px}.week-header-bar{padding:16px 20px}.week-number-box{font-size:18px}.week-number-box svg{width:40px;height:40px;padding:10px}}@media(max-width:768px){.mode-toggle{flex-direction:column;max-width:100%}.form-grid,.form-grid.three-col{grid-template-columns:1fr}.week-header-bar{flex-wrap:wrap;gap:12px}.week-header-actions{width:100%;justify-content:space-between}.preview-weeks-container{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit,.btn-preview{width:100%;justify-content:center}}@media(max-width:480px){.form-header h2{font-size:18px}.week-number-box svg{width:36px;height:36px;padding:8px}.configured-count{font-size:12px}.days-count-badge{padding:6px 12px;font-size:12px}}.table-row.existing{border-left:3px solid #10b981}.table-row.existing:before{content:"✓";position:absolute;left:-20px;color:#10b981;font-size:12px}.time-input-wrapper{display:flex;gap:8px;align-items:center}.time-input-wrapper select,.time-input-wrapper input{flex:1}.custom-time-input{padding:12px 14px;border:1.5px solid var(--border-gray);border-radius:var(--radius-sm);font-size:14px;color:var(--text-dark);background:var(--white);width:100%}.custom-time-input:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b2914}.btn-toggle-time{padding:12px 16px;background:var(--primary-dark);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-toggle-time:hover{background:var(--primary-red)}.time-hint,.zoom-hint{font-size:12px;color:var(--text-gray);margin-top:4px;font-style:italic}.zoom-hint{color:var(--primary-red);font-weight:500}.table-row .time-input{padding:10px 12px;font-size:14px;text-align:center;font-family:monospace}.table-row.existing{border-left:3px solid #10b981;background:#f0fdf4}.table-row.new{border-left:3px solid #3b82f6}.disabled-input{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed;border-color:#d1d5db!important}.status-toggle{background:none;border:none;font-size:28px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#ccc;transition:all .2s}.status-toggle.active{color:var(--success)}.status-toggle:hover{transform:scale(1.1)}@media(max-width:768px){.time-input-wrapper{flex-direction:column}.btn-toggle-time{width:100%}.table-row .td-time input{min-width:80px}}.time-select{font-family:Courier New,monospace;font-size:14px}.time-select option{padding:4px}.td-date input[type=date]{padding:10px;border:1.5px solid var(--border-gray);border-radius:var(--radius-sm);font-size:13px;width:100%}.td-date input[type=date].required-field{border-color:var(--danger);background:#fff5f5}.td-time{position:relative}.error-tooltip{position:absolute;bottom:100%;left:0;background:var(--danger);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:10;margin-bottom:4px;display:flex;align-items:center;gap:6px}.error-tooltip:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:var(--danger)}.table-row.has-error{border-left:3px solid var(--danger);background:#fff5f5}.conflict-warning{display:flex;align-items:center;gap:10px;background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px}.conflict-warning svg{color:#ffc107;font-size:18px}.btn-delete-week{width:36px;height:36px;border-radius:8px;border:2px solid var(--danger);background:#fff;color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:8px}.btn-delete-week:hover{background:var(--danger);color:#fff}.table-header,.table-row{grid-template-columns:80px 120px 140px 100px 100px 100px 1fr 60px}.th-date,.td-date{text-align:left}@media(max-width:1200px){.table-header,.table-row{grid-template-columns:70px 100px 120px 90px 90px 90px 1fr 50px;gap:8px}}@media(max-width:992px){.days-table{overflow-x:auto}.table-header,.table-body{min-width:1000px}}.autosave-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background:#f0f9ff;border-bottom:1px solid #bae6fd;margin:-24px -24px 16px}.autosave-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#0369a1}.btn-clear-draft{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #7dd3fc;border-radius:6px;font-size:12px;color:#0284c7;cursor:pointer;transition:all .2s}.btn-clear-draft:hover{background:#f0f9ff;border-color:#0ea5e9}.custom-time-wrapper{position:relative;width:100%}.custom-time-wrapper input[type=time]{width:100%;padding:10px 12px;border:1.5px solid var(--border-gray);border-radius:var(--radius-sm);font-size:14px;color:var(--text-dark);background:var(--white);font-family:Courier New,monospace;cursor:pointer}.custom-time-wrapper input[type=time]:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 3px #000b2914}.btn-add-week{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-add-week:hover{background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-md)}.table-row.existing{border-left:4px solid #10b981;background:#f0fdf4}.table-row.new{border-left:4px solid #3b82f6;background:#eff6ff}.table-row.has-error{border-left:4px solid #dc2626;background:#fef2f2}.error-tooltip{position:absolute;bottom:100%;left:0;background:#dc2626;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;margin-bottom:4px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 6px #0000001a}.error-tooltip:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:#dc2626}.magic-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f0f9ff;color:#0369a1;border-radius:4px;font-size:11px;font-weight:600}.btn-add-day{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;margin-top:20px;background:var(--white);border:2px dashed var(--primary-dark);border-radius:var(--radius-md);color:var(--primary-dark);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.btn-add-day:hover{background:var(--primary-dark);color:var(--white);border-style:solid;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-delete-week{width:36px;height:36px;border-radius:8px;border:2px solid #dc2626;background:#fff;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:8px}.btn-delete-week:hover{background:#dc2626;color:#fff}.btn-action.zoom-create{background:#f3f4f6!important;color:#6b7280!important;border:1px dashed #9ca3af}.btn-action.zoom-create:hover{background:#2d8cff!important;color:#fff!important;border-style:solid}.zoom-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.zoom-modal-container{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.zoom-modal-header{background:#000b29;color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.zoom-header-left{display:flex;align-items:center;gap:16px}.zoom-icon{width:48px;height:48px;background:#2d8cff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.zoom-title-group h3{margin:0;font-size:20px;font-weight:700}.zoom-subtitle{font-size:13px;opacity:.8;color:#a0aec0}.zoom-close-btn{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoom-close-btn:hover{background:#fff3;transform:rotate(90deg)}.zoom-tabs{display:flex;border-bottom:2px solid #e5e7eb;background:#f9fafb}.zoom-tab{flex:1;padding:16px;border:none;background:transparent;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;position:relative}.zoom-tab:hover{color:#000b29;background:#f3f4f6}.zoom-tab.active{color:#000b29;background:#fff}.zoom-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#e30613}.zoom-modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px}.zoom-info-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.zoom-info-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.info-icon{font-size:24px;color:#000b29;margin-top:4px}.zoom-info-text h4{margin:0 0 4px;font-size:18px;color:#1e293b}.zoom-info-text p{margin:0;font-size:14px;color:#64748b}.zoom-time-badges{display:flex;gap:12px;flex-wrap:wrap}.time-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.time-badge.primary{background:#000b29;color:#fff}.time-badge.secondary{background:#e2e8f0;color:#475569}.zoom-empty-state{text-align:center;padding:48px 24px}.empty-icon{width:80px;height:80px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;color:#94a3b8}.zoom-empty-state h4{margin:0 0 8px;font-size:20px;color:#1e293b}.zoom-empty-state p{color:#64748b;font-size:14px;max-width:300px;margin:0 auto 24px}.btn-create-zoom{width:100%;padding:16px 24px;background:#2d8cff;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;box-shadow:0 4px 6px -1px #2d8cff33}.btn-create-zoom:hover:not(:disabled){background:#1a73e8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2d8cff4d}.btn-create-zoom:disabled{opacity:.6;cursor:not-allowed}.zoom-meeting-active{display:flex;flex-direction:column;gap:20px}.zoom-status-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-weight:700;font-size:14px}.status-indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.zoom-links-section{display:flex;flex-direction:column;gap:16px}.zoom-link-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.zoom-link-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.zoom-link-card.host{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.link-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.link-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.link-icon.student{background:#dbeafe;color:#2563eb}.link-icon.password{background:#fce7f3;color:#db2777}.link-icon.host{background:#f59e0b;color:#fff}.link-info{flex:1}.link-info label{display:block;font-weight:700;font-size:14px;color:#1e293b;margin-bottom:2px}.link-info small{font-size:12px;color:#64748b}.link-input-group{display:flex;gap:8px}.link-input-group input{flex:1;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;color:#374151}.link-input-group input:read-only{background:#f3f4f6}.btn-copy,.btn-open{padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-copy{background:#000b29;color:#fff}.btn-copy:hover{background:#e30613}.btn-open{background:#10b981;color:#fff}.btn-open:hover{background:#059669}.btn-start-host{padding:12px 20px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-start-host:hover{background:#d97706;transform:translateY(-1px)}.link-hint{display:block;margin-top:8px;font-size:12px;color:#64748b;font-style:italic}.zoom-action-buttons{display:flex;gap:12px;margin-top:8px}.btn-action{flex:1;padding:16px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.btn-action.start{background:#10b981;color:#fff;box-shadow:0 4px 6px -1px #10b98133}.btn-action.start:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.btn-action.rejoin{background:#3b82f6;color:#fff}.btn-action.rejoin:hover{background:#2563eb;transform:translateY(-2px)}.btn-action.end{background:#ef4444;color:#fff}.btn-action.end:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn-action:disabled{opacity:.6;cursor:not-allowed}.meeting-ended-message{width:100%;padding:20px;background:#f3f4f6;border-radius:12px;text-align:center;color:#6b7280;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.meeting-ended-message svg{color:#10b981;font-size:20px}.zoom-participants-content{padding:8px}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.participants-header h4{margin:0;font-size:16px;color:#1e293b;display:flex;align-items:center;gap:10px}.participant-count{background:#000b29;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}.no-participants{text-align:center;padding:48px 24px}.no-participants .empty-icon{width:64px;height:64px;font-size:28px;margin-bottom:16px}.no-participants h4{margin:0 0 8px;color:#374151}.no-participants p{margin:0;color:#6b7280;font-size:14px}.participants-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.participant-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.participant-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.participant-info{flex:1;display:flex;flex-direction:column;gap:4px}.participant-name{font-weight:700;color:#1e293b;font-size:15px}.join-time{font-size:13px;color:#6b7280}.participant-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.participant-status.online{background:#d1fae5;color:#059669}.participant-status.offline{background:#f3f4f6;color:#6b7280}@media(max-width:640px){.zoom-modal-container{max-width:100%;max-height:100vh;border-radius:0}.zoom-modal-header{padding:16px 20px}.zoom-icon{width:40px;height:40px;font-size:20px}.zoom-title-group h3{font-size:18px}.zoom-modal-body{padding:16px}.zoom-action-buttons{flex-direction:column}.link-input-group{flex-wrap:wrap}.link-input-group input{width:100%;order:-1}}:root{--primary: #000B29;--accent: #E30613;--gray: #6c757d;--light: #f8f9fa;--border: #e0e0e0;--blue: #1976d2;--orange: #f57c00;--green: #10b981;--purple: #7b1fa2;--red: #c62828}.schedule-manager{min-height:100vh;background:#f5f5f5;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.manager-header{background:#fff;padding:20px 24px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.manager-header h1{font-size:22px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--primary);margin:0}.manager-header h1 svg{color:var(--accent)}.manager-header p{color:var(--gray);font-size:13px;margin:4px 0 0}.header-actions{display:flex;gap:10px}.btn-refresh,.btn-create{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-refresh{background:var(--light);color:var(--gray);border:1px solid var(--border)}.btn-refresh:hover,.btn-create{background:var(--primary);color:#fff}.btn-create:hover{background:var(--accent)}.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;padding:16px 20px;border:1px solid var(--border);display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.stat-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.total-icon{background:#e3f2fd;color:var(--blue)!important}.upcoming-icon{background:#fff3e0;color:var(--orange)!important}.live-icon{background:#ffebee;color:var(--red)!important}.recorded-icon{background:#f3e5f5;color:var(--purple)!important}.stat-info{flex:1}.stat-value{font-size:24px;font-weight:700;color:var(--primary);line-height:1}.stat-label{font-size:12px;color:var(--gray);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.filters-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;background:#fff;padding:12px 16px;border-radius:8px;border:1px solid var(--border)}.search-box,.filter-select{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:#fff}.search-box{flex:1;min-width:200px}.search-box svg,.filter-select svg{color:var(--gray);font-size:14px}.search-box input,.filter-select select{border:none;outline:none;font-size:13px;width:100%;background:transparent}.btn-expand-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--light);border:1px solid var(--border);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-expand-toggle:hover{background:var(--primary);color:#fff}.courses-accordion{display:flex;flex-direction:column;gap:12px}.course-card{background:#fff;border-radius:8px;border:1px solid var(--border);overflow:hidden}.course-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fafafa;cursor:pointer;transition:background .2s}.course-header:hover{background:#f0f0f0}.course-header-main{display:flex;align-items:center;gap:14px}.course-icon{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.course-info h3{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--primary)}.course-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500}.meta-badge.weeks{background:var(--primary);color:#fff}.meta-badge.classes{background:#e3f2fd;color:var(--blue)}.meta-badge.sessions{background:var(--primary);color:#fff}.meta-badge.live{background:#ffebee;color:var(--red)}.meta-badge.upcoming{background:#e3f2fd;color:var(--blue)}.course-header-actions{display:flex;align-items:center;gap:8px}.btn-download{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffebee;color:var(--red);border:1px solid var(--red);border-radius:6px;font-size:12px;cursor:pointer;font-weight:500;transition:all .2s}.btn-download:hover{background:var(--red);color:#fff}.btn-delete-all{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;color:var(--red);border:1px solid var(--red);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-delete-all:hover{background:var(--red);color:#fff}.expand-icon{color:var(--gray);font-size:16px}.course-content{padding:16px;background:#f9f9f9}.week-card{background:#fff;border-radius:6px;border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.week-card:last-child{margin-bottom:0}.week-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;cursor:pointer;transition:background .2s}.week-header:hover{background:#f5f5f5}.week-info{display:flex;align-items:center;gap:12px}.week-icon{color:var(--blue);font-size:18px}.week-title{font-weight:600;color:var(--primary);font-size:14px}.week-count{font-size:12px;color:var(--gray);background:#f0f0f0;padding:2px 8px;border-radius:10px}.week-toggle{color:var(--gray);font-size:14px}.week-content{padding:0 16px 16px}.classes-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.table-header{display:grid;grid-template-columns:70px 2fr 100px 70px 90px 200px;gap:12px;padding:10px 14px;background:#f5f5f5;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.5px}.th-day,.th-type,.th-status,.th-actions{text-align:center}.class-row{display:grid;grid-template-columns:70px 2fr 100px 70px 90px 200px;gap:12px;padding:12px 14px;border-bottom:1px solid #f0f0f0;align-items:center;transition:background .2s}.class-row:hover{background:#fafafa}.class-row:last-child{border-bottom:none}.td-day{display:flex;flex-direction:column;align-items:center;gap:4px}.day-badge{background:var(--primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.session-num{font-size:10px;color:var(--gray)}.td-topic h4{font-size:14px;font-weight:600;margin:0 0 3px;color:var(--primary)}.topic-desc{font-size:12px;color:var(--gray);margin:0}.td-time{display:flex;flex-direction:column;gap:4px}.time-text{font-size:13px;color:#333;font-weight:500}.duration-badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;width:fit-content}.type-pill,.status-pill{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;text-align:center}.type-pill.live{background:#ffebee;color:var(--red)}.type-pill.recorded{background:#e8f5e9;color:#2e7d32}.status-pill.upcoming{background:#e3f2fd;color:var(--blue)}.status-pill.ongoing{background:#fff3e0;color:#ef6c00}.status-pill.completed{background:#e8f5e9;color:#2e7d32}.td-actions{display:flex;justify-content:center;gap:6px}.btn-action{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-action.view{background:#e3f2fd;color:#1565c0}.btn-action.view:hover{background:#1565c0;color:#fff}.btn-action.edit{background:#fff3e0;color:#ef6c00}.btn-action.edit:hover{background:#ef6c00;color:#fff}.btn-action.delete{background:#ffebee;color:var(--red)}.btn-action.delete:hover{background:var(--red);color:#fff}.loading-cell,.empty-state{text-align:center;padding:40px;color:var(--gray);background:#fff;border-radius:8px;border:1px solid var(--border)}.empty-state h3{margin:12px 0 8px;color:var(--primary);font-size:18px}.spin{animation:spin 1s linear infinite}.detail-view{max-width:800px;margin:0 auto}.btn-back{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-back:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.detail-card{background:#fff;border-radius:12px;padding:32px;border:1px solid var(--border);box-shadow:0 4px 20px #00000014}.detail-header-improved{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f0f0f0}.detail-badge{display:inline-block;background:var(--primary);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.detail-header-improved h2{font-size:28px;font-weight:700;color:var(--primary);margin:0 0 8px}.course-name{color:var(--gray);font-size:16px;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.detail-item{display:flex;align-items:center;gap:16px;padding:20px;background:#fafafa;border-radius:10px;border:1px solid #f0f0f0;transition:all .2s}.detail-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detail-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#e3f2fd;color:var(--blue);flex-shrink:0}.detail-content{flex:1}.detail-content label{display:block;font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:500}.detail-content span{font-size:16px;font-weight:600;color:var(--primary)}.detail-content span.live{color:var(--red)}.detail-content span.upcoming{color:var(--blue)}.detail-content span.completed{color:#2e7d32}.detail-section-improved{margin-top:28px;padding-top:28px;border-top:1px solid #f0f0f0}.detail-section-improved h4{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--primary);margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-section-improved h4 svg{color:var(--gray)}.detail-section-improved a{color:var(--blue);text-decoration:none;font-size:15px;word-break:break-all;display:inline-block;padding:12px 16px;background:#e3f2fd;border-radius:8px;margin-bottom:8px;transition:all .2s}.detail-section-improved a:hover{background:var(--blue);color:#fff}.detail-section-improved small{display:block;color:var(--gray);font-size:13px}.detail-section-improved p{color:#444;font-size:15px;line-height:1.7;margin:0}.detail-section-improved h3{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--primary);margin:0 0 20px;font-weight:600}.students-grid-improved{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.student-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fafafa;border-radius:10px;border:1px solid #f0f0f0;transition:all .2s}.student-card:hover{border-color:var(--primary);transform:translate(4px)}.student-avatar-improved{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.student-card span{font-size:14px;color:#333;font-weight:500}.no-students{color:var(--gray);font-style:italic;text-align:center;padding:20px;background:#fafafa;border-radius:8px}@media(max-width:1024px){.table-header,.class-row{grid-template-columns:60px 1.5fr 90px 60px 80px 180px}}@media(max-width:768px){.schedule-manager{padding:12px}.stats-dashboard{grid-template-columns:repeat(2,1fr)}.table-header{display:none}.class-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.td-actions{width:100%;justify-content:flex-start;padding-top:10px;border-top:1px solid #f0f0f0}.btn-action{flex:1;justify-content:center}.detail-grid{grid-template-columns:1fr}.detail-card{padding:20px}.students-grid-improved{grid-template-columns:1fr}}@media(max-width:480px){.stats-dashboard{grid-template-columns:1fr}.manager-header h1{font-size:18px}.course-header{flex-direction:column;align-items:flex-start;gap:12px}.course-header-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.week-header{flex-direction:column;align-items:flex-start;gap:8px}.detail-header-improved h2{font-size:22px}}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.btn-action.zoom{background:#2d8cff!important;color:#fff!important;border:none}.btn-action.zoom:hover{background:#1a73e8!important;transform:translateY(-2px);box-shadow:0 4px 12px #2d8cff4d}.td-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.btn-action{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}@media(max-width:1200px){.td-actions{flex-direction:column;gap:4px}.btn-action{width:100%;justify-content:center;padding:8px}}.sub-tab-nav{display:flex;gap:8px;padding:16px 24px;background:#f8f9fa;border-bottom:2px solid #e0e0e0;overflow-x:auto;flex-wrap:wrap}.sub-tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:#fff;color:#666;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;white-space:nowrap}.sub-tab-btn:hover{background:#000b29;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #000b2933}.sub-tab-btn.active{background:#000b29;color:#fff;box-shadow:0 4px 12px #000b294d}.sub-tab-btn svg{font-size:16px}.sub-tab-content{padding:24px;min-height:500px}@media(max-width:768px){.sub-tab-nav{padding:12px;gap:6px}.sub-tab-btn{padding:10px 14px;font-size:13px}}.btn-action.zoom{background:#2d8cff!important;color:#fff!important;border:none;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-right:4px;transition:all .2s ease}.btn-action.zoom:hover{background:#1a73e8!important;transform:translateY(-1px);box-shadow:0 2px 8px #2d8cff66}.btn-action.zoom svg{font-size:10px}.week-actions{display:flex;align-items:center;gap:12px}.btn-edit-week{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit-week:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-edit-week svg{font-size:14px}@media(max-width:768px){.btn-edit-week{padding:6px 12px;font-size:12px}}.il-container{max-width:1400px;margin:0 auto;padding:24px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f8fafc;min-height:100vh}.il-header{background:linear-gradient(135deg,#000b29,#001a4d);color:#fff;padding:32px;border-radius:16px;margin-bottom:24px;box-shadow:0 10px 40px #000b2933}.il-header h2{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.5px}.il-header p{margin:0;opacity:.85;font-size:15px;font-weight:400}.il-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.il-stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px #000b290f;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.il-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #000b291a}.il-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.il-stat-icon.links{background:linear-gradient(135deg,#e30613,#ff4757);color:#fff}.il-stat-icon.courses{background:linear-gradient(135deg,#000b29,#1e3a8a);color:#fff}.il-stat-icon.study{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.il-stat-info h3{margin:0;font-size:28px;font-weight:700;color:#000b29}.il-stat-info p{margin:4px 0 0;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.il-form-section{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 2px 12px #000b290f;border:1px solid #e2e8f0}.il-form-title{font-size:18px;font-weight:700;color:#000b29;margin-bottom:24px;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.il-form{display:flex;flex-direction:column;gap:20px}.il-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.il-form-group{display:flex;flex-direction:column}.il-form-group.full-width{grid-column:1 / -1}.il-form-group label{font-size:13px;font-weight:600;color:#000b29;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.il-form-group input,.il-form-group select,.il-form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s ease;background:#f8fafc;color:#000b29;font-family:inherit}.il-form-group input:focus,.il-form-group select:focus,.il-form-group textarea:focus{outline:none;border-color:#e30613;background:#fff;box-shadow:0 0 0 3px #e306131a}.il-form-group textarea{resize:vertical;min-height:100px}.il-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid #f1f5f9}.il-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.il-btn-primary{background:linear-gradient(135deg,#e30613,#c00510);color:#fff;box-shadow:0 4px 14px #e306134d}.il-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e3061366}.il-btn-secondary{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.il-btn-secondary:hover{background:#e2e8f0;color:#000b29}.il-table-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #000b290f;border:1px solid #e2e8f0}.il-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.il-table-title{font-size:18px;font-weight:700;color:#000b29;margin:0}.il-search-box{position:relative;min-width:280px}.il-search-box input{padding:10px 16px 10px 40px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;width:100%;transition:all .2s;background:#f8fafc}.il-search-box:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5}.il-search-box input:focus{outline:none;border-color:#e30613;background:#fff}.il-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.il-table{width:100%;border-collapse:collapse;font-size:14px}.il-table th{background:#000b29;padding:16px;text-align:left;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.il-table th:first-child{border-radius:12px 0 0}.il-table th:last-child{border-radius:0 12px 0 0}.il-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:top}.il-table tr:hover{background:#f8fafc}.il-table tr:last-child td:first-child{border-radius:0 0 0 12px}.il-table tr:last-child td:last-child{border-radius:0 0 12px}.il-link-cell{display:flex;flex-direction:column;gap:4px;max-width:300px}.il-link-title{font-weight:600;color:#000b29;text-decoration:none;font-size:14px;line-height:1.4}.il-link-title:hover{color:#e30613;text-decoration:underline}.il-link-url{font-size:12px;color:#64748b;word-break:break-all;font-family:monospace}.il-link-desc{font-size:12px;color:#94a3b8;margin-top:4px;line-height:1.4}.il-course-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#000b29,#1e3a8a);color:#fff;white-space:nowrap}.il-category-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.il-category-study-material{background:#dbeafe;color:#1e40af}.il-category-reference{background:#f3e8ff;color:#7c3aed}.il-category-tool{background:#d1fae5;color:#059669}.il-category-other{background:#f1f5f9;color:#475569}.il-date{font-size:12px;color:#64748b;white-space:nowrap}.il-actions{display:flex;gap:8px}.il-btn-icon{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px;background:transparent}.il-btn-edit{background:#eff6ff;color:#2563eb}.il-btn-edit:hover{background:#2563eb;color:#fff;transform:scale(1.05)}.il-btn-delete{background:#fef2f2;color:#dc2626}.il-btn-delete:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.il-empty-state{text-align:center;padding:60px 20px;color:#64748b}.il-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.il-empty-state h3{margin:0 0 8px;color:#000b29;font-size:18px;font-weight:600}.il-empty-state p{margin:0;font-size:14px}.il-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#64748b;gap:16px}.il-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#e30613;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.il-container{padding:16px}.il-header{padding:24px}.il-header h2{font-size:22px}.il-form-row{grid-template-columns:1fr}.il-table-header{flex-direction:column;align-items:stretch}.il-search-box{min-width:100%}.il-table th,.il-table td{padding:12px 8px;font-size:12px}.il-link-cell{max-width:150px}.il-form-actions{flex-direction:column}.il-btn{justify-content:center}}.il-error-text{color:#e30613;font-size:12px;margin-top:6px;display:block}.il-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.il-error-text{color:#e30613;font-size:12px;margin-top:6px;display:block;font-weight:500}.il-success-text{color:#10b981;font-size:12px;margin-top:6px;display:block;font-weight:500}.il-select-empty{border-color:#e30613!important;background-color:#fef2f2!important}.il-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.nboard-container{--primary: #000B29;--accent: #E30613;--bg: #f1f5f9;--card: #ffffff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;max-width:1200px;margin:0 auto;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);min-height:100vh}.nboard-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.nboard-toast{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 10px 40px #0003;animation:slideIn .3s ease}.nboard-toast.success{background:#10b981}.nboard-toast.error{background:#ef4444}.nboard-toast.info{background:#3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.nboard-header{background:var(--primary);color:#fff;padding:24px 32px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.nboard-header-content{display:flex;align-items:center;gap:16px}.nboard-header-icon{width:48px;height:48px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center}.nboard-header h1{font-size:24px;font-weight:700;margin:0}.nboard-header p{margin:4px 0 0;opacity:.7;font-size:13px}.nboard-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.nboard-btn-primary:hover{background:#b80510;transform:translateY(-1px)}.nboard-stats-bar{display:flex;gap:16px;margin-bottom:24px}.nboard-stat-item{background:var(--card);padding:16px 24px;border-radius:10px;display:flex;flex-direction:column;align-items:center;min-width:80px;box-shadow:0 1px 3px #0000001a}.nboard-stat-number{font-size:24px;font-weight:700;color:var(--primary)}.nboard-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-top:4px}.nboard-stat-item.urgent .nboard-stat-number{color:#e30613}.nboard-stat-item.event .nboard-stat-number{color:#3b82f6}.nboard-stat-item.news .nboard-stat-number{color:#8b5cf6}.nboard-form-card{background:var(--card);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000014}.nboard-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nboard-form-header h3{font-size:18px;font-weight:600;color:var(--primary);margin:0}.nboard-icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:6px}.nboard-icon-btn:hover{background:var(--bg);color:var(--accent)}.nboard-form{display:flex;flex-direction:column;gap:16px}.nboard-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.nboard-form-group{display:flex;flex-direction:column}.nboard-form-group.full-width{grid-column:1 / -1}.nboard-form-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.nboard-form-group input,.nboard-form-group select,.nboard-form-group textarea{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);transition:all .2s}.nboard-form-group input:focus,.nboard-form-group select:focus,.nboard-form-group textarea:focus{outline:none;border-color:var(--primary);background:#fff}.nboard-form-group textarea{resize:vertical;min-height:100px}.nboard-type-selector{display:flex;gap:8px;flex-wrap:wrap}.nboard-type-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.nboard-type-btn:hover{opacity:.8}.nboard-priority-slider{-webkit-appearance:none;height:6px;border-radius:3px;background:var(--border);outline:none}.nboard-priority-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer}.nboard-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.nboard-btn-submit,.nboard-btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.nboard-btn-submit{background:var(--primary);color:#fff;border:none}.nboard-btn-submit:hover{background:var(--accent)}.nboard-btn-secondary{background:#fff;color:var(--muted);border:1px solid var(--border)}.nboard-btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.nboard-course-list{display:flex;flex-direction:column;gap:12px}.nboard-course-section{background:var(--card);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.nboard-course-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;cursor:pointer;transition:background .2s}.nboard-course-header:hover{background:var(--bg)}.nboard-course-info{display:flex;align-items:center;gap:12px}.nboard-course-icon{font-size:20px}.nboard-course-name{font-weight:600;color:var(--text)}.nboard-course-count{background:var(--primary);color:#fff;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.nboard-notice-list{padding:0 20px 20px}.nboard-empty-text{text-align:center;color:var(--muted);padding:20px;font-style:italic}.nboard-notice-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--bg);border-radius:8px;margin-bottom:12px;transition:all .2s}.nboard-notice-item:hover{box-shadow:0 2px 8px #0000001a}.nboard-notice-main{flex:1;display:flex;gap:12px}.nboard-notice-type{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.nboard-notice-content h4{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px}.nboard-notice-content p{font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nboard-notice-meta{display:flex;gap:16px;font-size:12px;color:var(--muted)}.nboard-notice-meta span{display:flex;align-items:center;gap:4px}.nboard-notice-meta .expiry{color:#e30613}.nboard-notice-meta .priority{background:var(--accent);color:#fff;padding:2px 8px;border-radius:4px;font-weight:600}.nboard-notice-actions{display:flex;gap:8px}.nboard-action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nboard-action-btn.edit{background:#e0f2fe;color:#0369a1}.nboard-action-btn.edit:hover{background:#0369a1;color:#fff}.nboard-action-btn.delete{background:#fee2e2;color:#991b1b}.nboard-action-btn.delete:hover{background:#991b1b;color:#fff}.nboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:var(--muted)}.nboard-spinner{animation:spin 1s linear infinite}@media(max-width:768px){.nboard-form-row{grid-template-columns:1fr}.nboard-stats-bar{flex-wrap:wrap}.nboard-notice-item{flex-direction:column}}.ji-container{max-width:1200px;margin:0 auto;padding:24px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#fff;min-height:100vh}.ji-header{background:#000b29;color:#fff;padding:32px;border-radius:16px;margin-bottom:32px;box-shadow:0 4px 20px #000b2926}.ji-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff}.ji-header p{margin:0;opacity:.8;font-size:14px;color:#e2e8f0}.ji-form-section{background:#fff;border-radius:16px;padding:28px;margin-bottom:32px;box-shadow:0 2px 12px #000b2914;border:1px solid #e2e8f0}.ji-form-title{font-size:20px;font-weight:700;color:#000b29;margin-bottom:24px;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.ji-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ji-form-group{display:flex;flex-direction:column}.ji-form-group.full-width{grid-column:1 / -1}.ji-form-group label{font-size:13px;font-weight:600;color:#000b29;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ji-form-group input,.ji-form-group select,.ji-form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .3s ease;background:#f8fafc;color:#000b29}.ji-form-group input:focus,.ji-form-group select:focus,.ji-form-group textarea:focus{outline:none;border-color:#e30613;background:#fff;box-shadow:0 0 0 3px #e306131a}.ji-form-group textarea{resize:vertical;min-height:100px}.ji-form-group select[multiple]{min-height:120px}.ji-form-group small{font-size:12px;color:#64748b;margin-top:6px}.ji-form-actions{grid-column:1 / -1;display:flex;gap:12px;margin-top:10px;padding-top:24px;border-top:2px solid #f1f5f9}.ji-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.ji-btn-primary{background:#e30613;color:#fff}.ji-btn-primary:hover{background:#c00510;transform:translateY(-2px);box-shadow:0 8px 20px #e306134d}.ji-btn-secondary{background:#f1f5f9;color:#000b29;border:2px solid #e2e8f0}.ji-btn-secondary:hover{background:#e2e8f0;border-color:#000b29}.ji-type-toggle{display:flex;background:#f8fafc;border-radius:10px;padding:4px;border:2px solid #e2e8f0}.ji-type-option{flex:1;padding:12px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b}.ji-type-option.active{background:#000b29;color:#fff;box-shadow:0 2px 8px #000b2933}.ji-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.ji-stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 12px #000b2914;display:flex;align-items:center;gap:16px;border-left:4px solid #E30613}.ji-stat-icon{width:56px;height:56px;background:#000b29;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.ji-stat-info h3{margin:0;font-size:32px;font-weight:700;color:#000b29}.ji-stat-info p{margin:0;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ji-jobs-section{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #000b2914}.ji-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ji-section-title{font-size:20px;font-weight:700;color:#000b29}.ji-filters{display:flex;gap:10px}.ji-filter-btn{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:25px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b}.ji-filter-btn:hover{border-color:#000b29;color:#000b29}.ji-filter-btn.active{background:#000b29;color:#fff;border-color:#000b29}.ji-jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.ji-job-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden}.ji-job-card:hover{border-color:#e30613;transform:translateY(-4px);box-shadow:0 12px 32px #000b291f}.ji-job-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#e30613}.ji-job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-right:20px}.ji-job-title{font-size:18px;font-weight:700;color:#000b29;margin:0 0 6px}.ji-job-company{font-size:15px;color:#e30613;font-weight:600}.ji-job-type{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ji-job-type.job{background:#dbeafe;color:#1e40af}.ji-job-type.internship{background:#fef3c7;color:#92400e}.ji-job-details{margin-bottom:16px}.ji-job-detail{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;margin-bottom:6px}.ji-job-detail-icon{width:20px;text-align:center}.ji-job-description{font-size:14px;color:#475569;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ji-job-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ji-skill-tag{background:#f1f5f9;color:#000b29;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #e2e8f0}.ji-job-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f5f9}.ji-deadline{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px;font-weight:500}.ji-deadline.urgent{color:#e30613;font-weight:700}.ji-job-actions{display:flex;gap:8px}.ji-btn-icon{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px}.ji-btn-edit{background:#dbeafe;color:#1e40af}.ji-btn-edit:hover{background:#1e40af;color:#fff}.ji-btn-delete{background:#fee2e2;color:#dc2626}.ji-btn-delete:hover{background:#dc2626;color:#fff}.ji-btn-view{background:#000b29;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s ease}.ji-btn-view:hover{background:#e30613;transform:translateY(-1px)}.ji-empty-state{text-align:center;padding:80px 20px;color:#64748b;grid-column:1 / -1}.ji-empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.ji-empty-state h3{color:#000b29;font-size:20px;margin-bottom:8px}.ji-status{position:absolute;top:20px;right:20px;width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.ji-status.expired{background:#94a3b8;box-shadow:none}.ji-loading{text-align:center;padding:60px;color:#64748b;font-size:16px}@media(max-width:768px){.ji-container{padding:16px}.ji-form,.ji-jobs-grid{grid-template-columns:1fr}.ji-section-header{flex-direction:column;align-items:stretch}.ji-filters{overflow-x:auto;padding-bottom:5px}.ji-header h2{font-size:24px}}body.admin-view-active nav,body.admin-view-active footer,body.admin-view-active .ContactSidebar,body.admin-view-active #ContactSidebar{display:none!important}.sm-dashboard-root{display:flex;height:100vh;width:100vw;position:fixed;top:0;left:0;background:#f8fafc;z-index:99999}.sm-sidebar{width:280px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:30px 20px;height:100vh;overflow-y:auto;overflow-x:hidden}.sm-sidebar::-webkit-scrollbar{width:6px}.sm-sidebar::-webkit-scrollbar-track{background:transparent}.sm-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sm-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sm-logo{width:50px;margin-bottom:30px;display:block;flex-shrink:0}.sm-nav-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:visible}.sm-tab-btn{background:transparent!important;border:none!important;color:#64748b!important;padding:12px 16px!important;border-radius:10px!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;width:100%!important;text-align:left!important;transition:all .3s ease!important;flex-shrink:0}.sm-tab-btn:hover,.sm-tab-btn.active{background:#e30613!important;color:#fff!important}.sm-logout{background:transparent;border:1px solid #e30613;color:#e30613;padding:12px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:20px;flex-shrink:0}.sm-logout:hover{background:#e30613;color:#fff}.sm-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sm-top-bar{background:#fff;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;flex-shrink:0}.sm-search-box{background:#f1f5f9;padding:10px 20px;border-radius:10px;display:flex;align-items:center;gap:12px;width:400px}.sm-search-box input{border:none;background:none;outline:none;width:100%;font-size:14px;color:#475569}.sm-admin-tag{display:flex;align-items:center;gap:8px;color:#64748b;font-weight:600;font-size:14px}.sm-page-content{padding:40px;flex:1;overflow-y:auto}.sm-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sm-content-header h2{color:#1e293b;font-size:24px;font-weight:700}.sm-export-btns{display:flex;gap:15px}.btn-excel{background:#10b981;border:none;padding:10px 20px;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .3s ease}.btn-excel:hover{background:#059669;transform:translateY(-2px)}.btn-pdf{background:#6366f1;border:none;padding:10px 20px;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .3s ease}.btn-pdf:hover{background:#4f46e5;transform:translateY(-2px)}.sm-data-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.sm-table{width:100%;border-collapse:collapse}.sm-table th{background:#f8fafc;padding:15px 20px;text-align:left;color:#64748b;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sm-table td{padding:15px 20px;border-bottom:1px solid #f1f5f9;color:#475569}.info-cell{display:flex;flex-direction:column}.info-cell strong{color:#1e293b;font-weight:600;margin-bottom:4px}.info-cell span{font-size:12px;color:#64748b}.badge{background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-course{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.action-btns{display:flex;gap:8px}.btn-approve{background:#f0fdf4;color:#16a34a;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-approve:hover{background:#16a34a;color:#fff}.btn-reject{background:#fef2f2;color:#dc2626;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-reject:hover{background:#dc2626;color:#fff}.status-msg{text-align:center;padding:50px;color:#94a3b8;font-size:16px}.sm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sm-modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;width:90%;max-width:450px;box-shadow:0 20px 40px #0006;animation:smPopIn .3s cubic-bezier(.175,.885,.32,1.275)}.sm-modal-icon{margin-bottom:15px}.sm-modal-content h3{font-size:24px;color:#1a1a1a;margin-bottom:12px;font-weight:700}.sm-modal-content p{color:#555;font-size:16px;margin-bottom:30px}.sm-modal-actions{display:flex;gap:15px;justify-content:center}.sm-btn-cancel{background:#f0f0f0;color:#333;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.sm-btn-confirm{background:#e30613;color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.sm-btn-confirm:hover{background:#c2181d;transform:translateY(-2px)}.sm-btn-cancel:hover{background:#e5e5e5}@keyframes smPopIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sm-dropdown-container{position:relative;width:100%}.sm-dropdown-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;position:relative}.sm-dropdown-arrow{font-size:12px!important;transition:transform .3s ease!important;margin-left:auto!important;color:currentColor!important}.sm-dropdown-container:hover .sm-dropdown-arrow{transform:rotate(180deg)!important}.sm-dropdown-menu{display:none;background:#f8fafc;border-radius:10px;margin-top:8px;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0;animation:slideDown .3s ease;padding:6px 0}.sm-dropdown-container:hover .sm-dropdown-menu{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sm-dropdown-item{width:100%;padding:10px 16px 10px 44px;background:transparent;border:none;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;text-align:left;border-left:3px solid transparent;position:relative}.sm-dropdown-item:before{content:"";position:absolute;left:16px;width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:all .2s ease}.sm-dropdown-item:hover{background:#fff;color:#e30613;border-left-color:#e30613;padding-left:48px}.sm-dropdown-item:hover:before{background:#e30613;transform:scale(1.2)}.sm-dropdown-item.active{background:#fff;color:#e30613;border-left-color:#e30613;font-weight:600}.sm-dropdown-item.active:before{background:#e30613}.sm-dropdown-item svg{font-size:14px;width:18px;text-align:center}.sm-dropdown-container:has(.sm-dropdown-item.active) .sm-tab-btn{background:#e30613!important;color:#fff!important}.sm-dropdown-toggle:hover{background:#e30613!important;color:#fff!important}.sm-main::-webkit-scrollbar{width:8px}.sm-main::-webkit-scrollbar-track{background:#f1f5f9}.sm-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sm-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.sm-sidebar{width:260px;padding:20px 15px}.sm-page-content{padding:30px 20px}.sm-search-box{width:300px}}@media(max-width:768px){.sm-dashboard-root{flex-direction:column}.sm-sidebar{width:100%;height:auto;max-height:60vh;padding:20px;position:relative}.sm-nav-list{flex-direction:row;flex-wrap:wrap;gap:10px}.sm-tab-btn{flex:1;min-width:140px;justify-content:center}.sm-top-bar{padding:15px 20px;flex-direction:column;gap:15px}.sm-search-box{width:100%}.sm-content-header{flex-direction:column;gap:20px;align-items:flex-start}.sm-export-btns{width:100%}.btn-excel,.btn-pdf{flex:1;justify-content:center}.sm-table{font-size:12px}.sm-table th,.sm-table td{padding:10px 12px}.sm-dropdown-menu{position:absolute;left:0;right:0;z-index:100;background:#fff}}.sm-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:#94a3b8;font-size:16px}.sm-loading:after{content:"";width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#e30613;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}.sm-hidden{display:none!important}.sm-visible{display:flex!important}.sm-text-center{text-align:center}.sm-mb-0{margin-bottom:0!important}.sm-mt-auto{margin-top:auto}.hero-bright{background-color:#fff;min-height:85vh;display:flex;align-items:center;padding:0 5%;overflow:hidden;position:relative}.hero-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;width:100%}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;height:500px}.shape-blob-red{position:absolute;width:350px;height:350px;background:#e30613;clip-path:polygon(30% 0%,100% 0%,70% 100%,0% 100%);opacity:.1;left:20px;top:50px;z-index:1}.shape-polygon-blue{position:absolute;width:420px;height:380px;background:#000b29;clip-path:polygon(0% 15%,100% 0%,85% 100%,15% 85%);right:10px;bottom:40px;z-index:1}.image-main-wrapper{z-index:5;width:100%;display:flex;justify-content:center}.hero-main-img-clean{max-width:100%;height:auto;max-height:75vh;filter:drop-shadow(10px 10px 30px rgba(0,0,0,.1));transition:all .3s ease}.hero-text-content h1{font-size:clamp(35px,5vw,55px);color:#000b29;font-weight:800;line-height:1.1;margin-bottom:25px}.blue-highlight{color:#000b29}.red-highlight{color:#e30613}.hero-text-content p{font-size:19px;color:#555;margin-bottom:35px}.hero-action-btns{display:flex;gap:20px}.btn-browse-sharp,.btn-join-sharp{padding:16px 35px;font-size:16px;font-weight:700;border-radius:0;cursor:pointer;transition:.3s}.btn-browse-sharp{background:#e30613;color:#fff;border:2px solid #E30613}.btn-join-sharp{background:#000b29;color:#fff;border:2px solid #000B29}@media(max-width:768px){.hero-bright{height:auto;padding:40px 5%}.hero-container{grid-template-columns:1fr;text-align:center;gap:20px}.hero-visual{order:1;height:300px}.hero-main-img-clean{max-height:300px}.shape-blob-red,.shape-polygon-blue{width:250px;height:250px}.hero-text-content{order:2}.hero-text-content h1{font-size:28px}.hero-action-btns{flex-direction:column;align-items:center}.btn-browse-sharp,.btn-join-sharp{width:100%;max-width:300px}}@keyframes slideInL{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInR{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.animate-from-left{animation:slideInL 1.2s ease-out forwards}.animate-from-right{animation:slideInR 1.2s ease-out forwards}.dots-grid-pattern{position:absolute;top:10px;left:0;width:80px;height:120px;background-image:radial-gradient(#E30613 2px,transparent 2px);background-size:15px 15px;z-index:0}.course-section-simple{padding:80px 5%;background:#fff;position:relative;overflow:hidden;opacity:0;transform:translateY(60px);transition:all 1s cubic-bezier(.16,1,.3,1)}.course-section-simple.is-visible{opacity:1;transform:translateY(0)}.course-section-simple.ai-active{padding-bottom:60px}.course-container-simple{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header-simple{text-align:center;margin-bottom:30px;opacity:0;transform:translateY(40px) scale(.9);transition:all .8s cubic-bezier(.16,1,.3,1);transition-delay:.2s}.course-section-simple.is-visible .section-header-simple{opacity:1;transform:translateY(0) scale(1)}.section-badge-simple{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#e30613;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;opacity:0;transform:translate(-30px);transition:all .6s ease;transition-delay:.4s}.course-section-simple.is-visible .section-badge-simple{opacity:1;transform:translate(0)}.section-badge-simple svg{color:#000b29;animation:icon-bounce 2s ease infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-title-simple{font-size:clamp(32px,5vw,48px);font-weight:800;color:#000b29;line-height:1.2;margin-bottom:0;letter-spacing:-.02em;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1);transition-delay:.5s}.course-section-simple.is-visible .section-title-simple{opacity:1;transform:translateY(0)}.category-tabs-wrapper{display:flex;justify-content:center;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:all .8s ease;transition-delay:.6s}.course-section-simple.is-visible .category-tabs-wrapper{opacity:1;transform:translateY(0)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;background:#f8fafc;padding:8px;border-radius:50px;border:1px solid #e2e8f0}.category-tab{padding:10px 24px;background:transparent;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:50px;position:relative;overflow:hidden}.category-tab:hover{color:#000b29;background:#ffffff80}.category-tab.active{background:#000b29;color:#fff;box-shadow:0 4px 15px #000b2933}.slider-outer{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px;opacity:0;transform:scale(.9);transition:all .8s ease;transition-delay:.8s}.course-section-simple.is-visible .slider-outer{opacity:1;transform:scale(1)}.slider-arrow.outside{width:36px;height:36px;border:1px solid #000B29;background:#fff;color:#000b29;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;opacity:.6}.slider-arrow.outside:hover{opacity:1;background:#000b29;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #000b2933}.slider-simple{flex:1;max-width:1000px;overflow:hidden}.cards-wrapper-simple{width:100%}.cards-track-simple{display:flex;gap:24px;transition:transform .6s cubic-bezier(.16,1,.3,1)}.category-card-simple{flex:0 0 calc(25% - 18px);background:#fff;border:1px solid #000B29;border-radius:0;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;opacity:0;transform:translateY(50px);min-height:360px;width:280px}.course-section-simple.is-visible .category-card-simple{opacity:1;transform:translateY(0);transition-delay:calc(.9s + var(--delay, 0s))}.card-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transform:scale(1.1);transition:all .6s ease;z-index:1}.category-card-simple:hover .card-bg-image{opacity:1;transform:scale(1)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000000b3,#0006,#0009);opacity:0;transition:all .6s ease;z-index:2}.category-card-simple:hover .card-overlay{opacity:1}.card-inner{padding:36px 28px;background:#fff;transition:all .4s ease;height:100%;min-height:360px;display:flex;flex-direction:column;position:relative;z-index:3}.category-card-simple:hover{transform:translateY(-12px);box-shadow:0 20px 40px #000b2926;border-color:#e30613}.category-card-simple:hover .card-inner{background:transparent}.category-card-simple:hover .card-title-simple,.category-card-simple:hover .card-desc-simple{color:#fff}.category-card-simple:hover .read-more-link{color:#fff;border-color:#fff}.category-card-simple:hover .read-more-link:after{background:#fff}.card-icon-box{width:60px;height:60px;border:1.5px solid #000B29;display:flex;align-items:center;justify-content:center;color:#000b29;margin-bottom:20px;transition:all .3s cubic-bezier(.16,1,.3,1);background:#fff;position:relative;z-index:4}.category-card-simple:hover .card-icon-box{background:#e30613;border-color:#e30613;color:#fff;transform:scale(1.05);box-shadow:0 8px 25px #e3061366}.card-title-simple{font-size:22px;font-weight:700;color:#000b29;margin-bottom:12px;line-height:1.3;transition:all .3s ease;position:relative;z-index:4}.card-desc-simple{font-size:15px;color:#64748b;line-height:1.6;margin-bottom:24px;flex:1;transition:all .3s ease;position:relative;z-index:4}.read-more-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#000b29;text-decoration:none;position:relative;z-index:4;width:fit-content;border-bottom:2px solid #000B29;padding-bottom:2px;transition:all .3s ease}.read-more-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#e30613;transition:width .3s ease}.mobile-cards-container{display:none;height:520px;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none;-ms-overflow-style:none;padding:0 20px;margin-bottom:30px}.mobile-cards-container::-webkit-scrollbar{display:none}.mobile-card{background:#fff;border:1px solid #000B29;border-radius:12px;height:300px;min-height:300px;margin-bottom:20px;scroll-snap-align:center;position:relative;overflow:hidden;opacity:0;transform:translate(-40px);transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000000d}.course-section-simple.is-visible .mobile-card{opacity:1;transform:translate(0);transition-delay:calc(.9s + var(--delay, 0s))}.mobile-card.active{border-color:#e30613;box-shadow:0 8px 25px #e3061326}.mobile-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.15;z-index:1;transition:all .5s ease}.mobile-card.active .mobile-card-bg{opacity:.4}.mobile-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000000b3,#0000004d);opacity:0;transition:all .5s ease;z-index:2}.mobile-card.active .mobile-card-overlay{opacity:1}.mobile-card-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;padding:32px;background:#fffffffa;transition:all .3s ease}.mobile-card.active .mobile-card-content{background:transparent}.mobile-card.active .mobile-card-title,.mobile-card.active .mobile-card-desc{color:#fff}.mobile-card-icon{width:56px;height:56px;border:1.5px solid #000B29;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000b29;margin-bottom:16px;background:#fff;transition:all .3s ease;position:relative;z-index:4}.mobile-card.active .mobile-card-icon{background:#e30613;border-color:#e30613;color:#fff;transform:scale(1.05)}.mobile-card-title{font-size:22px;font-weight:700;color:#000b29;margin-bottom:12px;position:relative;z-index:4;transition:all .3s ease}.mobile-card-desc{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:4;transition:all .3s ease}.mobile-read-more{display:inline-flex;align-items:center;padding:12px 24px;background:#000b29;color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:8px;width:fit-content;transition:all .3s ease;position:relative;z-index:4}.mobile-card.active .mobile-read-more{background:#e30613;transform:translate(5px)}.dual-buttons-wrapper{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(30px);transition:all .8s ease;transition-delay:1.2s;margin-top:20px}.course-section-simple.is-visible .dual-buttons-wrapper{opacity:1;transform:translateY(0)}.view-all-link{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:#000b29;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.5px;transition:all .3s ease;text-transform:uppercase;border:2px solid #000B29;position:relative;overflow:hidden;cursor:pointer}.view-all-link:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#000b29;transition:width .4s ease;z-index:-1}.view-all-link:hover,.view-all-link.active{color:#fff}.view-all-link:hover:before,.view-all-link.active:before{width:100%}.view-all-link:hover{transform:translateY(-2px);box-shadow:0 10px 25px #000b2926}.view-all-link svg{color:#e30613;transition:all .3s ease}.view-all-link:hover svg,.view-all-link.active svg{color:#fff;transform:translate(4px)}.ai-suggestion-link{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:#000b29;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.5px;transition:all .3s ease;text-transform:uppercase;border:2px solid #000B29;position:relative;overflow:hidden;cursor:pointer}.ai-suggestion-link:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#000b29;transition:width .4s ease;z-index:-1}.ai-suggestion-link:hover,.ai-suggestion-link.active{color:#e30613;background:#fff;border:2px solid #E30613}.ai-suggestion-link:hover:before,.ai-suggestion-link.active:before{width:100%}.ai-suggestion-link:hover{transform:translateY(-2px)}.ai-suggestion-link svg{color:#e30613;transition:all .3s ease}.ai-suggestion-link:hover svg,.ai-suggestion-link.active svg{color:#fff}.ai-assistant-container{max-height:0;overflow:hidden;transition:all .6s cubic-bezier(.16,1,.3,1);opacity:0}.ai-assistant-container.expanded{max-height:900px;opacity:1;margin-top:30px}.ai-assistant-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #000b2914;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-assistant-header{background:#000b29;color:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.ai-assistant-title{display:flex;align-items:center;gap:15px}.ai-pulse-icon{width:45px;height:45px;background:#e30613;border-radius:10px;display:flex;align-items:center;justify-content:center}.ai-assistant-title h3{font-size:20px;font-weight:700;margin-bottom:2px}.ai-assistant-title p{font-size:13px;opacity:.8;font-weight:400}.ai-step-indicator{text-align:right}.ai-step-indicator span{font-size:12px;opacity:.9;display:block;margin-bottom:6px;font-weight:500}.ai-step-bar{width:180px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.ai-step-progress{height:100%;background:#e30613;border-radius:3px;transition:width .4s ease}.ai-assistant-body{padding:30px;min-height:auto;background:#fff}.ai-analyzing-section{text-align:center;padding:50px 20px}.ai-brain-animation{position:relative;width:80px;height:80px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center}.ai-brain-animation svg{color:#000b29;z-index:2;position:relative}.ai-ripples{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-ripples span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid #000B29;border-radius:50%;opacity:0;animation:ripple 1.5s infinite}.ai-ripples span:nth-child(1){animation-delay:0s}.ai-ripples span:nth-child(2){animation-delay:.4s}.ai-ripples span:nth-child(3){animation-delay:.8s}@keyframes ripple{0%{width:40px;height:40px;opacity:1}to{width:100px;height:100px;opacity:0}}.ai-analyzing-section h4{font-size:22px;color:#000b29;margin-bottom:8px;font-weight:700}.ai-analyzing-section p{color:#64748b;font-size:14px;margin-bottom:20px}.ai-analyzing-dots{display:flex;justify-content:center;gap:6px}.ai-analyzing-dots span{width:8px;height:8px;background:#000b29;border-radius:50%;animation:bounce-dot 1.4s ease-in-out infinite both}.ai-analyzing-dots span:nth-child(1){animation-delay:-.32s}.ai-analyzing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce-dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-question-section-enhanced{animation:fadeIn .4s ease}.ai-section-indicator{display:flex;align-items:center;gap:12px;margin-bottom:25px;padding:12px 18px;background:#f8fafc;border-radius:8px;border-left:3px solid #000B29}.ai-section-icon-wrapper{width:36px;height:36px;background:#000b29;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.ai-section-icon-wrapper svg{width:18px;height:18px}.ai-section-info{flex:1}.ai-section-label{display:block;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.ai-section-name{display:block;font-size:15px;color:#000b29;font-weight:600}.ai-section-progress{font-size:12px;color:#64748b;background:#fff;padding:4px 10px;border-radius:12px;font-weight:500}.ai-question-header-enhanced{text-align:center;margin-bottom:30px}.ai-question-icon-wrapper{width:60px;height:60px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000b29;margin:0 auto 15px}.ai-question-icon-wrapper svg{width:28px;height:28px}.ai-question-header-enhanced h4{font-size:20px;color:#000b29;font-weight:700;line-height:1.4}.ai-options-grid-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:600px;margin:0 auto 25px}.ai-option-card-enhanced{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;animation:slideInUp .4s ease backwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-option-card-enhanced:hover{border-color:#000b29;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #000b2914}.ai-option-content{display:flex;align-items:center;gap:12px}.ai-option-number{width:28px;height:28px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#64748b;transition:all .2s ease}.ai-option-card-enhanced:hover .ai-option-number{background:#000b29;color:#fff}.ai-option-text{font-size:14px;font-weight:500;color:#000b29;transition:color .2s ease}.ai-option-arrow-wrapper{width:32px;height:32px;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94a3b8;opacity:0;transform:translate(-5px);transition:all .2s ease}.ai-option-card-enhanced:hover .ai-option-arrow-wrapper{opacity:1;transform:translate(0);color:#000b29}.ai-progress-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.ai-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .3s ease;cursor:pointer}.ai-dot.active{background:#000b29;transform:scale(1.2)}.ai-dot.completed{background:#000b29}.ai-result-section{animation:fadeIn .5s ease;max-width:700px;margin:0 auto}.ai-result-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#000b29;color:#fff;font-size:13px;font-weight:600;border-radius:20px;margin-bottom:20px}.ai-recommendation-card-premium{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #000b2914;border:1px solid #e2e8f0;animation:card-appear .5s ease}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-rec-card-glow{display:none}.ai-rec-card-inner{display:flex;flex-direction:row;min-height:auto}.ai-rec-image-premium{position:relative;width:200px;min-height:220px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:15px;flex-shrink:0}.ai-rec-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000b294d,#000b29b3)}.ai-rec-match-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;background:#e30613;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;width:fit-content}.ai-rec-match-badge svg{width:14px;height:14px}.ai-rec-floating-icon{position:relative;z-index:2;width:50px;height:50px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#000b29;margin:0 auto;box-shadow:0 4px 12px #00000026}.ai-rec-floating-icon svg{width:24px;height:24px}.ai-rec-content-premium{padding:25px;display:flex;flex-direction:column;justify-content:center;flex:1}.ai-rec-header{margin-bottom:12px}.ai-rec-header h4{font-size:24px;color:#000b29;font-weight:700;margin-bottom:6px;line-height:1.2}.ai-rec-category{display:inline-block;background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-rec-description{color:#475569;font-size:14px;line-height:1.6;margin-bottom:15px}.ai-rec-stats{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap}.ai-stat{display:flex;align-items:center;gap:6px;background:#f8fafc;padding:8px 12px;border-radius:6px;font-size:12px;color:#64748b;font-weight:500;border:1px solid #e2e8f0}.ai-stat svg{width:14px;height:14px;color:#000b29}.ai-rec-tags-premium{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ai-rec-tag-premium{padding:6px 12px;background:#fff;color:#000b29;font-size:11px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #e2e8f0}.ai-rec-actions-premium{display:flex;gap:12px;flex-wrap:wrap}.ai-enroll-btn-premium{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#e30613;color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:6px;transition:all .2s ease;border:none;cursor:pointer}.ai-enroll-btn-premium:hover{background:#000b29;transform:translateY(-1px);box-shadow:0 4px 12px #000b2926}.ai-enroll-btn-premium svg{width:16px;height:16px;transition:transform .2s ease}.ai-enroll-btn-premium:hover svg{transform:translate(3px)}.ai-retake-btn-premium{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;color:#64748b;border:1px solid #e2e8f0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:6px}.ai-retake-btn-premium:hover{border-color:#000b29;color:#000b29;background:#f8fafc}.ai-retake-btn-premium svg{width:14px;height:14px}@media(max-width:1100px){.category-card-simple{flex:0 0 calc(33.333% - 16px)}.ai-rec-card-inner{grid-template-columns:1fr}.ai-rec-image-premium{min-height:200px}.ai-options-grid-enhanced{grid-template-columns:1fr}}@media(max-width:900px){.category-card-simple{flex:0 0 calc(50% - 12px)}}@media(max-width:768px){.course-section-simple{padding:60px 5%}.desktop-only{display:none!important}.mobile-cards-container{display:block}.section-title-simple{font-size:28px}.category-tabs{padding:6px}.category-tab{padding:8px 16px;font-size:13px}.dual-buttons-wrapper{flex-direction:column;align-items:center}.view-all-link,.ai-suggestion-link{width:100%;max-width:280px;justify-content:center}.ai-assistant-body{padding:30px 20px}.ai-rec-content-premium{padding:30px}.ai-rec-content-premium h4{font-size:28px}.ai-rec-actions-premium{flex-direction:column}.ai-enroll-btn-premium,.ai-retake-btn-premium{width:100%;justify-content:center}.ai-assistant-header{padding:25px;flex-direction:column;text-align:center}.ai-step-indicator{text-align:center}.ai-step-bar{width:100%;max-width:280px}.ai-question-header-enhanced h4{font-size:22px}.ai-option-card-enhanced{padding:20px 24px}.ai-rec-card-inner{flex-direction:column}.ai-rec-image-premium{width:100%;min-height:160px}.ai-rec-content-premium{padding:20px}.ai-rec-header h4{font-size:20px}}@media(max-width:480px){.course-section-simple{padding:50px 4%}.mobile-card{height:260px;min-height:260px}.mobile-card-content{padding:28px}.mobile-card-icon{width:52px;height:52px}.mobile-card-title{font-size:22px}.section-badge-simple{font-size:11px;letter-spacing:2px}.category-tabs{gap:4px}.category-tab{padding:6px 12px;font-size:12px}.ai-assistant-title{flex-direction:column;text-align:center}.ai-question-header-enhanced h4{font-size:18px}.ai-option-card-enhanced{padding:14px 16px}.ai-option-text{font-size:13px}.ai-assistant-title h3{font-size:18px}.ai-question-icon-wrapper{width:50px;height:50px}.ai-option-number{width:24px;height:24px;font-size:11px}}.why-choose-clear{width:100%;padding:60px 0;background:#fff;position:relative;overflow:hidden}.clear-container{max-width:1200px;margin:0 auto;padding:0 20px}.clear-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.clear-image-side{position:relative;width:100%;display:flex;justify-content:flex-start;align-items:center;padding-left:0;opacity:0;transform:translate(-60px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.clear-grid.animate .clear-image-side{opacity:1;transform:translate(0)}.left-image-wrapper{position:relative;width:100%;max-width:450px;margin-left:0;margin-right:auto;display:flex;flex-direction:column;align-items:flex-start}.left-image-box{position:relative;width:100%;height:600px;display:flex;justify-content:flex-start;align-items:center}.left-img-layer{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;display:flex;justify-content:flex-start;align-items:center}.left-img-layer.active{opacity:1}.left-img-layer img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin-left:0}.floating-tag{position:absolute;top:20px;right:0;background:#fff;padding:12px 20px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#000b29;box-shadow:0 4px 20px #0000001a;z-index:10;opacity:0;transform:translateY(-20px);transition:all .6s ease .3s}.clear-grid.animate .floating-tag{opacity:1;transform:translateY(0)}.floating-play-btn{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:70px;height:70px;background:linear-gradient(135deg,#d10a17,#000b29);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 15px 35px #d10a1766;z-index:10;opacity:0;transition:all .6s ease .4s}.clear-grid.animate .floating-play-btn{opacity:1}.floating-play-btn:hover{transform:translate(-50%) scale(1.1)}.floating-dots{display:flex;gap:12px;margin-top:20px;margin-left:50%;transform:translate(-50%);opacity:0;transition:all .6s ease .5s}.clear-grid.animate .floating-dots{opacity:1}.float-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;border:none;cursor:pointer;transition:all .3s ease}.float-dot.active{width:35px;border-radius:6px;background:#d10a17}.clear-content{display:flex;flex-direction:column;gap:24px;opacity:0;transform:translate(60px);transition:all 1s cubic-bezier(.25,.46,.45,.94) .2s}.clear-grid.animate .clear-content{opacity:1;transform:translate(0)}.clear-header{opacity:0;transform:translateY(30px);transition:all .8s ease .3s}.clear-grid.animate .clear-header{opacity:1;transform:translateY(0)}.tag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;color:#000b29;font-size:12px;font-weight:600;border-radius:50px;margin-bottom:12px;width:fit-content}.title{font-size:38px;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:12px;letter-spacing:-.02em}.red-text{color:#d10a17}.blue-text{color:#000b29}.desc{font-size:16px;color:#64748b;line-height:1.6}.cards-2x2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-box{position:relative;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:22px;cursor:pointer;overflow:hidden;opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.25,.46,.45,.94),border-color .3s ease,box-shadow .3s ease}.clear-grid.animate .feature-box:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.4s}.clear-grid.animate .feature-box:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.5s}.clear-grid.animate .feature-box:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.6s}.clear-grid.animate .feature-box:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.7s}.feature-box:hover{border-color:#000b29;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.icon-wrap{width:48px;height:48px;border-radius:12px;background:#f8fafc;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.feature-icon-svg{width:24px;height:24px;color:#94a3b8;transition:all .3s ease}.feature-box:hover .icon-wrap{background:#000b29;border-color:#000b29;transform:scale(1.1) rotate(5deg)}.feature-box:hover .feature-icon-svg{color:#fff}.box-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:6px;transition:color .3s}.feature-box:hover .box-title{color:#000b29}.box-desc{font-size:13px;color:#64748b;line-height:1.5}.arrow-icon{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;opacity:0;transform:translate(-10px);transition:all .3s ease}.feature-box:hover .arrow-icon{opacity:1;transform:translate(0);background:#d10a17;color:#fff}.clear-cta{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(30px);transition:all .8s ease .8s}.clear-grid.animate .clear-cta{opacity:1;transform:translateY(0)}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:#000b29;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:12px;cursor:pointer;width:fit-content;transition:all .3s ease}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #000b2940}.trust-line{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}@media(max-width:1024px){.clear-grid{gap:60px}.left-image-box{height:550px}.title{font-size:32px}}@media(max-width:900px){.why-choose-clear{padding:40px 0}.clear-grid{grid-template-columns:1fr;gap:50px}.clear-image-side{order:1;justify-content:center;transform:translate(-40px)}.left-image-wrapper{max-width:450px;margin:0 auto;align-items:center}.left-image-box{height:500px;justify-content:center}.left-img-layer{justify-content:center}.clear-content{order:2;transform:translate(40px)}.title{font-size:28px}.feature-box{transform:translateY(30px)}}@media(max-width:480px){.left-image-box{height:450px}.title{font-size:24px}.cards-2x2{grid-template-columns:1fr}.floating-play-btn{width:60px;height:60px}.cta-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}.mentor-section{position:relative;padding:60px 20px 70px;font-family:Poppins,sans-serif;overflow:hidden;background:#fff;z-index:1;opacity:0;transform:translateY(50px);transition:all .8s ease-out}.mentor-section.visible{opacity:1;transform:translateY(0)}.bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.shape-left{position:absolute;top:0;left:0;width:20%;height:100%;background:#000b29;clip-path:polygon(0 0,100% 0,60% 100%,0% 100%);border-radius:0 0 60px;transform:translate(-100%);transition:transform 1s ease-out .3s}.shape-right{position:absolute;bottom:0;right:0;width:18%;height:60%;background:#000b29;clip-path:polygon(40% 0,100% 0,100% 100%,0% 100%);border-radius:60px 0 0;transform:translate(100%);transition:transform 1s ease-out .5s}.shape-mobile-top,.shape-mobile-bottom{display:none}.mentor-section.visible .shape-left,.mentor-section.visible .shape-right{transform:translate(0)}.mentor-container{position:relative;z-index:2;max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:40px;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.section-header.animate-in{opacity:1;transform:translateY(0)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative}.header-left{flex:1;text-align:center}.header-tag{display:inline-block;background:#000b29;color:#fff;padding:6px 18px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:1.5px;transform:scale(0);transition:transform .4s ease-out .2s}.section-header.animate-in .header-tag{transform:scale(1)}.view-all-link{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;color:#000b29;font-size:.9rem;font-weight:600;text-decoration:none;padding:8px 16px;border:2px solid #000B29;border-radius:25px;transition:all .3s ease;background:#fff}.view-all-link:hover{background:#000b29;color:#fff;transform:translateY(-50%) translate(5px)}.view-all-link i{transition:transform .3s ease}.view-all-link:hover i{transform:translate(3px)}.main-heading{font-size:2.8rem;font-weight:800;color:#000b29;margin-bottom:12px;line-height:1.2;opacity:0;transform:translateY(20px);transition:all .5s ease-out .3s}.section-header.animate-in .main-heading{opacity:1;transform:translateY(0)}.highlight-red{color:#e30613}.highlight-blue{color:#000b29}.sub-heading{color:#64748b;font-size:1.1rem;opacity:0;transform:translateY(20px);transition:all .5s ease-out .4s}.section-header.animate-in .sub-heading{opacity:1;transform:translateY(0)}.mentor-card-box{position:relative;z-index:3;opacity:0;transform:translateY(40px) scale(.95);transition:all .7s ease-out .2s}.mentor-card-box.animate-in{opacity:1;transform:translateY(0) scale(1)}.mentor-card-inner{background:#fff;border-radius:24px;display:grid;grid-template-columns:.9fr 1.3fr .9fr;gap:0;box-shadow:0 20px 60px -15px #000b2926,0 0 0 1px #000b290d;overflow:hidden;min-height:400px;max-height:450px}.mentor-display-image{padding:25px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-30px);transition:all .6s ease-out .4s}.mentor-card-box.animate-in .mentor-display-image{opacity:1;transform:translate(0)}.image-frame{position:relative;width:100%;height:100%;max-height:380px;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #000b2933}.display-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transform:scale(1.05);transition:all .6s cubic-bezier(.4,0,.2,1)}.display-img.active{opacity:1;transform:scale(1)}.image-accent{position:absolute;inset:0;border:3px solid #000B29;border-radius:16px;pointer-events:none}.mentor-details-panel{padding:30px 35px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;opacity:0;transform:translateY(30px);transition:all .6s ease-out .5s}.mentor-card-box.animate-in .mentor-details-panel{opacity:1;transform:translateY(0)}.details-wrapper{position:relative;width:100%;height:100%}.mentor-profile{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:translate(20px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:center}.mentor-profile.active{opacity:1;visibility:visible;transform:translate(0);z-index:10}.info-content{display:flex;flex-direction:column;gap:10px}.role-pill{display:inline-block;background:#000b29;color:#fff;padding:5px 14px;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:fit-content}.mentor-name{font-size:1.9rem;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:5px}.mentor-desc{color:#475569;font-size:.9rem;line-height:1.6;margin-bottom:5px}.info-list{display:flex;flex-direction:column;gap:8px;margin:8px 0}.info-item{display:flex;align-items:center;gap:10px;color:#334155;font-size:.9rem}.info-item i{color:#000b29;font-size:1rem;width:20px}.info-item strong{color:#0f172a;font-weight:600}.social-section{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid #e2e8f0}.social-label{color:#475569;font-size:.9rem;font-weight:500}.social-links{display:flex;gap:8px}.social-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.8rem;transition:all .3s ease}.social-icon:hover{transform:translateY(-3px) scale(1.1)}.social-icon.linkedin{background:#0077b5}.social-icon.twitter{background:#1da1f2}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon.youtube{background:red}.thumbnails-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:25px;background:#f8fafc;align-content:center;opacity:0;transform:translate(30px);transition:all .6s ease-out .6s}.mentor-card-box.animate-in .thumbnails-grid{opacity:1;transform:translate(0)}.thumb-box{position:relative;cursor:pointer;border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:3px solid transparent;background:#fff;box-shadow:0 4px 12px #0000001a;height:100%}.thumb-img-container{position:relative;width:100%;height:100%;min-height:160px}.thumb-img-container img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .4s ease}.thumb-hover{position:absolute;inset:0;background:#000b29bf;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.thumb-hover i{color:#fff;font-size:1.4rem;transform:translate(-10px);transition:transform .3s ease}.thumb-box:hover .thumb-img-container img,.thumb-box.active .thumb-img-container img{transform:scale(1.1)}.thumb-box:hover .thumb-hover,.thumb-box.active .thumb-hover{opacity:1}.thumb-box:hover .thumb-hover i,.thumb-box.active .thumb-hover i{transform:translate(0)}.thumb-box:hover,.thumb-box.active{border-color:#000b29;transform:scale(1.05);box-shadow:0 10px 25px #000b2933}.thumb-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff4d;overflow:hidden}.progress-fill{height:100%;background:#e30613;width:0;animation:progressFill 4s linear forwards}@keyframes progressFill{to{width:100%}}.nav-dots{display:flex;justify-content:center;gap:12px;margin-top:25px;opacity:0;transform:translateY(20px);transition:all .5s ease-out .8s}.nav-dots.animate-in{opacity:1;transform:translateY(0)}.nav-dot{width:12px;height:12px;border-radius:50%;border:2px solid #000B29;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.nav-dot.active{background:#e30613;border-color:#e30613;transform:scale(1.3)}.nav-dot:hover{background:#000b29;opacity:.7;transform:scale(1.2)}@media(max-width:992px){.mentor-card-inner{grid-template-columns:1fr 1fr;max-height:none}.thumbnails-grid{grid-column:1 / -1;grid-template-columns:repeat(4,1fr);padding:20px;order:0}.thumb-img-container{min-height:100px}.bg-shapes{display:none}.main-heading{font-size:2.2rem}.view-all-link{position:static;transform:none;margin-top:15px}.view-all-link:hover{transform:translate(5px)}.header-top{flex-direction:column;gap:10px}.mentor-details-panel{padding:25px}.mentor-name{font-size:1.6rem}}@media(max-width:768px){.mentor-section{padding:40px 15px 50px;background:linear-gradient(135deg,#f8fafc,#fff);overflow:hidden}.shape-mobile-top{display:block;position:absolute;top:-50px;right:-30px;width:120px;height:120px;background:#000b29;clip-path:polygon(30% 0,100% 0,100% 70%,70% 100%,0 100%,0 30%);border-radius:0 0 0 30px;opacity:.1;animation:float 6s ease-in-out infinite}.shape-mobile-bottom{display:block;position:absolute;bottom:100px;left:-40px;width:150px;height:150px;background:#e30613;clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,30% 100%,0 70%);border-radius:0 30px 0 0;opacity:.08;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.header-top{flex-direction:column;gap:15px;margin-bottom:20px}.header-left{order:1}.view-all-link{position:static;order:3;transform:none;margin-top:0;font-size:.85rem;padding:10px 20px}.view-all-link:hover{transform:translate(5px)}.main-heading{font-size:2rem;order:2;margin-bottom:8px;opacity:0;transform:translateY(30px);transition:all .6s ease-out .2s}.section-header.animate-in .main-heading{opacity:1;transform:translateY(0)}.sub-heading{font-size:1rem;opacity:0;transform:translateY(20px);transition:all .5s ease-out .4s}.section-header.animate-in .sub-heading{opacity:1;transform:translateY(0)}.mentor-card-inner{grid-template-columns:1fr;min-height:auto;max-height:none;display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 20px 60px #000b291f;overflow:visible}.thumbnails-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;padding:20px 20px 10px;order:1;gap:10px;background:transparent;opacity:0;transform:translateY(-20px);transition:all .5s ease-out .3s}.mentor-card-box.animate-in .thumbnails-grid{opacity:1;transform:translateY(0)}.thumb-img-container{min-height:75px;border-radius:12px}.thumb-box{border-radius:12px;border-width:2px}.thumb-box.active{transform:scale(1.15);border-color:#e30613;box-shadow:0 8px 25px #e306134d;z-index:10}.mentor-display-image{max-height:400px;padding:10px 20px;order:2;background:transparent;opacity:0;transform:scale(.9);transition:all .6s ease-out .4s}.mentor-card-box.animate-in .mentor-display-image{opacity:1;transform:scale(1)}.image-frame{max-height:360px;max-width:100%;width:100%;margin:0 auto;border-radius:20px;box-shadow:0 15px 40px #000b2933}.mentor-details-panel{padding:20px;order:3;min-height:auto;opacity:0;transform:translateY(30px);transition:all .6s ease-out .5s}.mentor-card-box.animate-in .mentor-details-panel{opacity:1;transform:translateY(0)}.details-wrapper{min-height:auto;position:relative}.mentor-profile{position:relative;opacity:0;height:0;overflow:hidden;transform:translateY(20px);visibility:visible;transition:all .4s ease}.mentor-profile.active{opacity:1;height:auto;overflow:visible;transform:translateY(0)}.mentor-name{font-size:1.8rem;text-align:center;margin-bottom:10px}.role-pill{margin:0 auto 12px;display:block;width:fit-content;font-size:.75rem;padding:6px 16px}.mentor-desc{font-size:.95rem;text-align:center;line-height:1.7;margin-bottom:15px;color:#475569}.info-list{gap:12px;margin:15px 0;background:#f8fafc;padding:20px;border-radius:16px}.info-item{font-size:.95rem;justify-content:flex-start;padding:5px 0}.info-item i{font-size:1.1rem;color:#e30613}.social-section{flex-wrap:wrap;gap:12px;justify-content:center;padding-top:20px;margin-top:15px}.social-label{font-size:.95rem;width:100%;text-align:center;margin-bottom:5px;color:#64748b}.social-links{justify-content:center;gap:12px}.social-icon{width:40px;height:40px;font-size:1rem}.nav-dots{margin-top:30px}}@media(max-width:480px){.mentor-section{padding:30px 12px 40px}.main-heading{font-size:1.7rem}.sub-heading{font-size:.9rem}.view-all-link{font-size:.8rem;padding:8px 16px}.mentor-card-inner{border-radius:20px}.thumbnails-grid{padding:15px 15px 8px;gap:8px}.thumb-img-container{min-height:65px;border-radius:10px}.mentor-display-image{max-height:350px;padding:8px 15px}.image-frame{max-height:320px;border-radius:16px}.mentor-details-panel{padding:15px}.mentor-name{font-size:1.5rem}.mentor-desc{font-size:.9rem}.info-list{padding:15px;gap:10px}.info-item{font-size:.9rem}.social-icon{width:36px;height:36px;font-size:.9rem}.shape-mobile-top{width:80px;height:80px;top:-30px;right:-20px}.shape-mobile-bottom{width:100px;height:100px;bottom:80px;left:-30px}}.register-section{width:100%;padding:40px 0;background:#fff;overflow:hidden}.register-container{max-width:1400px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:45% 55%;gap:40px;align-items:stretch;min-height:600px}.steps-content{padding:20px 0;display:flex;flex-direction:column;justify-content:center}.section-badge{display:inline-block;margin-bottom:12px;opacity:0;animation:fadeInDown .6s ease forwards}.section-badge span{background:#d10a171a;color:#d10a17;padding:6px 16px;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.section-title{font-size:2.4rem;font-weight:800;color:#000b29;line-height:1.2;margin-bottom:16px;letter-spacing:-.5px;opacity:0;min-height:80px}.section-title .highlight{color:#d10a17}.section-title:after{content:"|";animation:blink 1s infinite;color:#d10a17;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.section-subtitle{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:30px;opacity:0;animation:fadeInUp .8s ease .5s forwards}.steps-list{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.step-item{display:flex;align-items:flex-start;gap:14px;position:relative;padding:16px;background:#fff;border-radius:12px;border:1px solid rgba(0,11,41,.08);transition:all .3s ease;opacity:0;transform:translateY(40px)}.step-item.animate-in{opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.step-item:hover{border-color:#d10a174d;transform:translate(5px);box-shadow:0 10px 30px #000b2914}.step-number{position:absolute;top:-10px;left:16px;background:#d10a17;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}.step-icon-box{width:38px;height:38px;background:#000b29;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:4px;transition:transform .3s ease}.step-item:hover .step-icon-box{transform:scale(1.1) rotate(5deg)}.step-info h3{font-size:1rem;font-weight:700;color:#000b29;margin-bottom:6px}.step-info p{font-size:.85rem;color:#666;line-height:1.5;margin:0}.trust-badges{display:flex;gap:20px;flex-wrap:wrap;opacity:0;transform:translateY(30px)}.trust-badges.animate-in{opacity:1;transform:translateY(0);transition:all .6s ease .4s}.badge{display:flex;align-items:center;gap:6px;color:#000b29;font-size:.85rem;font-weight:600}.badge svg{color:#d10a17}.video-content{width:100%;height:100%;min-height:550px;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:scale(.95)}.video-content.animate-in{opacity:1;transform:scale(1);transition:all .8s cubic-bezier(.4,0,.2,1)}.video-content video{width:100%;height:100%;object-fit:contain;max-height:600px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-animate{opacity:0;transform:translateY(40px);transition:all .6s ease}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.scroll-animate-bottom{opacity:0;transform:translateY(30px);transition:all .6s ease}.scroll-animate-bottom.animate-in{opacity:1;transform:translateY(0)}.scroll-animate-fade{opacity:0;transform:scale(.95);transition:all .8s ease}.scroll-animate-fade.animate-in{opacity:1;transform:scale(1)}@media(max-width:1024px){.register-container{grid-template-columns:1fr;gap:30px;min-height:auto}.video-content{order:-1;min-height:400px}.video-content video{max-height:450px}.steps-content{padding:0}.section-title{font-size:2rem;min-height:70px}}@media(max-width:768px){.register-section{padding:30px 0}.register-container{padding:0 20px}.section-title{font-size:1.6rem;min-height:60px}.video-content{min-height:350px}.video-content video{max-height:380px}.step-item,.video-content{transform:none;opacity:1}}@media(max-width:480px){.section-title{font-size:1.4rem;min-height:50px}.video-content{min-height:280px}.video-content video{max-height:300px}}.about-section{padding:100px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#f8f9fa);position:relative}.animated-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;will-change:transform}.shape-1{width:400px;height:400px;background:#e3061326;top:-100px;right:-100px;animation:float 15s infinite ease-in-out}.shape-2{width:300px;height:300px;background:#000b291a;bottom:-50px;left:-50px;animation:float 20s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.bg-dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(0,11,41,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:flex-start;position:relative;z-index:1}.about-left{opacity:0;transform:translate(-50px);transition:all .6s ease-out}.about-left.slide-in-left{opacity:1;transform:translate(0)}.section-tag{display:inline-block;padding:10px 24px;background:#e30613;color:#fff;font-size:.85rem;font-weight:700;border-radius:30px;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.about-title{font-size:3rem;font-weight:800;color:#000b29;margin-bottom:25px;line-height:1.2}.about-title .highlight{color:#e30613;position:relative}.about-title .highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:#e3061333;z-index:-1}.about-description{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:20px}.about-subtext{font-size:1rem;color:#6c757d;line-height:1.7;margin-bottom:35px}.stats-row{display:flex;gap:40px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2.5rem;font-weight:800;color:#e30613;line-height:1}.stat-label{font-size:.9rem;color:#6c757d;margin-top:5px;font-weight:600}.about-right{opacity:0;transform:translate(50px);transition:all .6s ease-out;transition-delay:.2s}.about-right.slide-in-right{opacity:1;transform:translate(0)}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-card{background:#fff;padding:30px 25px;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;opacity:0;transform:translateY(20px);animation:cardFadeIn .5s forwards}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026;border-color:#e306134d}.info-card.active{background:#000b29;color:#fff;transform:scale(1.02)}.card-icon{width:60px;height:60px;background:#e306131a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#e30613;margin-bottom:20px;transition:all .3s ease}.info-card.active .card-icon{background:#ffffff1a;color:#fff}.card-title{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#000b29}.info-card.active .card-title{color:#fff}.card-short{font-size:.9rem;color:#6c757d;line-height:1.5;margin-bottom:15px}.info-card.active .card-short{color:#fffc}.card-hint{color:#e30613;transition:all .3s ease}.info-card.active .card-hint{color:#fff;transform:rotate(180deg)}.expand-section{max-height:0;overflow:hidden;opacity:0;transition:all .5s ease;background:#fff;margin-top:0;border-radius:24px;position:relative;will-change:max-height,opacity}.expand-section.expanded{max-height:900px;margin-top:50px;opacity:1;box-shadow:0 20px 60px #0000001a}.expand-content{max-width:1200px;margin:0 auto;padding:50px;position:relative}.close-btn{position:absolute;top:20px;right:20px;width:45px;height:45px;background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#495057;transition:all .3s ease;z-index:10}.close-btn:hover{background:#e30613;color:#fff;transform:rotate(90deg)}.detail-card{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mentor-layout{display:grid;grid-template-columns:.4fr .6fr;gap:50px;align-items:center}.image-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0003}.image-frame img{width:100%;height:400px;object-fit:cover;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,11,41,.9),transparent)}.person-info{position:absolute;bottom:25px;left:25px;color:#fff}.person-info h4{font-size:1.5rem;font-weight:700;margin-bottom:5px}.person-info span{font-size:.9rem;color:#e30613;font-weight:600}.detail-right{display:flex;flex-direction:column;gap:25px}.vision-block,.mission-block{padding:30px;background:#f8f9fa;border-radius:16px;border-left:4px solid #E30613}.block-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#e30613}.block-header h3{font-size:1.3rem;font-weight:700;color:#000b29}.vision-block p,.mission-block p{font-size:1.05rem;color:#495057;line-height:1.8}.info-layout{text-align:center}.info-header{margin-bottom:40px}.info-header h3{font-size:2rem;font-weight:800;color:#000b29;margin-bottom:10px}.subtitle{font-size:1.1rem;color:#e30613;font-weight:600}.info-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;text-align:left}.info-point{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px}.point-icon{color:#e30613;flex-shrink:0}.info-point p{font-size:.95rem;color:#495057;line-height:1.6;margin:0}.info-stats{display:flex;justify-content:center;gap:50px;padding-top:30px;border-top:2px solid #e9ecef}.info-stat{text-align:center}.info-stat .stat-value{font-size:2.2rem;font-weight:800;color:#e30613;display:block}.info-stat .stat-label{font-size:.9rem;color:#6c757d}.features-layout{text-align:center}.features-title{font-size:2rem;font-weight:800;color:#000b29;margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.feature-item{padding:30px 20px;background:#f8f9fa;border-radius:16px;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-icon{width:60px;height:60px;background:#e306131a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#e30613;margin:0 auto 20px}.feature-item h4{font-size:1.1rem;font-weight:700;color:#000b29;margin-bottom:10px}.feature-item p{font-size:.9rem;color:#6c757d;line-height:1.6;margin:0}.audience-layout{text-align:center}.audience-title{font-size:2rem;font-weight:800;color:#000b29;margin-bottom:40px}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.audience-item{padding:30px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.audience-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.audience-icon{font-size:2.5rem;margin-bottom:15px;display:block}.audience-item h4{font-size:1.1rem;font-weight:700;color:#000b29;margin-bottom:8px}.audience-item p{font-size:.85rem;color:#6c757d;margin:0}.audience-note{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px 40px;background:#000b29;border-radius:12px;color:#fff;max-width:600px;margin:0 auto}.audience-note svg{color:#e30613;flex-shrink:0}.audience-note p{margin:0;font-size:1rem}@media(max-width:1024px){.about-container{grid-template-columns:1fr;gap:50px}.about-left{text-align:center}.stats-row{justify-content:center}.mentor-layout{grid-template-columns:1fr}.image-frame{max-width:350px;margin:0 auto}.features-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-section{padding:60px 20px}.about-title{font-size:2.2rem}.cards-grid{grid-template-columns:1fr}.expand-content{padding:40px 20px}.info-points,.features-grid,.audience-grid{grid-template-columns:1fr}.info-stats{flex-direction:column;gap:20px}}@media(max-width:480px){.about-title{font-size:1.8rem}.stat-number{font-size:2rem}.expand-section.expanded{max-height:1200px}}.ai-assistant-section{padding:100px 20px;background:var(--pure-white);position:relative;overflow:hidden}.ai-assistant-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(230,0,35,.02) 0%,transparent 100%);pointer-events:none}.ai-assistant-container{max-width:1200px;margin:0 auto}.assistant-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.assistant-info{max-width:500px}.assistant-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:50px;font-size:13px;font-weight:700;margin-bottom:24px}.assistant-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--primary-navy);margin-bottom:20px;line-height:1.2}.assistant-description{font-size:1.125rem;color:var(--text-gray);margin-bottom:40px;line-height:1.7}.assistant-features{margin-bottom:40px}.assistant-feature{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;background:var(--off-white);border-radius:16px;transition:all var(--transition-normal)}.assistant-feature:hover{background:var(--light-gray);transform:translate(8px)}.feature-icon-box{width:48px;height:48px;background:var(--primary-navy);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-text h4{color:var(--primary-navy);font-weight:700;margin-bottom:4px}.feature-text p{color:var(--text-gray);font-size:14px}.try-assistant-btn{padding:18px 36px;background:linear-gradient(135deg,var(--primary-navy),#1e3a5f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 10px 30px #0a162833}.try-assistant-btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0a16284d}.assistant-demo{display:flex;justify-content:center}.chat-window{width:100%;max-width:400px;background:var(--pure-white);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid var(--border-gray);overflow:hidden;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-header{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,var(--primary-navy),#1e3a5f);color:#fff}.chat-avatar{width:44px;height:44px;background:var(--primary-red);border-radius:12px;display:flex;align-items:center;justify-content:center}.chat-info h4{font-weight:600;margin-bottom:2px}.status{display:flex;align-items:center;gap:6px;font-size:13px;color:#fffc}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{height:300px;padding:20px;overflow-y:auto;background:var(--off-white);display:flex;flex-direction:column;gap:12px}.message{display:flex;align-items:flex-end;gap:8px;max-width:85%}.message.ai{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:28px;height:28px;background:var(--primary-navy);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-bubble{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.message.ai .message-bubble{background:var(--pure-white);color:var(--text-dark);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.message.user .message-bubble{background:var(--primary-navy);color:#fff;border-bottom-right-radius:4px}.chat-input-area{display:flex;gap:12px;padding:16px;background:var(--pure-white);border-top:1px solid var(--border-gray)}.chat-input-area input{flex:1;padding:12px 16px;border:2px solid var(--border-gray);border-radius:12px;font-size:14px;outline:none;transition:all var(--transition-normal)}.chat-input-area input:focus{border-color:var(--primary-navy)}.send-btn{width:44px;height:44px;background:var(--primary-red);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.send-btn:hover{background:#c4001a;transform:scale(1.05)}@media(max-width:968px){.assistant-content{grid-template-columns:1fr;gap:60px}.assistant-info{max-width:100%;text-align:center}.assistant-features{max-width:500px;margin:0 auto 40px}.assistant-feature:hover{transform:translate(0) translateY(-4px)}}.testimonials-section{padding:100px 20px;background:linear-gradient(180deg,var(--pure-white) 0%,var(--off-white) 100%)}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-content{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}.testimonial-main{position:relative;background:var(--pure-white);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);border:1px solid var(--border-gray)}.quote-icon{color:var(--primary-red);opacity:.2;margin-bottom:24px}.testimonial-slider{overflow:hidden}.testimonial-slide{display:flex;transition:transform .5s ease}.testimonial-item{min-width:100%;padding:0 4px}.testimonial-quote{font-size:1.25rem;line-height:1.8;color:var(--text-dark);margin-bottom:32px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:16px;margin-bottom:24px}.author-avatar{width:56px;height:56px;background:var(--primary-navy);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.author-info h4{color:var(--primary-navy);font-weight:700;margin-bottom:4px}.author-info span{color:var(--text-gray);font-size:14px}.rating{margin-left:auto;display:flex;gap:4px}.star{color:#fbbf24}.salary-comparison{display:flex;align-items:center;gap:16px;padding:20px;background:var(--off-white);border-radius:16px}.salary-box{flex:1;text-align:center}.salary-box.before{opacity:.6}.salary-label{display:block;font-size:12px;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.salary-value{display:block;font-size:1.25rem;font-weight:800;color:var(--primary-navy)}.salary-box.after .salary-value{color:var(--primary-red)}.salary-arrow{font-size:1.5rem;color:var(--primary-red);font-weight:700}.slider-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:32px}.slider-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border-gray);background:transparent;color:var(--text-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.slider-btn:hover{border-color:var(--primary-navy);color:var(--primary-navy);background:var(--off-white)}.slider-dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border-gray);cursor:pointer;transition:all var(--transition-normal)}.dot.active{background:var(--primary-red);width:32px;border-radius:5px}.video-testimonials h3{font-size:1.25rem;font-weight:700;color:var(--primary-navy);margin-bottom:24px}.video-grid{display:flex;flex-direction:column;gap:16px}.video-card{background:var(--pure-white);border-radius:16px;overflow:hidden;border:1px solid var(--border-gray);cursor:pointer;transition:all var(--transition-normal)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-thumbnail{height:140px;background:linear-gradient(135deg,var(--primary-navy),#1e3a5f);position:relative;display:flex;align-items:center;justify-content:center}.play-btn{width:56px;height:56px;background:var(--primary-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.video-card:hover .play-btn{transform:scale(1.1);box-shadow:0 10px 30px #e6002366}.video-duration{position:absolute;bottom:12px;right:12px;padding:4px 8px;background:#000c;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.video-card p{padding:16px;font-weight:600;color:var(--primary-navy);font-size:14px}@media(max-width:968px){.testimonials-content{grid-template-columns:1fr}.testimonial-main{padding:32px}.testimonial-quote{font-size:1.125rem}}@media(max-width:768px){.salary-comparison{flex-direction:column;gap:12px}.salary-arrow{transform:rotate(90deg)}}.mobile-app-section{padding:100px 20px;background:linear-gradient(135deg,var(--primary-navy) 0%,#0f2744 100%);color:#fff;overflow:hidden;position:relative}.mobile-app-section:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(230,0,35,.1) 0%,transparent 70%);border-radius:50%}.mobile-app-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.mobile-app-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.app-info{max-width:500px}.app-badge{display:inline-block;padding:8px 16px;background:#ffffff1a;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:20px;line-height:1.2}.app-description{font-size:1.125rem;color:#fffc;margin-bottom:40px;line-height:1.7}.app-features{margin-bottom:40px}.app-feature{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.app-feature:hover{background:#ffffff1a;transform:translate(8px)}.app-feature-icon{width:48px;height:48px;background:var(--primary-red);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-feature-text h4{font-weight:700;margin-bottom:4px}.app-feature-text p{color:#ffffffb3;font-size:14px}.app-downloads{display:flex;gap:16px;flex-wrap:wrap}.store-btn{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all var(--transition-normal)}.store-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.store-icon{font-size:1.5rem}.store-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.store-text span{font-size:11px;opacity:.8}.store-text strong{font-size:1rem;font-weight:700}.app-demo{display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;width:280px;height:560px;background:var(--pure-white);border-radius:40px;padding:12px;box-shadow:0 50px 100px #0000004d,0 0 0 12px #ffffff1a;animation:phone-float 6s ease-in-out infinite}@keyframes phone-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}.phone-screen{width:100%;height:100%;background:var(--off-white);border-radius:32px;overflow:hidden;position:relative}.screen-header{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:30px;background:var(--pure-white);border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.screen-notch{width:60px;height:20px;background:var(--primary-navy);border-radius:10px;margin:5px auto}.screen-content{padding:50px 20px 20px;height:100%;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.app-logo{width:40px;height:40px;background:var(--primary-red);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.app-menu{width:24px;height:24px;background:var(--border-gray);border-radius:4px}.app-courses{display:flex;gap:12px;margin-bottom:24px}.course-thumb{flex:1;height:100px;background:var(--border-gray);border-radius:12px;transition:all var(--transition-normal)}.course-thumb.active{background:var(--primary-navy);transform:scale(1.05)}.app-progress{margin-top:auto;padding:16px;background:var(--pure-white);border-radius:12px}.progress-bar{height:8px;background:var(--border-gray);border-radius:4px;margin-bottom:8px;overflow:hidden}.progress-fill{width:65%;height:100%;background:var(--primary-red);border-radius:4px;animation:progress-grow 3s ease infinite}@keyframes progress-grow{0%,to{width:65%}50%{width:75%}}.app-progress span{font-size:12px;color:var(--text-gray);font-weight:600}.floating-card{position:absolute;background:var(--pure-white);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-dark);font-weight:600;animation:card-float 4s ease-in-out infinite}.floating-card span{font-size:1.25rem}.card-1{top:80px;right:-60px;animation-delay:0s}.card-2{bottom:120px;left:-60px;animation-delay:2s}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:968px){.mobile-app-content{grid-template-columns:1fr;gap:60px}.app-info{max-width:100%;text-align:center}.app-feature{text-align:left}.app-downloads{justify-content:center}.phone-mockup{width:240px;height:480px}.floating-card{display:none}}.faq-section{padding:100px 20px;background:var(--off-white)}.faq-container{max-width:1000px;margin:0 auto}.faq-content{display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:start}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--pure-white);border-radius:16px;overflow:hidden;border:1px solid var(--border-gray);transition:all var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item.open{border-color:var(--primary-navy);box-shadow:var(--shadow-lg)}.faq-question{width:100%;padding:24px;background:none;border:none;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:1rem;font-weight:600;color:var(--primary-navy);cursor:pointer;transition:all var(--transition-normal)}.faq-question:hover{color:var(--primary-red)}.faq-icon{color:var(--text-gray);transition:transform var(--transition-normal);flex-shrink:0;margin-left:16px}.faq-item.open .faq-icon{transform:rotate(180deg);color:var(--primary-red)}.faq-answer{max-height:0;overflow:hidden;transition:all var(--transition-normal)}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding:0 24px 24px;color:var(--text-gray);line-height:1.7}.faq-cta{position:sticky;top:100px}.cta-card{background:var(--primary-navy);border-radius:24px;padding:40px 32px;text-align:center;color:#fff}.cta-icon{width:64px;height:64px;background:var(--primary-red);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.cta-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}.cta-card p{color:#fffc;font-size:14px;margin-bottom:24px;line-height:1.6}.contact-support-btn{width:100%;padding:16px;background:var(--primary-red);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);margin-bottom:20px}.contact-support-btn:hover{background:#ff4757;transform:translateY(-2px)}.response-time{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#fff9}.response-time .dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:968px){.faq-content{grid-template-columns:1fr}.faq-cta{position:static;order:-1}.cta-card{max-width:400px;margin:0 auto 40px}}@media(max-width:768px){.faq-question{padding:20px;font-size:15px}.faq-answer p{padding:0 20px 20px;font-size:14px}}.newsletter-section{padding:100px 20px;background:linear-gradient(135deg,var(--primary-navy) 0%,#0f2744 100%);position:relative;overflow:hidden}.newsletter-section:before{content:"";position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(230,0,35,.1) 0%,transparent 70%);border-radius:50%}.newsletter-container{max-width:700px;margin:0 auto;position:relative;z-index:1}.newsletter-content{text-align:center;color:#fff}.newsletter-icon{width:80px;height:80px;background:#ffffff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;color:var(--primary-red);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:16px}.newsletter-description{font-size:1.125rem;color:#fffc;margin-bottom:40px;line-height:1.6}.newsletter-form{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.input-wrapper{position:relative;flex:1;min-width:280px}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-gray)}.input-wrapper input{width:100%;padding:18px 18px 18px 52px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;outline:none;transition:all var(--transition-normal)}.input-wrapper input::placeholder{color:#ffffff80}.input-wrapper input:focus{border-color:var(--primary-red);background:#ffffff26}.subscribe-btn{display:flex;align-items:center;gap:8px;padding:18px 32px;background:var(--primary-red);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.subscribe-btn:hover{background:#ff4757;transform:translateY(-2px);box-shadow:0 10px 30px #e6002366}.success-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#10b98133;border-radius:12px;color:#10b981;font-weight:600;margin-bottom:24px;animation:slide-up .5s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.newsletter-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;font-size:14px;color:#fff9}@media(max-width:768px){.newsletter-form{flex-direction:column}.input-wrapper{min-width:100%}.subscribe-btn{width:100%;justify-content:center}.newsletter-features{gap:16px}}.footer{background:linear-gradient(135deg,#000b29,#001233,#000b29);color:#fff;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:all .6s ease-out;padding:0;margin-top:60px}.footer.visible{opacity:1;transform:translateY(0)}.footer-shape{position:absolute;pointer-events:none;filter:blur(0px)}.shape-1{top:-100px;right:-50px;width:300px;height:300px;background:linear-gradient(135deg,rgba(227,6,19,.15) 0%,transparent 70%);border-radius:50%/60% 60% 40% 40%;transform:rotate(-15deg);animation:float 6s ease-in-out infinite}.shape-2{bottom:80px;left:-100px;width:250px;height:250px;background:linear-gradient(45deg,transparent 30%,rgba(227,6,19,.1) 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:float 8s ease-in-out infinite reverse}.shape-3{top:50%;right:10%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:50%;transform:translateY(-50%)}.footer-grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(227,6,19,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(227,6,19,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.footer:before{content:"";position:absolute;top:-50px;left:0;width:100%;height:50px;background:linear-gradient(135deg,#000b29,#001233);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:2}.footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:10;padding:30px 20px 0}.footer-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr 1fr;gap:25px;padding:20px 0}.footer-brand{opacity:0;transform:translateY(15px);transition:all .5s ease-out}.footer-brand.animate-in{opacity:1;transform:translateY(0)}.logo-wrapper{margin-bottom:12px}.footer-logo-img{height:45px;width:auto;object-fit:contain;filter:brightness(0) invert(1);transition:transform .3s ease}.footer-logo-img:hover{transform:scale(1.05)}.footer-logo-text{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:2px}.logo-skills{color:#fff}.logo-mind{color:#e30613}.logo-dot{width:6px;height:6px;background:#e30613;border-radius:50%;margin-left:2px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.footer-tagline{color:#fff9;line-height:1.5;margin-bottom:12px;font-size:.8rem;max-width:220px}.footer-contact-compact{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.contact-item{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:.75rem;transition:all .3s ease}.contact-item:hover{color:#e30613}.contact-item svg{color:#e30613;flex-shrink:0}.newsletter-compact{display:flex;gap:6px;background:#ffffff0d;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.newsletter-compact input{flex:1;background:transparent;border:none;color:#fff;font-size:.75rem;outline:none}.newsletter-compact input::placeholder{color:#fff6}.newsletter-compact button{background:#e30613;border:none;width:28px;height:28px;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.newsletter-compact button:hover{background:#ff1a2e;transform:scale(1.1)}.footer-links-column{opacity:0;transform:translateY(15px);transition:all .5s ease-out}.footer-links-column.animate-in{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.footer-links-column h4{font-size:.85rem;font-weight:700;margin-bottom:12px;color:#fff;position:relative;padding-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.footer-links-column h4:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:2px;background:#e30613;border-radius:2px}.footer-links-column ul{list-style:none}.footer-links-column li{margin-bottom:5px}.footer-link{display:flex;align-items:center;gap:5px;color:#fff9;text-decoration:none;font-size:.75rem;transition:all .3s ease;padding:2px 0;background:none;border:none;cursor:pointer;width:100%;text-align:left}.footer-link:hover{color:#e30613;transform:translate(4px)}.link-arrow{opacity:0;transition:all .3s ease;color:#e30613}.footer-link:hover .link-arrow{opacity:1}.contact-btn-compact{margin-top:12px;width:100%;background:#e30613;border:none;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease;margin-bottom:12px}.contact-btn-compact:hover{background:#ff1a2e;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.social-compact{display:flex;gap:6px;flex-wrap:wrap}.social-icon-compact{width:28px;height:28px;background:#ffffff14;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease;position:relative;overflow:hidden}.social-icon-compact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--social-color);opacity:0;transition:opacity .3s ease}.social-icon-compact:hover:before{opacity:1}.social-icon-compact:hover{transform:translateY(-3px);color:#fff}.social-icon-compact svg{position:relative;z-index:1}.footer-copyright-bar{position:relative;margin-top:10px;padding:15px 0;opacity:0;transform:translateY(15px);transition:all .5s ease-out;border-top:1px solid rgba(255,255,255,.1)}.footer-copyright-bar:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40%;height:20px;background:linear-gradient(135deg,#000b29,#001233);border-radius:20px 20px 0 0;border-top:1px solid rgba(227,6,19,.3);border-left:1px solid rgba(227,6,19,.2);border-right:1px solid rgba(227,6,19,.2)}.footer-copyright-bar.animate-in{opacity:1;transform:translateY(0)}.copyright-content{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;position:relative;z-index:2}.copyright-text{color:#fff9;font-size:.8rem;display:flex;align-items:center;gap:4px}.heart-icon{color:#e30613;fill:#e30613;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.legal-links{display:flex;align-items:center;gap:10px;font-size:.75rem}.legal-links a{color:#ffffff80;text-decoration:none;transition:all .3s ease}.legal-links a:hover{color:#e30613}.divider{color:#fff3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;width:100%;max-width:480px;position:relative;overflow:hidden;animation:slideUp .4s ease;box-shadow:0 25px 80px #0006;border:1px solid rgba(227,6,19,.1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{padding:30px}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative}.modal-icon{width:45px;height:45px;background:linear-gradient(135deg,#e30613,#ff4757);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #e306134d}.modal-title h3{font-size:1.3rem;color:#000b29;margin-bottom:2px;font-weight:700}.modal-title p{color:#64748b;font-size:.85rem}.modal-close{position:absolute;right:0;top:0;width:36px;height:36px;border:none;background:#000b290d;border-radius:10px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#e30613;color:#fff;transform:rotate(90deg)}.contact-form{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;color:#000b29}.form-group label svg{color:#e30613}.form-group input,.form-group textarea{padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.85rem;outline:none;transition:all .3s ease;font-family:inherit;background:#fff}.form-group input:focus,.form-group textarea:focus{border-color:#e30613;box-shadow:0 0 0 4px #e306131a}.form-group textarea{resize:vertical;min-height:80px}.submit-btn{background:linear-gradient(135deg,#000b29,#001a3d);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:5px}.submit-btn:hover:not(:disabled){background:#e30613;transform:translateY(-2px);box-shadow:0 10px 30px #e306134d}.submit-btn.loading{opacity:.8;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{text-align:center;padding:40px 20px;animation:scaleIn .4s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-icon{width:70px;height:70px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 20px;box-shadow:0 10px 30px #10b9814d;animation:checkmark .5s ease}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.success-message h4{font-size:1.3rem;color:#000b29;margin-bottom:8px;font-weight:700}.success-message p{color:#64748b;font-size:.95rem}@media(max-width:968px){.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1 / -1}.footer-tagline{max-width:100%}.shape-1,.shape-2{display:none}}@media(max-width:768px){.footer{margin-top:40px}.footer-container{padding:20px 15px 0}.footer-grid{grid-template-columns:1fr;gap:15px;text-align:center;padding:15px 0}.footer-links-column h4:after{left:50%;transform:translate(-50%)}.footer-link{justify-content:center}.footer-contact-compact{align-items:center}.newsletter-compact{max-width:280px;margin:0 auto}.social-compact{justify-content:center}.copyright-content{flex-direction:column;gap:10px}.footer-copyright-bar:before{width:60%}.modal-content{padding:25px}.form-row{grid-template-columns:1fr}.modal-header{flex-direction:column;text-align:center}.modal-close{position:absolute;right:15px;top:15px}}@media(max-width:480px){.footer-logo-img{height:38px}.footer-logo-text{font-size:1.3rem;justify-content:center}.footer-links-column h4{font-size:.8rem}.contact-btn-compact{font-size:.75rem;padding:6px 12px}.modal-content{padding:20px}.modal-title h3{font-size:1.1rem}.footer-copyright-bar:before{width:80%}}.react-hot-toast{animation:slideInAndGlow .5s ease-out forwards}@keyframes slideInAndGlow{0%{transform:translate(100px);opacity:0}70%{transform:translate(-10px)}to{transform:translate(0);opacity:1;box-shadow:0 0 15px #3182ce66}}