@charset "UTF-8";.login-card{width:380px;padding:32px;border-radius:18px;background:#1b193399;box-shadow:0 0 30px #0006;display:flex;flex-direction:column;gap:18px;text-align:center}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.loader-container.fullscreen{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.loader-spinner{color:#3b2bee!important}.loader-text{color:#fff;font-size:16px;font-weight:500}.login-page{height:100vh;background:#121022;display:flex;justify-content:center;align-items:center;padding:16px;font-family:Space Grotesk,sans-serif}.login-card,.signup-card{width:380px;padding:32px;border-radius:18px;background:#1b193399;box-shadow:0 0 30px #0006;display:flex;flex-direction:column;gap:18px;text-align:center}.title{font-size:28px;font-weight:700;color:#fff}.subtitle{font-size:14px;color:#d0d0e3;margin-bottom:10px}.input .MuiOutlinedInput-root{background:#fff;border-radius:10px}.primary-btn{background:#3b2bee!important;border-radius:9999px!important;font-weight:600!important;text-transform:none!important;height:42px;margin-top:10px}.switch{color:#fff;font-size:14px;margin-top:10px}.switch span{color:#3b2bee;cursor:pointer;font-weight:600}.signup-page{height:100vh;background:#121022;display:flex;justify-content:center;align-items:center;padding:16px;font-family:Space Grotesk,sans-serif}.profile-setup-page{display:flex;flex-grow:1;min-height:100vh;background:#121022;padding:40px;color:#fff;font-family:Space Grotesk,sans-serif}.profile-setup-page .profile-main-content{flex-grow:1}.profile-setup-page .profile-main-content .page-title{font-weight:700;color:#fff;margin-bottom:30px;font-size:28px}.profile-setup-page .profile-main-content .profile-form{max-width:600px}.profile-setup-page .profile-main-content .profile-form .MuiTextField-root{margin-bottom:20px}.profile-setup-page .profile-main-content .profile-form .MuiTextField-root .MuiOutlinedInput-root{background:#ffffff0d;border-radius:10px}.profile-setup-page .profile-main-content .profile-form .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#ffffff26}.profile-setup-page .profile-main-content .profile-form .MuiTextField-root label{color:#c7c6d9;font-size:14px}.profile-setup-page .profile-main-content .profile-form .MuiTextField-root .MuiInputBase-input{color:#fff}.profile-setup-page .profile-main-content .profile-form .MuiTextField-root .MuiFormHelperText-root{color:#ff8a80!important}.profile-setup-page .profile-main-content .profile-form .MuiChip-root{background:#3b2bee!important;color:#fff!important;font-weight:600}.profile-setup-page .profile-main-content .profile-form .save-btn{margin-top:26px;background:#3b2bee!important;text-transform:none!important;border-radius:10px!important;padding:10px 28px!important;font-weight:700!important;font-size:16px;transition:.25s ease}.profile-setup-page .profile-main-content .profile-form .save-btn:hover{background:#2e23c7!important}.sidebar-drawer{width:280px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-drawer .MuiDrawer-paper{width:280px;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border-right:none;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow-x:hidden;box-shadow:4px 0 24px #0000001a}.sidebar-drawer .MuiDrawer-paper::-webkit-scrollbar{width:6px}.sidebar-drawer .MuiDrawer-paper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sidebar-drawer .MuiDrawer-paper::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-drawer .MuiDrawer-paper::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-drawer.collapsed{width:80px}.sidebar-drawer.collapsed .MuiDrawer-paper{width:80px;align-items:center}.sidebar-drawer *{transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.MuiListItemButton-root{animation:slideInRight .3s ease-out}.MuiListItemButton-root.Mui-selected{background:#fff3!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000001a}.MuiListItemButton-root:hover{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(4px)}.MuiListItemIcon-root:hover svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.MuiAvatar-root{box-shadow:0 4px 12px #0003;transition:transform .3s ease}.MuiAvatar-root:hover{transform:scale(1.05)}.MuiChip-root{transition:all .3s ease}.MuiChip-root:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.MuiDialog-paper{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sidebar-drawer{width:80px}.sidebar-drawer.open{width:280px}.sidebar-drawer .MuiDrawer-paper{width:80px}.sidebar-drawer.open .MuiDrawer-paper{width:280px}}.MuiButton-root{transition:all .3s cubic-bezier(.4,0,.2,1)!important}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.MuiListItemIcon-root svg{transition:all .3s ease}.MuiListItemButton-root:hover .MuiListItemIcon-root svg{animation:iconPulse .6s ease-in-out}.logout-item .MuiSvgIcon-root{color:#ffb3b3!important}.logout-item:hover .MuiSvgIcon-root{color:#fff!important}.logout-text{color:#ffb3b3!important}.logout-text:hover{color:#fff!important}.sidebar-list{padding-top:10px;flex-grow:1}.sidebar-layout{display:flex;min-height:100vh;height:0;overflow:hidden}.topics-sidebar{border-right:1px solid #e0e0e0}.topics-sidebar,.main-content{flex-grow:0;background-color:transparent;height:100vh;scrollbar-width:auto;-ms-overflow-style:none;overflow-x:hidden!important}.main-content{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;scrollbar-width:auto!important}.main-content .content{flex-grow:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.main-content .content ::-webkit-scrollbar{width:0px}.dashboard-container{flex:1;padding:40px;background:#121022;color:#fff;font-family:Space Grotesk,sans-serif;overflow-y:auto}.dashboard-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}.dashboard-title{font-weight:900;font-size:32px;margin-bottom:8px}.dashboard-subtitle{color:#9692c9;font-size:15px}.section{margin-top:40px}.section-title{font-weight:700;font-size:22px;margin-bottom:20px}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;max-width:900px}.quiz-card{width:260px;justify-self:start;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:22px;border-radius:14px;transition:box-shadow .3s ease,transform .3s ease}.quiz-card:hover{box-shadow:0 0 10px #3b2bee80;transform:translateY(-4px)}.quiz-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quiz-title{font-size:15px;font-weight:500}.quiz-medal{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.quiz-medal.gold{background:#ffd7001a;color:gold}.quiz-medal.silver{background:#c0c0c01a;color:silver}.quiz-medal.bronze{background:#cd7f321a;color:#cd7f32}.quiz-score{margin-top:10px}.score-value{font-size:30px;font-weight:700}.score-value .score-max{font-size:16px;color:#bbb}.score-label{font-size:13px;color:#9692c9}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.course-card{display:flex;flex-direction:column;padding:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:transform .3s ease,box-shadow .3s ease;min-height:320px}.course-card:hover{transform:translateY(-4px);box-shadow:0 0 10px #3b2bee66}.course-info{flex-grow:1}.course-image{width:100%;height:160px;border-radius:10px;background-size:cover;background-position:center}.course-header{display:flex;justify-content:space-between;align-items:baseline}.course-title{font-weight:600;font-size:14px!important;margin-top:8px!important}.course-desc{color:#9692c9;font-size:12px!important;margin-top:4px!important}.start-btn{margin-top:10px!important;margin-bottom:8px!important;background:#3b2bee!important;text-transform:none!important;border-radius:10px!important;font-weight:700!important}.info-icon{color:#90caf9;cursor:pointer;margin-left:6px;transition:.2s ease;margin-top:8px!important;font-size:16px!important}.info-icon:hover{color:#fff;transform:scale(1.1)}.streak-card{top:40px;right:40px;display:flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:14px 20px;border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:.25s ease}.streak-card:hover{transform:translateY(-3px);box-shadow:0 0 12px #3b2bee80}.streak-icon{font-size:32px;background:#ffffff0f;padding:12px;border-radius:50%}.streak-info{display:flex;flex-direction:column;align-items:flex-start}.streak-number{font-size:26px;font-weight:800;line-height:22px;color:#fff}.streak-label{font-size:13px;color:#a199d1}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-logo{width:28px;height:28px;background:linear-gradient(135deg,#2563eb,#22c55e);border-radius:6px}.navbar-title{font-weight:600}.navbar-links{display:flex;gap:35px}.navbar-links span{color:#475569;font-size:14px;cursor:pointer;transition:color .25s ease}.navbar-links span:hover{color:#0f172a}.navbar-btn{background:#2563eb!important;text-transform:none!important;font-weight:600!important;border-radius:50px!important}.navbar-btn:hover{background:#1d4ed8!important}.navbar-actions{display:flex;align-items:center;gap:12px}.admin-btn{background:#0ea5e9!important;text-transform:none!important;font-weight:600!important;border-radius:50px!important;padding:6px 18px!important}.admin-btn:hover{background:#0284c7!important}.hero{min-height:70vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;background:linear-gradient(135deg,#eff6ff,#f8fafc 45%,#ecfdf3);text-align:left;padding:100px 80px 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-content{position:relative;z-index:1}.hero-content.fade-in{animation:fadeIn .8s ease-out forwards}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:24px;padding:8px 16px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;background:#2563eb;border-radius:50%;animation:pulse 2s ease-in-out infinite}.badge-text{color:#2563eb;font-size:13px;font-weight:600}.hero-title{font-weight:700;margin-bottom:24px;color:#0f172a;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#2563eb,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:#475569;max-width:620px;margin:0 0 32px;line-height:1.7;font-size:1.05rem}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-btn{padding:14px 32px!important;text-transform:none!important;border-radius:12px!important;font-weight:600!important;font-size:15px!important;transition:all .3s ease!important;position:relative;overflow:hidden}.hero-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.hero-btn:hover:before{width:300px;height:300px}.hero-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 4px 14px #2563eb4d}.hero-btn.primary:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.hero-btn.primary .btn-arrow{display:inline-block;margin-left:8px;transition:transform .3s ease}.hero-btn.primary:hover .btn-arrow{transform:translate(4px)}.hero-btn.secondary{border-color:#2563eb!important;color:#2563eb!important;background:#2563eb0d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn.secondary:hover{background:#2563eb1f!important;transform:translateY(-2px)}.hero-stats{display:flex;gap:24px;align-items:center;padding:24px 0;border-top:1px solid rgba(15,23,42,.08)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{font-weight:700;font-size:1.5rem;color:#0f172a}.stat-label{color:#64748b;font-size:13px}.stat-divider{width:1px;height:40px;background:#0f172a1a}.hero-metrics{display:grid;gap:20px;position:relative;z-index:1}.hero-metrics.slide-in{animation:slideIn .8s ease-out .3s forwards;opacity:0}.metric-card{position:relative;overflow:hidden;transition:all .3s ease}.metric-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #2563eb26}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0f172a1a,inset 0 1px #ffffff80}.metric-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#2563eb1a,#10b9811a);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.metric-icon{color:#2563eb;font-size:28px!important}.metric-value{font-weight:700;font-size:2.2rem;color:#0f172a;margin:8px 0;background:linear-gradient(135deg,#2563eb,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{color:#64748b;font-size:14px;margin-bottom:12px;line-height:1.4}.metric-progress{width:100%;height:6px;background:#2563eb1a;border-radius:10px;overflow:hidden;position:relative}.metric-progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#10b981);border-radius:10px;transition:width 2s cubic-bezier(.4,0,.2,1);position:relative}.metric-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:80px 40px 60px;gap:40px}.hero-metrics{grid-template-columns:1fr}.hero-stats{flex-direction:column;align-items:flex-start;gap:16px}.stat-divider{width:100%;height:1px}}@media(max-width:600px){.hero{padding:60px 24px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .hero-btn{width:100%}.stat-number{font-size:1.3rem}}.community-section{padding:90px 60px;background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;text-align:center;position:relative;overflow:hidden}.community-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.2) 50%,transparent 100%)}.community-title{font-weight:700;margin-bottom:16px;position:relative;display:inline-block}.community-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#2563eb,#10b981);border-radius:2px}.community-subtitle{color:#64748b;margin:24px auto 60px;max-width:700px;font-size:1.05rem;line-height:1.6}.architecture-flow{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;max-width:1400px;margin:0 auto}.flow-item-wrapper{display:flex;align-items:center;gap:24px}.testimonial-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:32px;border-radius:20px;display:flex;flex-direction:column;gap:16px;text-align:left;border:1px solid rgba(37,99,235,.15);box-shadow:0 8px 24px #0f172a14;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;max-width:260px}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#10b981);transform:scaleX(0);transition:transform .4s ease}.testimonial-card:hover{transform:translateY(-12px);box-shadow:0 16px 40px #2563eb33;border-color:#2563eb4d}.testimonial-card:hover:before{transform:scaleX(1)}.testimonial-card:hover .testimonial-icon{transform:scale(1.1) rotate(5deg)}.step-number{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 4px 12px #2563eb4d}.testimonial-header{display:flex;align-items:center;gap:14px}.testimonial-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2563eb26,#10b98126);color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease;box-shadow:0 4px 12px #2563eb26}@keyframes pulseAnimation{0%,to{box-shadow:0 4px 12px #2563eb26}50%{box-shadow:0 4px 20px #2563eb4d}}.pulse-animation{animation:pulseAnimation 3s ease-in-out infinite}.testimonial-name{font-weight:600;font-size:1.05rem;color:#0f172a}.testimonial-text{color:#64748b;font-size:14px;line-height:1.7}.flow-connector{display:flex;align-items:center;color:#2563eb;opacity:.5}.flow-connector .arrow-icon{font-size:32px;animation:slideRight 2s ease-in-out infinite}@keyframes slideRight{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(8px);opacity:1}}@media(max-width:1200px){.flow-connector{transform:rotate(90deg)}.architecture-flow,.flow-item-wrapper{flex-direction:column}.testimonial-card{max-width:400px}}@media(max-width:600px){.community-section{padding:60px 24px}.testimonial-card{padding:24px}}.features-section{padding:100px 80px;background:linear-gradient(180deg,#f8fafc,#eff6ff);color:#0f172a;text-align:center;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}.features-title{font-weight:700;margin-bottom:60px;position:relative;display:inline-block}.features-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#2563eb,#10b981);border-radius:2px}.features-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1400px;margin:0 auto}.feature-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 28px;border-radius:20px;border:1px solid rgba(37,99,235,.12);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#10b981);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #2563eb2e;border-color:#2563eb4d}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.15) rotate(5deg);background:linear-gradient(135deg,#2563eb33,#10b98133)}.feature-card:hover .feature-hover-overlay{opacity:1}.feature-icon-wrapper{width:80px;height:80px;margin:0 auto 20px;border-radius:18px;background:linear-gradient(135deg,#2563eb1f,#10b9811f);display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 8px 24px #2563eb26}.feature-icon{font-size:40px!important;color:#2563eb;transition:transform .3s ease}.feature-title{font-weight:600;font-size:1.1rem;margin-bottom:12px;color:#0f172a}.feature-description{color:#64748b;font-size:14px;line-height:1.7}.feature-hover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2563eb08,#10b98108);opacity:0;transition:opacity .4s ease;pointer-events:none}@media(max-width:900px){.features-section{padding:70px 40px}.features-wrapper{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}}@media(max-width:600px){.features-section{padding:60px 24px}.features-wrapper{grid-template-columns:1fr}.feature-card{padding:32px 24px}}.footer{background:#0f172a;color:#f8fafc;padding:50px 40px 25px;text-align:center}.footer-content{max-width:800px;margin:0 auto}.footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.footer-logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#2563eb,#22c55e)}.footer-title{font-weight:600}.footer-description{color:#cbd5f5;font-size:14px;margin-bottom:25px}.footer-socials{display:flex;justify-content:center;gap:12px;margin-bottom:30px}.social-btn{color:#cbd5f5!important;transition:.25s ease}.social-btn:hover{color:#fff!important}.footer-divider{width:100%;height:1px;background:#ffffff1f;margin-bottom:16px}.footer-copy{font-size:12px;color:#94a3b8}.landing-page{min-height:100vh;width:100%;background-color:#f8fafc;color:#0f172a;font-family:Inter,Space Grotesk,sans-serif}html{scroll-behavior:smooth}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes timerWarning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.quiz-layout{display:grid;grid-template-columns:1fr 340px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}.quiz-main-content{display:flex;flex-direction:column;padding:32px;overflow-y:auto}.quiz-top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 32px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 16px #00000014}.test-info{flex:1}.test-info .test-name{font-size:28px;font-weight:800;color:#1a2332;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 24px;border-radius:12px;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease}.timer-display .timer-text{font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px;font-variant-numeric:tabular-nums;font-family:monospace}.timer-display.warning{animation:timerWarning 2s infinite;box-shadow:0 6px 16px #ef444466}.timer-display.critical{animation:pulse 1s infinite;box-shadow:0 6px 20px #dc262680}.question-section{margin-bottom:24px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0;position:relative;overflow:hidden;transition:all .3s ease;animation:scaleIn .4s ease}.question-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.question-section:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.question-section .question-number{font-size:13px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#667eea,#764ba2);display:inline-block;padding:8px 16px;border-radius:10px;box-shadow:0 4px 12px #667eea4d}.question-section .question-type-badge{animation:fadeIn .3s ease}.question-section .question-text-container{background:linear-gradient(to bottom,#f8fafc,transparent);padding:20px;border-radius:12px;margin-top:4px;border-left:4px solid #667eea}.question-section .question-text{font-size:18px;font-weight:600;color:#1e293b;line-height:1.8;margin:0;white-space:pre-wrap;word-wrap:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.answer-section{flex:1;margin-bottom:24px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0;position:relative;overflow:hidden;animation:slideInFromLeft .5s ease}.answer-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6)}.text-answer-container{width:100%}.text-answer-field{width:100%;min-height:220px;padding:20px;border:2px solid #e2e8f0;border-radius:14px;font-size:15px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#f8fafc;line-height:1.7;color:#1e293b}.text-answer-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;background:#fff;transform:translateY(-1px)}.text-answer-field:hover:not(:focus){border-color:#cbd5e1;background:#f1f5f9}.text-answer-field::placeholder{color:#94a3b8;line-height:1.8;font-style:italic}.options-group{display:flex;flex-direction:column;gap:12px}.option-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.option-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.option-item:hover{background:linear-gradient(135deg,#f0f9ff,#ede9fe);border-color:#a5b4fc;transform:translate(6px);box-shadow:0 6px 16px #667eea33}.option-item:hover:before{transform:scaleX(1)}.option-item.selected{background:linear-gradient(135deg,#ede9fe,#dbeafe);border-color:#667eea;box-shadow:0 6px 20px #667eea40;transform:translate(4px)}.option-item.selected:before{transform:scaleX(1)}.option-item.selected .option-letter{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.option-item .MuiFormControlLabel-root{margin:0;padding:16px 20px;width:100%}.option-item .MuiFormControlLabel-root .MuiRadio-root{color:#94a3b8}.option-item .MuiFormControlLabel-root .MuiRadio-root.Mui-checked{color:#667eea}.option-item .option-label{display:flex;align-items:flex-start;gap:12px;width:100%}.option-item .option-label .option-letter{font-weight:800;font-size:16px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;border-radius:8px;flex-shrink:0;transition:all .3s ease}.option-item .option-label .option-text{font-size:15px;color:#1e293b;line-height:1.6;flex:1;font-weight:500;padding-top:4px}.coding-section .code-language{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:12px}.coding-section .constraints{background:#fff5e6;border-left:4px solid #f59e0b;padding:12px 16px;margin-bottom:16px;border-radius:8px}.coding-section .constraints .constraints-title{font-weight:600;color:#d97706;margin-bottom:8px}.coding-section .constraints ul{margin:0;padding-left:20px;color:#78350f}.coding-section .constraints ul li{margin-bottom:4px}.architecture-section .focus-areas{background:#eff6ff;border-left:4px solid #3b82f6;padding:16px;margin-bottom:20px;border-radius:8px}.architecture-section .focus-areas .focus-title{font-weight:600;color:#1e40af;margin-bottom:12px;font-size:14px}.architecture-section .architecture-textarea{width:100%;min-height:300px;padding:20px;border:2px solid #e2e8f0;border-radius:16px;font-size:15px;font-family:inherit;resize:vertical;line-height:1.7;background:#f8fafc;transition:all .2s ease}.architecture-section .architecture-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.architecture-section .architecture-textarea::placeholder{color:#94a3b8;line-height:1.8;white-space:pre-line}.navigation-buttons{display:flex;gap:12px;align-items:center;background:#fff;border-radius:24px;padding:24px;box-shadow:0 8px 32px #00000014;justify-content:space-between;flex-wrap:wrap}.navigation-buttons .nav-btn{padding:14px 28px!important;border-radius:12px!important;text-transform:none!important;font-weight:700!important;font-size:15px!important;transition:all .3s ease!important;flex:0 0 auto}.navigation-buttons .prev-btn{border:2px solid #e2e8f0!important;color:#64748b!important;background:#fff!important}.navigation-buttons .prev-btn:hover:not(:disabled){border-color:#667eea!important;background:#f8fafc!important;color:#667eea!important;transform:translate(-2px)}.navigation-buttons .prev-btn:disabled{opacity:.4;cursor:not-allowed}.navigation-buttons .save-next-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 16px #667eea66!important;flex:1;min-width:140px}.navigation-buttons .save-next-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3d99)!important;box-shadow:0 6px 20px #667eea80!important;transform:translateY(-2px)}.navigation-buttons .submit-btn{background:#10b981!important;color:#fff!important;box-shadow:0 4px 12px #10b98166!important}.navigation-buttons .submit-btn:hover{background:#059669!important;box-shadow:0 6px 16px #10b98180!important;transform:translateY(-1px)}.quiz-sidebar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;border-left:1px solid rgba(255,255,255,.3)}.candidate-info{display:flex;justify-content:center;padding-bottom:20px;border-bottom:2px solid rgba(102,126,234,.2)}.candidate-info .avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;box-shadow:0 6px 20px #667eea66}.candidate-info .avatar-circle .avatar-text{font-size:40px;color:#fff;font-weight:700}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.grid-question-btn{min-width:48px!important;height:48px!important;padding:0!important;border-radius:12px!important;font-weight:700!important;font-size:14px!important;background:#fff!important;border:2px solid #e2e8f0!important;color:#64748b!important;transition:all .3s ease!important;cursor:pointer!important}.grid-question-btn:hover{border-color:#667eea!important;transform:translateY(-2px);box-shadow:0 4px 12px #667eea40!important}.grid-question-btn.current{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#64748b!important;border-color:#667eea!important;box-shadow:0 6px 16px #667eea66!important;transform:scale(1.05)}.grid-question-btn.answered{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#10b981!important;color:#047857!important}.grid-question-btn.not-answered{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important;color:#92400e!important}.grid-question-btn.marked-for-review{background:linear-gradient(135deg,#fecaca,#fca5a5)!important;border-color:#ef4444!important;color:#991b1b!important}.grid-question-btn.marked{position:relative;background:linear-gradient(135deg,#fed7aa,#fdba74)!important;border-color:#f59e0b!important;color:#92400e!important;box-shadow:0 0 0 3px #f59e0b26!important}.grid-question-btn.marked.answered{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#10b981!important;color:#047857!important;box-shadow:0 0 0 3px #10b98126!important}.grid-question-btn.not-visited{background:#f8fafc!important;border-color:#e2e8f0!important}.grid-question-btn.expired{background:#cbd5e1!important;border-color:#94a3b8!important;color:#475569!important;cursor:not-allowed!important;opacity:.6!important}.grid-question-btn.expired:hover{transform:none!important;box-shadow:none!important;border-color:#94a3b8!important}.grid-question-btn:disabled{cursor:not-allowed!important;opacity:.6!important}.summary-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.summary-title{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.summary-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.summary-indicator{width:20px;height:20px;border-radius:4px;flex-shrink:0}.summary-indicator.current{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-indicator.not-answered{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-indicator.expired{background:#94a3b8}.summary-text{font-size:13px;color:#64748b;font-weight:500;color:#0f172a;margin-bottom:20px!important;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-item{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:8px;border-radius:10px;transition:all .2s ease}.summary-item:hover{background:#f8fafc}.summary-item:last-child{margin-bottom:0}.summary-indicator{width:28px;height:28px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.summary-indicator.answered{background:linear-gradient(135deg,#10b981,#059669)}.summary-indicator.not-answered{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.summary-indicator.marked-for-review{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-text{font-size:14px;color:#64748b;font-weight:600}.warning-modal{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.warning-box{background:#fff;padding:32px;width:420px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #0000004d}.warning-title{font-size:24px;font-weight:700;color:#dc3545;margin-bottom:16px}.warning-message{color:#4a5568;font-size:15px;line-height:1.6;margin-bottom:24px}.submission-screen{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:40px}.submitted-title{font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.submitted-text{font-size:18px;margin-bottom:32px;opacity:.95;max-width:600px;line-height:1.6}@media(max-width:1200px){.quiz-layout{grid-template-columns:1fr 280px}.question-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:968px){.quiz-layout{grid-template-columns:1fr}.quiz-sidebar{display:none}.quiz-main-content{padding:16px 20px}.timer-display{padding:8px 16px}.timer-display .timer-text{font-size:18px}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media print{.quiz-layout{background:#fff!important}button{display:none!important}}.pre-assessment-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.pre-assessment-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;padding:40px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pre-assessment-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f0f0f0}.pre-assessment-header .assessment-title{font-weight:700;color:#2d3748;margin-top:16px;margin-bottom:8px}.pre-assessment-header .candidate-info{color:#718096;font-weight:500}.assessment-overview{display:flex;gap:24px;margin-bottom:32px;justify-content:center}.assessment-overview .overview-item{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0}.assessment-overview .overview-item .overview-label{color:#718096;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.assessment-overview .overview-item .overview-value{color:#2d3748;font-weight:700;margin:0}.question-breakdown{margin-bottom:32px;padding:20px;background:#f8f9ff;border-radius:12px}.question-breakdown .section-title{font-weight:600;color:#2d3748;margin-bottom:16px;display:flex;align-items:center}.question-breakdown .breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.question-breakdown .breakdown-grid .breakdown-item{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.question-breakdown .breakdown-grid .breakdown-item svg{color:#48bb78}.question-breakdown .breakdown-grid .breakdown-item strong{color:#667eea}.instructions-section,.important-notes{margin-bottom:24px;padding:20px;background:#f7fafc;border-radius:12px}.instructions-section .section-title,.important-notes .section-title{font-weight:600;color:#2d3748;margin-bottom:12px;display:flex;align-items:center}.instructions-section .section-title.warning,.important-notes .section-title.warning{color:#d97706}.instructions-section .instructions-list,.instructions-section .notes-list,.important-notes .instructions-list,.important-notes .notes-list{margin:0;padding-left:24px}.instructions-section .instructions-list li,.instructions-section .notes-list li,.important-notes .instructions-list li,.important-notes .notes-list li{margin-bottom:8px;color:#4a5568;line-height:1.6}.instructions-section .instructions-list li:last-child,.instructions-section .notes-list li:last-child,.important-notes .instructions-list li:last-child,.important-notes .notes-list li:last-child{margin-bottom:0}.important-notes{background:#fffbeb;border-left:4px solid #f59e0b}.important-notes .notes-list li{color:#92400e}.system-check{margin-bottom:24px;padding:20px;background:#f0fdf4;border-radius:12px;border:1px solid #86efac}.system-check .section-title{font-weight:600;color:#2d3748;margin-bottom:12px}.system-check .check-results{display:flex;gap:12px;flex-wrap:wrap}.system-check .check-results .check-item{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px}.system-check .check-results .check-item.pass{background:#d1fae5;color:#065f46}.system-check .check-results .check-item.fail{background:#fee2e2;color:#991b1b}.terms-agreement{margin-bottom:24px;padding:16px;background:#fef3c7;border-radius:8px;border:1px solid #fbbf24}.start-button-container{display:flex;flex-direction:column;align-items:center;margin-top:32px;margin-bottom:16px}.start-button-container .start-button{box-shadow:0 4px 14px #667eea66;transition:all .3s ease}.start-button-container .start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.start-button-container .start-button:active:not(:disabled){transform:translateY(0)}.estimated-time{display:block;text-align:center;color:#718096;font-style:italic}@media(max-width:768px){.pre-assessment-card{padding:24px}.assessment-overview{flex-direction:column;gap:12px}.question-breakdown .breakdown-grid{grid-template-columns:1fr}.start-button-container .start-button{width:100%}}.streak-page{padding:50px;color:#fff;background:#121122;font-family:Space Grotesk,sans-serif;margin-left:40px}.page-title{font-size:32px;font-weight:900;margin-bottom:32px}.streak-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:900px){.streak-grid{grid-template-columns:1fr}}.streak-grid .left-section,.streak-grid .right-section{display:flex;flex-direction:column;gap:10px}.card{background:#1a1832;border:1px solid #262348;padding:24px;border-radius:16px}.row{display:flex;justify-content:space-between;margin-bottom:12px;gap:5px}.card-title{font-size:18px;font-weight:700}.card-streak{color:#3b2bee;font-size:26px;font-weight:900}.progress-bar{background:#373267;height:10px;border-radius:50px;width:100%}.progress-fill{height:100%;background:#3b2bee;border-radius:50px}.card-sub{margin-top:12px;color:#9692c9;font-size:14px}.section-title{font-size:20px;font-weight:700;margin-bottom:4px}.section-sub{color:#9692c9;font-size:13px;margin-bottom:12px}.rewards-grid{display:grid;gap:12px}.reward-row{display:flex;justify-content:space-between;padding:16px;border-radius:12px;background:#26234880;border:1px solid #373267;gap:16px}.reward-row.active{background:#3b2bee33;border-color:#3b2bee;box-shadow:0 0 0 2px #3b2bee80}.reward-range{font-weight:700;font-size:16px}.reward-desc{color:#9692c9;font-size:14px}.reward-img{width:64px;height:64px;background-size:cover;background-position:center;border-radius:12px}.faq{background:#1a1832;border:1px solid #373267;border-radius:12px;padding:12px 18px;margin-top:12px}.faq summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:8px 0}.faq summary .material-symbols-outlined{transition:.2s;align-content:center}.faq[open] summary .material-symbols-outlined{transform:rotate(180deg)}.faq .faq-text{margin-top:6px;color:#9692c9;font-size:14px}.reset-time{font-size:26px;font-weight:900;color:#3b2bee;margin:4px 0}.milestones-list{margin-top:16px;display:flex;flex-direction:column;gap:16px}.milestone-row{display:flex;align-items:center;gap:16px}.milestone-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.milestone-icon .material-symbols-outlined{font-size:32px}.unlocked .milestone-icon{background:#3b2bee33;color:#3b2bee}.locked .milestone-icon{background:#373267;color:#9692c9}.milestone-title{font-weight:600;margin:0}.milestone-status{font-size:14px;color:#9692c9;margin:0}:root{--bg: #f6f8fb;--card: #ffffff;--muted: #6b7280;--text: #0f172a;--primary: #2563EB;--border: #e6eefc;--shadow: 0 6px 18px rgba(16, 24, 40, .08)}.assessment-page{padding:28px;background:var(--bg);min-height:100vh;box-sizing:border-box}.page-header{margin-bottom:18px}.page-header h1{margin:0;font-size:26px;font-weight:600;color:var(--text)}.page-header .subtitle{margin-top:4px;color:var(--muted);font-size:14px}.edit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:var(--card);border-radius:16px;border:1px solid var(--border);margin-bottom:26px}.edit-loading .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.edit-loading p{margin-top:16px;color:var(--muted);font-size:14px}.card{background:var(--card);border-radius:16px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:26px}.card-header h2{margin:0 0 10px;font-size:18px;font-weight:600;color:var(--text)}.card-header .hint{margin-top:4px;font-size:13px;color:var(--muted)}.upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}.upload-grid>*{min-width:0;max-width:100%}@media(max-width:1200px){.upload-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.upload-grid{grid-template-columns:1fr}}.btn{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 6px 14px #2563eb1f}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.card-actions{margin-top:14px;display:flex;align-items:center;gap:12px}.footer-actions{margin-top:24px;display:flex;justify-content:center}.submit-btn{width:100%;max-width:380px;padding:14px;background:var(--primary);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.25s ease;text-align:center}.submit-btn:hover:not(.disabled){background:#1d4ed8}.submit-btn.disabled,.submit-btn:disabled{background:#b7c2f3;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:14px;color:#374151}.field input[type=text],.field input[type=email],.field input[type=url]{width:100%;padding:10px 14px;border:1.6px solid #d1d5db;border-radius:8px;font-size:15px;background:#fff;transition:.15s ease}.field input[type=text]:focus,.field input[type=email]:focus,.field input[type=url]:focus{border-color:#2563eb;background:#f8fbff;outline:none}.field input[type=range]{appearance:none;width:100%;height:6px;background:#e5e7eb;border-radius:4px;cursor:pointer;margin-top:4px}.field input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.field input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.skills-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-chip{background:#eef4ff;border:1px solid rgba(37,99,235,.18);padding:6px 10px;border-radius:999px;font-size:13px;display:inline-flex;align-items:center;gap:8px}.skill-chip .remove-skill{cursor:pointer;color:#6b7280;transition:.2s}.skill-chip .remove-skill:hover{color:#e11d48}.expiry-card .expiry-field{display:flex;flex-direction:column;gap:8px;max-width:400px}.expiry-card .expiry-field label{font-weight:600;font-size:14px;color:#374151}.expiry-card .expiry-field .expiry-input{width:100%;padding:12px 14px;border:2px solid #e6eefc;border-radius:8px;font-size:15px;background:#fff;transition:all .2s ease;cursor:pointer}.expiry-card .expiry-field .expiry-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.expiry-card .expiry-field .expiry-input:hover{border-color:#cbd5e1}.expiry-card .expiry-field .expiry-preview{margin:0;padding:10px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;font-size:13px;font-weight:600;color:#92400e}.expiry-card .expiry-field .expiry-note{margin:0;font-size:12px;color:#6b7280;font-style:italic}.file-upload{display:flex;flex-direction:column;gap:8px;font-family:inherit;width:100%;min-width:0;overflow:hidden}.file-upload .file-upload-label{font-weight:600;color:#0f172a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload .file-upload-label .required-star{color:#dc3545;margin-left:4px}.file-upload.error .upload-box{border-color:#dc3545;background:#fff5f7}.file-upload.error .upload-box:hover{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.file-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fee;border-left:3px solid #dc3545;border-radius:4px;color:#c33;font-size:12px;animation:slideDown .3s ease-in-out}.file-error svg{flex-shrink:0}.upload-box{border:2px dashed #e6eefc;background:#fff;padding:16px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:80px;display:flex;align-items:center;justify-content:center;position:relative}.upload-box:hover{border-color:#cfe0ff;box-shadow:0 6px 18px #2563eb0f;background:#fbfdff}.upload-box.drag-active{border-color:#2563eb!important;background:#fbfdff!important;box-shadow:0 6px 18px #2563eb33!important}.upload-box.has-error{border-color:#dc3545;background:#fff5f7}.upload-inner{display:flex;flex-direction:column;gap:4px;align-items:center;color:#374151;text-align:center}.upload-inner .upload-icon{color:#2563eb}.upload-inner .upload-text{margin:0;font-size:12px;font-weight:600;color:#1a1a1a}.upload-inner .upload-hint{margin:0;font-size:12px;color:#999}.uploaded-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;min-height:56px;gap:8px}.uploaded-row:hover{border-color:#cbd5e1;background:#f1f5f9}.hidden-input{display:none}.upload-modal-overlay{position:fixed;inset:0;background:#02061759;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-in-out}.upload-modal{width:360px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0206171f;position:relative;text-align:center;animation:popIn .3s ease-out}.upload-modal.source-picker{width:420px;padding:32px}.upload-modal.preview-modal{width:90vw;max-width:900px;height:85vh;max-height:700px;padding:0;display:flex;flex-direction:column;text-align:left}.modal-header{margin-bottom:24px}.modal-header .modal-icon{width:56px;height:56px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.modal-header .modal-subtitle{color:#6b7280;font-size:14px;margin:8px 0 0}.upload-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.upload-option{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.upload-option .option-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-option .option-content{flex:1}.upload-option .option-content .option-title{display:block;font-weight:600;font-size:15px;color:#0f172a;margin-bottom:4px}.upload-option .option-content .option-desc{display:block;font-size:13px;color:#6b7280}.upload-option.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#2563eb}.upload-option.primary .option-icon{background:#fff3;color:#fff}.upload-option.primary .option-content .option-title,.upload-option.primary .option-content .option-desc{color:#fff}.upload-option.primary .option-content .option-desc{opacity:.85}.upload-option.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb59}.upload-option.secondary{background:#f8fafc;border-color:#e2e8f0}.upload-option.secondary .option-icon{background:#e0e7ff;color:#2563eb}.upload-option.secondary:hover{border-color:#cbd5e1;background:#f1f5f9}.upload-option .coming-soon-badge{position:absolute;top:8px;right:8px;background:#fef3c7;color:#92400e;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase}.modal-footer{text-align:center}.modal-footer .file-types{font-size:12px;color:#9ca3af;margin:0 0 12px}.modal-footer .cancel-link{background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.modal-footer .cancel-link:hover{background:#f3f4f6;color:#374151}.uploaded-row .file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.uploaded-row .file-info .file-icon{font-size:20px;flex-shrink:0}.uploaded-row .file-info .file-details{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.uploaded-row .file-info .file-details .file-name{color:#0f172a;font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.uploaded-row .file-info .file-details .file-meta{color:#6b7280;font-size:11px;white-space:nowrap}.uploaded-row .file-actions{display:flex;gap:4px;flex-shrink:0}.uploaded-row .file-actions .action-btn{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.uploaded-row .file-actions .action-btn.preview-btn{background:#e0e7ff;color:#2563eb}.uploaded-row .file-actions .action-btn.preview-btn:hover{background:#c7d2fe}.uploaded-row .file-actions .action-btn.download-btn{background:#d1fae5;color:#059669}.uploaded-row .file-actions .action-btn.download-btn:hover{background:#a7f3d0}.uploaded-row .file-actions .action-btn.remove-btn{background:#fee2e2;color:#dc2626}.uploaded-row .file-actions .action-btn.remove-btn:hover{background:#fecaca}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.preview-header .preview-file-info{display:flex;align-items:center;gap:12px}.preview-header .preview-file-info .preview-icon{font-size:32px}.preview-header .preview-file-info .preview-file-details .preview-filename{margin:0;font-size:16px;font-weight:600;color:#0f172a}.preview-header .preview-file-info .preview-file-details .preview-meta{font-size:13px;color:#6b7280}.preview-header .preview-controls{display:flex;align-items:center;gap:8px}.preview-header .preview-controls .zoom-level{font-size:13px;color:#6b7280;min-width:45px;text-align:center}.preview-header .preview-controls .control-btn{width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .2s ease}.preview-header .preview-controls .control-btn:hover{background:#f3f4f6;border-color:#d1d5db}.preview-header .preview-controls .control-btn.close-btn{background:#fee2e2;border-color:#fecaca;color:#dc2626}.preview-header .preview-controls .control-btn.close-btn:hover{background:#fecaca}.preview-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6b7280}.preview-loading .loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.preview-loading .progress-bar{width:200px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.preview-loading .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:3px;transition:width .3s ease}.preview-content{flex:1;overflow:auto;padding:20px;background:#f3f4f6;transform-origin:top left}.preview-content .pdf-preview{width:100%;height:100%;min-height:400px;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 8px #00000014}.preview-content .text-preview{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014;min-height:300px;max-height:100%;overflow:auto}.preview-content .text-preview pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;color:#374151}.preview-content .docx-preview-content{background:#fff;border-radius:8px;padding:32px 48px;box-shadow:0 2px 8px #00000014;min-height:300px;max-height:100%;overflow:auto}.preview-content .docx-preview-content .docx-html-content{font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.7;color:#1a1a1a}.preview-content .docx-preview-content .docx-html-content h1,.preview-content .docx-preview-content .docx-html-content h2,.preview-content .docx-preview-content .docx-html-content h3,.preview-content .docx-preview-content .docx-html-content h4,.preview-content .docx-preview-content .docx-html-content h5,.preview-content .docx-preview-content .docx-html-content h6{color:#0f172a;margin-top:24px;margin-bottom:12px;font-weight:600}.preview-content .docx-preview-content .docx-html-content h1{font-size:24px}.preview-content .docx-preview-content .docx-html-content h2{font-size:20px}.preview-content .docx-preview-content .docx-html-content h3{font-size:18px}.preview-content .docx-preview-content .docx-html-content h4{font-size:16px}.preview-content .docx-preview-content .docx-html-content p{margin-bottom:12px}.preview-content .docx-preview-content .docx-html-content ul,.preview-content .docx-preview-content .docx-html-content ol{margin:12px 0;padding-left:24px}.preview-content .docx-preview-content .docx-html-content li{margin-bottom:6px}.preview-content .docx-preview-content .docx-html-content table{width:100%;border-collapse:collapse;margin:16px 0}.preview-content .docx-preview-content .docx-html-content table th,.preview-content .docx-preview-content .docx-html-content table td{border:1px solid #e5e7eb;padding:10px 12px;text-align:left}.preview-content .docx-preview-content .docx-html-content table th{background:#f9fafb;font-weight:600}.preview-content .docx-preview-content .docx-html-content table tr:hover td{background:#f9fafb}.preview-content .docx-preview-content .docx-html-content strong,.preview-content .docx-preview-content .docx-html-content b{font-weight:600}.preview-content .docx-preview-content .docx-html-content em,.preview-content .docx-preview-content .docx-html-content i{font-style:italic}.preview-content .docx-preview-content .docx-html-content a{color:#2563eb;text-decoration:none}.preview-content .docx-preview-content .docx-html-content a:hover{text-decoration:underline}.preview-content .docx-preview-content .docx-html-content img{max-width:100%;height:auto;border-radius:4px}.preview-content .docx-preview-content .docx-html-content blockquote{margin:16px 0;padding:12px 20px;border-left:4px solid #2563eb;background:#f8fafc;color:#475569}.preview-content .docx-preview-content .docx-html-content code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px}.preview-content .docx-preview-content .docx-html-content pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto}.preview-content .docx-preview-content .docx-html-content pre code{background:transparent;padding:0;color:inherit}.preview-content .docx-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:48px;text-align:center;min-height:300px;box-shadow:0 2px 8px #00000014}.preview-content .docx-preview .docx-icon{color:#2563eb;margin-bottom:16px}.preview-content .docx-preview h4{margin:0 0 8px;font-size:18px;color:#0f172a}.preview-content .docx-preview p{margin:0 0 8px;color:#6b7280;font-size:14px}.preview-content .docx-preview .docx-hint{color:#9ca3af;font-size:13px;margin-bottom:24px}.preview-content .docx-preview .download-btn-large{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.preview-content .docx-preview .download-btn-large:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.preview-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.preview-footer .btn-cancel,.preview-footer .btn-confirm{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.preview-footer .btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.preview-footer .btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.preview-footer .btn-confirm{background:linear-gradient(135deg,#059669,#10b981);border:none;color:#fff}.preview-footer .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #05966959}.preview-footer .btn-confirm:disabled{opacity:.6;cursor:not-allowed}.modal-close{position:absolute;right:12px;top:10px;border:none;background:transparent;cursor:pointer;font-size:24px;color:#999;transition:color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px}.modal-close:hover{color:#1a1a1a;background:#f3f4f6}.modal-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#0f172a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.upload-modal{width:calc(100% - 32px);margin:0 16px}.upload-modal.preview-modal{width:95vw;height:90vh}.preview-header{flex-direction:column;gap:12px;align-items:flex-start}.preview-header .preview-controls{width:100%;justify-content:flex-end}}.candidate-info-section{width:100%}.candidate-info-section .auto-fill-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:8px;padding:10px 14px;margin-bottom:20px;font-size:13px;color:#2e7d32;animation:slideIn .3s ease}.candidate-info-section .auto-fill-badge .badge-icon{font-size:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.candidate-info-section .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1024px){.candidate-info-section .info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.candidate-info-section .info-grid{grid-template-columns:1fr}}.candidate-info-section .info-field{display:flex;flex-direction:column;gap:6px}.candidate-info-section .info-field.full-width{grid-column:1/-1}.candidate-info-section .info-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#555}.candidate-info-section .info-field label .field-icon{font-size:14px;color:#667}.candidate-info-section .info-field label .field-icon.linkedin{color:#0077b5}.candidate-info-section .info-field label .field-icon.github{color:#333}.candidate-info-section .info-field input{width:100%;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;background:#fafafa;transition:all .2s ease;box-sizing:border-box}.candidate-info-section .info-field input::placeholder{color:#aaa;font-size:13px}.candidate-info-section .info-field input:hover{border-color:#bbb;background:#fff}.candidate-info-section .info-field input:focus{outline:none;border-color:#1a73e8;background:#fff;box-shadow:0 0 0 3px #1a73e81a}.candidate-info-section .info-field input.has-value{background:#fff;border-color:silver}.candidate-info-section .info-field input.valid{border-color:#34a853;background:linear-gradient(to right,#fff,#f0fdf4)}.candidate-info-section .info-field input.valid:focus{box-shadow:0 0 0 3px #34a8531a}.candidate-info-section .info-field input.error{border-color:#ea4335;background:linear-gradient(to right,#fff,#fef7f7)}.candidate-info-section .info-field input.error:focus{box-shadow:0 0 0 3px #ea43351a}.candidate-info-section .info-field .error-text{font-size:12px;color:#ea4335;margin-top:2px}@keyframes highlightField{0%{background-color:#fff9c4}to{background-color:#fafafa}}.candidate-info-section.auto-filled .info-field input.has-value{animation:highlightField 1s ease-out}.role-skill-wrapper{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.error .form-input,.form-group.error .role-input-container{border-color:#dc3545!important;background:#fff5f7}.form-group.error .form-input input:focus,.form-group.error .role-input-container input:focus{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc35451a!important}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.group-header .form-label{margin:0;display:flex;align-items:center;gap:8px}.group-header .use-extraction-btn{padding:4px 12px;background:#e8f4ff;border:1px solid #cfe0ff;border-radius:4px;color:#2563eb;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.group-header .use-extraction-btn:hover{background:#d1ecf1;border-color:#b0e0ea;color:#0c5460}.group-header .use-extraction-btn:active{transform:scale(.98)}.form-label,.form-field label{font-weight:600;color:#0f172a;font-size:13px;margin:0}.extraction-badge{display:inline-block;padding:2px 8px;background:#fff3cd;color:#856404;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-input-container{position:relative;display:flex;align-items:center}.role-input-container .form-input{width:100%;max-width:none;padding:10px 36px 10px 12px;border:2px solid #e6eefc;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.role-input-container .form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.role-input-container .form-input:disabled{background:#f5f5f5;color:#999}.role-input-container .check-icon{position:absolute;right:12px;color:#28a745;pointer-events:none}.skill-input-container{position:relative;display:flex;flex-direction:column}.skill-input-container .form-input{width:100%;max-width:none;padding:10px 12px;border:2px solid #e6eefc;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.skill-input-container .form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.skill-input-container .form-input::placeholder{color:#999}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e6eefc;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.suggestions-dropdown .suggestion-item{padding:10px 12px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid #f0f0f0}.suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.suggestions-dropdown .suggestion-item:hover{background:#f8f9fa;padding-left:16px}.suggestions-dropdown .suggestion-item:active{background:#f0f7ff;color:#2563eb}.skills-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:32px}.skill-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:600;background:#eef3ff;border:1px solid #cbd7ff;color:#0f4c9f;transition:all .2s ease}.skill-chip.matched{background:linear-gradient(135deg,#fef7e0,#fff4cc);border-color:#f0c14b;color:#7a5c00;box-shadow:0 2px 8px #f0c14b40}.skill-chip.matched .match-star{color:#f0c14b}.skill-chip.matched .skill-duration{background:#f0c14b33;color:#7a5c00}.skill-chip.extracted{background:#f0f9f3;border-color:#c3e6d8;color:#155724}.skill-chip.extracted .source-label{display:inline-block;padding:1px 6px;background:#28a74526;border-radius:3px;font-size:10px;font-weight:700;color:#28a745;text-transform:uppercase;letter-spacing:.3px}.skill-chip.manual{background:#eef3ff;border-color:#cbd7ff;color:#0f4c9f}.skill-chip .match-star{flex-shrink:0}.skill-chip .skill-name{flex:1}.skill-chip .skill-duration{display:inline-block;padding:2px 6px;background:#2563eb1a;border-radius:3px;font-size:10px;font-weight:700;color:#2563eb}.skill-chip .remove-skill{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:inherit;opacity:.6;transition:all .2s ease;padding:2px}.skill-chip .remove-skill:hover{opacity:1;color:#dc3545}.skill-chip:hover{box-shadow:0 2px 8px #0000001a}.jd-match-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#fef9e7,#fff8dc);border:1px solid #f0c14b;border-radius:8px;color:#7a5c00;font-size:13px;font-weight:600;margin-bottom:12px}.jd-match-summary .match-icon{color:#f0c14b;font-size:16px}.skills-collapse-section{margin-top:12px}.skills-collapse-section .collapse-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f8f9fa;border:1px solid #e6eefc;border-radius:6px;color:#495057;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.skills-collapse-section .collapse-toggle:hover{background:#e9ecef;border-color:#d4d8e3}.skills-collapse-section .collapsed-skills{margin-top:12px;padding-top:12px;border-top:1px dashed #e6eefc}.extracted-preview{padding:12px;background:#f8f9fa;border:1px dashed #d4d8e3;border-radius:6px;margin-top:8px}.extracted-preview .preview-label{margin:0 0 8px;font-size:12px;color:#666;font-weight:600}.extracted-preview .preview-skills{display:flex;flex-wrap:wrap;gap:6px}.extracted-preview .preview-skills .preview-chip{display:inline-block;padding:4px 10px;background:#fff;border:1px solid #e6eefc;border-radius:4px;font-size:12px;color:#666;transition:all .2s ease}.extracted-preview .preview-skills .preview-chip:hover{border-color:#2563eb;color:#2563eb;cursor:pointer}.extracted-preview .preview-skills .preview-chip.more{cursor:default;background:#f0f0f0;color:#999}.extracted-preview .preview-skills .preview-chip.more:hover{border-color:#e6eefc;color:#999}.error-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fee;border-left:3px solid #dc3545;border-radius:4px;color:#c33;font-size:12px;font-weight:500;animation:slideDown .2s ease-in-out}.extraction-info{padding:12px;background:#f0f7ff;border:1px solid #cfe0ff;border-radius:6px;color:#0c5460;font-size:12px;line-height:1.5}.extraction-info p{margin:0}.extraction-info strong{font-weight:700}.form-field input[type=range]{width:100%;max-width:460px;margin-top:10px;cursor:pointer}@media(max-width:768px){.group-header{flex-direction:column;align-items:flex-start;gap:8px}.group-header .use-extraction-btn{align-self:flex-start}.skill-chip{font-size:12px;padding:5px 8px}}.assessment-method-selector{display:flex;flex-direction:column;gap:12px}.assessment-method-selector .form-label-wrapper{display:flex;align-items:center;gap:6px}.assessment-method-selector .form-label-wrapper .info-icon{display:flex;align-items:center;color:#2563eb;opacity:.7;cursor:help;transition:opacity .2s ease}.assessment-method-selector .form-label-wrapper .info-icon:hover{opacity:1}.assessment-method-selector .form-label{margin:0;font-weight:600;color:#0f172a;font-size:13px}.radio-group{display:flex;flex-direction:column;gap:12px;padding:12px;background:#fafbfc;border:1px solid #e6eefc;border-radius:8px}.method-option{position:relative;padding:12px;background:#fff;border:2px solid #e6eefc;border-radius:6px;transition:all .2s ease;cursor:pointer}.method-option:hover:not(.disabled){border-color:#2563eb;background:#f8f9ff;box-shadow:0 2px 8px #2563eb1a}.method-option.selected{border-color:#2563eb;background:#f0f7ff;box-shadow:0 0 0 1px #2563eb inset}.method-option.selected .method-content .method-name{color:#2563eb;font-weight:700}.method-option.selected .method-content .method-description{color:#0f4c9f}.method-option.selected .selected-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#d1e7f3;color:#0f4c9f;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.method-option.disabled{opacity:.6;background:#f9f9f9;cursor:not-allowed}.method-option.disabled .radio-wrapper{cursor:not-allowed}.method-option.disabled .radio-custom{cursor:not-allowed;opacity:.5}.method-option.disabled .method-description{color:#999}.method-option.disabled .disabled-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#ffe6e6;color:#dc3545;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.method-option.disabled:hover{border-color:#dc3545;box-shadow:0 2px 8px #dc354526}.radio-wrapper{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.radio-wrapper input[type=radio]{display:none}.radio-wrapper input[type=radio]:checked~.radio-label .radio-custom{background:#2563eb;border-color:#2563eb}.radio-wrapper input[type=radio]:checked~.radio-label .radio-custom:after{opacity:1}.radio-wrapper input[type=radio]:disabled~.radio-label{cursor:not-allowed;opacity:.6}.radio-wrapper .radio-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;flex:1}.radio-custom{width:20px;height:20px;min-width:20px;border:2px solid #cbd7ff;border-radius:50%;background:#fff;position:relative;margin-top:2px;transition:all .2s ease;cursor:pointer}.radio-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;opacity:0;transition:opacity .2s ease}.method-content{flex:1}.method-content .method-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.method-content .method-header .method-icon{font-size:20px;line-height:1}.method-content .method-header .method-title-wrapper{display:flex;align-items:center;gap:8px;flex:1}.method-content .method-header .method-name{font-weight:600;color:#0f172a;font-size:14px}.method-content .method-header .selected-badge,.method-content .method-header .disabled-badge{display:flex;align-items:center;gap:3px;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.method-content .method-description{font-size:13px;color:#666;line-height:1.4;margin:0}.method-features{margin-top:12px;padding-top:12px;border-top:1px solid #e6eefc;animation:slideDown .2s ease-in-out}.method-features ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.method-features ul li{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;font-weight:500}.method-features ul li .feature-dot{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#e8f4ff;border-radius:3px;color:#2563eb;font-size:10px;font-weight:700}.disabled-tooltip{margin-top:12px;padding:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;animation:slideDown .2s ease-in-out}.disabled-tooltip .tooltip-content{display:flex;align-items:flex-start;gap:10px;color:#856404}.disabled-tooltip .tooltip-content svg{min-width:16px;margin-top:2px}.disabled-tooltip .tooltip-content .tooltip-title{margin:0 0 4px;font-weight:700;font-size:13px}.disabled-tooltip .tooltip-content .tooltip-message{margin:0;font-size:12px;line-height:1.4}.error-message{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fee;border-left:3px solid #dc3545;border-radius:4px;color:#c33;font-size:12px;font-weight:500;animation:slideDown .2s ease-in-out;margin-top:8px}.error-message .error-icon{flex-shrink:0}.method-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f0f7ff;border:1px solid #cfe0ff;border-radius:6px;color:#0c5460;font-size:12px;line-height:1.5;margin-top:8px}.method-info-box svg{min-width:16px;flex-shrink:0;margin-top:2px;color:#2563eb}.method-info-box p{margin:0}.method-info-box p strong{font-weight:700}@media(max-width:768px){.radio-group{padding:8px;gap:8px}.method-option{padding:10px}.method-option.selected .selected-badge,.method-option.disabled .disabled-badge{font-size:10px;padding:2px 6px}.method-content .method-header{gap:6px;margin-bottom:6px}.method-content .method-header .method-icon{font-size:18px}.method-content .method-header .method-name{font-size:13px}.method-content .method-description{font-size:12px}.method-features ul li{font-size:11px}.disabled-tooltip{padding:10px}.disabled-tooltip .tooltip-content{gap:8px}.disabled-tooltip .tooltip-content .tooltip-title{font-size:12px}.disabled-tooltip .tooltip-content .tooltip-message{font-size:11px}.method-info-box{padding:10px;font-size:11px}.method-info-box svg{width:14px;height:14px}}.submit-button-wrapper{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.button-container{position:relative;display:flex;align-items:center;gap:12px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;min-height:48px;min-width:200px}.submit-btn.enabled{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb4d}.submit-btn.enabled:hover:not(.loading):not(.success){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb66;transform:translateY(-2px)}.submit-btn.enabled:active:not(.loading):not(.success){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.submit-btn.disabled{background:#e0e0e0;color:#999;cursor:not-allowed;box-shadow:none}.submit-btn.disabled:hover{background:#d5d5d5;box-shadow:0 2px 4px #0000001a}.submit-btn.loading{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:wait;pointer-events:none}.submit-btn.loading .loader-icon{animation:spin 1s linear infinite}.submit-btn.success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;cursor:default;pointer-events:none}.submit-btn.success .success-icon{animation:bounceIn .5s ease-out}.submit-btn.error-shake{animation:shake .4s ease-in-out}.submit-btn .button-content{display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn .loader-icon,.submit-btn .success-icon{font-size:18px}.submit-btn .button-text{font-weight:700}.submit-btn .validation-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:#dc3545;color:#fff;border-radius:50%;font-size:11px;font-weight:700;margin-left:auto;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.button-tooltip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:12px;font-weight:500;animation:slideDown .2s ease-in-out;white-space:nowrap}.button-tooltip svg{flex-shrink:0;color:#ffc107}.loading-indicator{width:100%;height:3px;background:#f0f0f0;border-radius:2px;overflow:hidden}.loading-indicator .progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#1d4ed8,#2563eb);background-size:200% 100%;border-radius:2px;animation:progressStripe 1.5s ease-in-out infinite}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes progressStripe{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.submit-btn{padding:12px 20px;font-size:14px;min-width:160px}.submit-btn .loader-icon,.submit-btn .success-icon{font-size:16px}.submit-btn .validation-badge{width:22px;height:22px;font-size:10px}.button-tooltip{font-size:11px;padding:8px 10px;white-space:normal}.button-tooltip svg{width:12px;height:12px}}@media(max-width:600px){.button-container{flex-direction:column;align-items:stretch}.submit-btn{width:100%;justify-content:center}.button-tooltip{width:100%}}.assessment-modal-overlay{position:fixed;inset:0;background:#02061759;display:flex;align-items:center;justify-content:center;z-index:4000}.assessment-modal{width:420px;background:#fff;border-radius:12px;padding:22px;box-shadow:0 14px 30px #10182814;text-align:center}.modal-title{margin:0;font-size:18px;color:#0f172a}.modal-description{color:#6b7280;margin-top:8px;font-size:13px}.link-box{margin-top:12px;background:#f8fafc;border:1px solid #e6eefc;padding:10px;border-radius:8px;font-size:13px;overflow-x:auto}.modal-btn{width:100%;margin-top:14px;padding:12px;border-radius:8px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer}.modal-btn.primary{background:#2563eb;color:#fff}.modal-btn.secondary{background:#eef2ff;color:#0f172a;border:1px solid #e6eefc}.modal-btn.disabled{opacity:.9;cursor:not-allowed}.soon-note{margin-top:8px;color:#6b7280;font-size:12px}.toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:9999;animation:slideIn .3s ease-in-out;max-width:400px;gap:12px}.toast .toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast .toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast .toast-message{font-size:14px;margin:0;line-height:1.4;font-weight:500}.toast .toast-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:4px;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.toast .toast-close:hover{opacity:1}.toast.toast-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.toast.toast-success .toast-icon{color:#28a745}.toast.toast-success .toast-close{color:#155724}.toast.toast-error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.toast.toast-error .toast-icon{color:#dc3545}.toast.toast-error .toast-close{color:#721c24}.toast.toast-info{background:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}.toast.toast-info .toast-icon{color:#17a2b8}.toast.toast-info .toast-close{color:#0c5460}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:600px){.toast{top:10px;right:10px;left:10px;max-width:none}}.questionnaire-card{margin-top:24px}.questionnaire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.questionnaire-field{display:flex;flex-direction:column}.questionnaire-field label{font-size:14px;margin-bottom:6px;color:#555}.questionnaire-field input{padding:10px;border-radius:8px;border:1px solid #ddd;font-size:14px}.questionnaire-summary{margin-top:16px;font-size:14px;color:#333}.warning{margin:.5rem 0 0;font-size:.875rem;color:#dc3545;font-weight:500}.additional-screening{display:flex;flex-direction:column;gap:10px;width:100%}.screening-label{font-weight:600;color:#222}.screening-item{display:flex;flex-direction:column;gap:6px;width:100%}.screening-textarea{width:100%;resize:vertical;padding:12px;border-radius:8px;border:1px solid #dcdcdc;font-size:14px;font-family:inherit;box-sizing:border-box;min-height:80px}.screening-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 1px #1976d233}.remove-btn{align-self:flex-end;background:none;border:none;color:#d32f2f;font-size:13px;cursor:pointer;padding:0}.remove-btn:hover{text-decoration:underline}.add-btn{width:100%;margin-top:6px;padding:10px 12px;border-radius:8px;border:1px dashed #b0b0b0;background:#fafafa;cursor:pointer;font-size:14px;font-weight:500}.add-btn:hover{background:#f0f0f0}.screening-hint{font-size:13px;color:#666}.cutoff-container{display:flex;flex-direction:column;gap:10px;max-width:240px}.cutoff-label{font-weight:600;color:#222}.muted{font-weight:400;color:#666;font-size:13px}.cutoff-input{padding:10px 12px;font-size:14px;border-radius:8px;border:1px solid #dcdcdc;width:120px}.cutoff-input:focus{outline:none;border-color:#1976d2}.cutoff-hint{font-size:13px;color:#666}.total-questions-container{margin-bottom:1.5rem}.total-questions-container .total-questions-label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.total-questions-container .total-questions-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.total-questions-container .total-questions-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.total-questions-container .total-questions-hint{margin:.5rem 0 0;font-size:.875rem;color:#666}.difficulty-distribution-card{margin-bottom:1.5rem}.difficulty-distribution-card .card-header{margin-bottom:1rem}.difficulty-distribution-card .card-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#333}.difficulty-distribution-card .card-header .hint{margin:0;font-size:.875rem;color:#666}.difficulty-distribution-card .card-header .warning{margin:.5rem 0 0;font-size:.875rem;color:#dc3545;font-weight:500}.difficulty-distribution-card .difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.difficulty-distribution-card .difficulty-grid .difficulty-field{display:flex;flex-direction:column;gap:.5rem}.difficulty-distribution-card .difficulty-grid .difficulty-field label{font-weight:500;color:#333}.difficulty-distribution-card .difficulty-grid .difficulty-field input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.difficulty-distribution-card .difficulty-grid .difficulty-field input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.difficulty-distribution-card .difficulty-grid .difficulty-field .percentage{font-size:.875rem;color:#666;font-weight:500}.experience-adjustment-container{margin-bottom:1.5rem}.experience-adjustment-container .toggle-container{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.experience-adjustment-container .toggle-container .toggle-label{position:relative;display:inline-block;width:50px;height:24px}.experience-adjustment-container .toggle-container .toggle-label .toggle-input{opacity:0;width:0;height:0}.experience-adjustment-container .toggle-container .toggle-label .toggle-input:checked+.toggle-slider{background-color:#007bff}.experience-adjustment-container .toggle-container .toggle-label .toggle-input:checked+.toggle-slider:before{transform:translate(26px)}.experience-adjustment-container .toggle-container .toggle-label .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.experience-adjustment-container .toggle-container .toggle-label .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.experience-adjustment-container .toggle-container .toggle-text{font-weight:500;color:#333;flex:1}.experience-adjustment-container .experience-adjustment-hint{margin:0;font-size:.875rem;color:#666;line-height:1.4}.experience-adjustment-container .experience-adjustment-hint br{margin-bottom:.25rem}.generation-policy-card{margin-bottom:1.5rem}.generation-policy-card .card-header{margin-bottom:1rem}.generation-policy-card .card-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#333}.generation-policy-card .card-header .hint{margin:0;font-size:.875rem;color:#666}.generation-policy-card .generation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.generation-policy-card .generation-grid .generation-field{display:flex;flex-direction:column;gap:.5rem}.generation-policy-card .generation-grid .generation-field label{font-weight:500;color:#333}.generation-policy-card .generation-grid .generation-field input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.generation-policy-card .generation-grid .generation-field input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.generation-policy-card .generation-grid .generation-field .percentage{font-size:.875rem;color:#666;font-weight:500}.generation-policy-card .generation-note{margin-top:.75rem;font-size:.875rem;color:#374151}.generation-policy-card .generation-note .disabled-note{color:#6b7280;font-weight:500}.assessment-question-editor .MuiAccordion-root:before{display:none}.assessment-question-editor .MuiAccordion-root.Mui-expanded{margin:0;margin-bottom:1rem}.assessment-question-editor .drag-handle{cursor:move}.assessment-view-container{min-height:100vh;background:#f8f9fa;padding:32px}@media(max-width:768px){.assessment-view-container{padding:16px}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-state .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#64748b;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center;background:#fff;border-radius:16px;padding:48px}.error-state svg{color:#ef4444}.error-state h2{margin:0;color:#0f172a;font-size:24px}.error-state p{margin:0;color:#64748b;font-size:16px}.error-state .btn{margin-top:16px}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}@media(max-width:600px){.view-header{flex-direction:column;gap:16px;align-items:stretch}}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.header-actions{display:flex;gap:12px}@media(max-width:600px){.header-actions{justify-content:stretch}.header-actions .btn{flex:1;justify-content:center}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.7;cursor:not-allowed}.btn .btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.btn.btn-secondary{background:#f1f5f9;color:#475569}.btn.btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.btn.btn-danger{background:#fee2e2;color:#dc2626}.btn.btn-danger:hover:not(:disabled){background:#fecaca}.btn.btn-danger.confirm{background:#dc2626;color:#fff;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.view-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 20px #0000000d}@media(max-width:768px){.view-content{padding:24px;border-radius:16px}}.title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}@media(max-width:600px){.title-section{flex-direction:column}}.title-section .title-info{flex:1}.title-section .title-info h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#0f172a;letter-spacing:-.5px}@media(max-width:768px){.title-section .title-info h1{font-size:24px}}.title-section .title-info .job-title{display:inline-block;padding:6px 14px;background:#e0e7ff;color:#4338ca;border-radius:20px;font-size:14px;font-weight:600}.title-section .status-badge{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-weight:600;font-size:14px}.title-section .status-badge.success{background:#dcfce7;color:#166534}.title-section .status-badge.warning{background:#fef3c7;color:#b45309}.title-section .status-badge.danger{background:#fee2e2;color:#991b1b}.title-section .status-badge.default{background:#f1f5f9;color:#64748b}.description-section{margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea}.description-section p{margin:0;color:#475569;font-size:15px;line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}}.stats-grid .stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:1px solid #e2e8f0}.stats-grid .stat-card .stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff}.stats-grid .stat-card .stat-content{display:flex;flex-direction:column}.stats-grid .stat-card .stat-content .stat-value{font-size:24px;font-weight:700;color:#0f172a;text-transform:capitalize}.stats-grid .stat-card .stat-content .stat-label{font-size:13px;color:#64748b;margin-top:2px}.link-section{margin-bottom:32px}.link-section h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:600;color:#0f172a}.link-section .link-box{display:flex;gap:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:8px}.link-section .link-box input{flex:1;padding:12px 16px;border:none;background:transparent;font-size:14px;color:#475569;font-family:monospace}.link-section .link-box input:focus{outline:none}.link-section .link-box .btn-copy{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.link-section .link-box .btn-copy:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.link-section .link-hint{margin:12px 0 0;font-size:13px;color:#64748b}.link-section .link-note{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding:10px 14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:8px;font-size:12px;color:#166534}.link-section .link-note svg{flex-shrink:0;color:#22c55e}.link-section .link-expiry{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600}.link-section .link-expiry svg{flex-shrink:0}.link-section .link-expiry.active{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.link-section .link-expiry.active svg{color:#f59e0b}.link-section .link-expiry.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.link-section .link-expiry.expired svg{color:#ef4444}.skills-section{margin-bottom:32px}.skills-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#0f172a}.skills-section .skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skills-section .skills-grid .skill-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.skills-section .skills-grid .skill-item .skill-name{font-size:14px;font-weight:500;color:#0f172a}.skills-section .skills-grid .skill-item .skill-level{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.skills-section .skills-grid .skill-item .skill-level.level-beginner{background:#dbeafe;color:#1e40af}.skills-section .skills-grid .skill-item .skill-level.level-intermediate{background:#fef3c7;color:#b45309}.skills-section .skills-grid .skill-item .skill-level.level-advanced,.skills-section .skills-grid .skill-item .skill-level.level-expert{background:#dcfce7;color:#166534}.settings-section{margin-bottom:32px}.settings-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#0f172a}.settings-section .settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.settings-section .settings-grid{grid-template-columns:1fr}}.settings-section .settings-grid .setting-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.settings-section .settings-grid .setting-item.enabled{background:#f0fdf4;border-color:#bbf7d0}.settings-section .settings-grid .setting-item.enabled svg{color:#16a34a}.settings-section .settings-grid .setting-item.enabled .setting-status{color:#16a34a}.settings-section .settings-grid .setting-item.disabled{background:#fef2f2;border-color:#fecaca}.settings-section .settings-grid .setting-item.disabled svg{color:#dc2626}.settings-section .settings-grid .setting-item.disabled .setting-status{color:#dc2626}.settings-section .settings-grid .setting-item span:first-of-type{flex:1;font-size:14px;font-weight:500;color:#0f172a}.settings-section .settings-grid .setting-item .setting-status{font-size:13px;font-weight:600}.metadata-section{display:flex;flex-wrap:wrap;gap:24px;padding-top:24px;border-top:1px solid #e2e8f0}.metadata-section .metadata-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.metadata-section .metadata-item svg{color:#94a3b8}.candidate-assessment{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px}.candidate-assessment--loading,.candidate-assessment--error{flex-direction:column;color:#fff}.candidate-assessment__paper{padding:40px;border-radius:16px;max-width:600px;width:100%}.candidate-assessment__header{text-align:center}.candidate-assessment__header h1{margin-top:16px;font-weight:600}.candidate-assessment__details,.candidate-assessment__email,.candidate-assessment__ready{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard{background:#f8f9fa;min-height:100vh;padding:32px}.dashboard-header{margin-bottom:40px;background:linear-gradient(135deg,#667eea,#764ba2,#6b8dd6);background-size:200% 200%;animation:gradientShift 8s ease infinite;padding:40px 48px;border-radius:24px;color:#fff;box-shadow:0 4px 6px #667eea1a,0 10px 40px #667eea33,inset 0 1px #ffffff1a;position:relative;overflow:hidden}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dashboard-header .header-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dashboard-header .header-decoration .decoration-circle{position:absolute;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.dashboard-header .header-decoration .circle-1{width:300px;height:300px;top:-150px;right:-50px;animation:float 6s ease-in-out infinite}.dashboard-header .header-decoration .circle-2{width:200px;height:200px;bottom:-100px;left:-50px;animation:float 8s ease-in-out infinite reverse}.dashboard-header .header-decoration .circle-3{width:100px;height:100px;top:50%;right:30%;animation:float 5s ease-in-out infinite 1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.dashboard-header .header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}@media(max-width:900px){.dashboard-header .header-content{flex-direction:column;align-items:flex-start;gap:24px}}.dashboard-header .header-info{flex:1}.dashboard-header .header-info .header-welcome{display:inline-block;font-size:14px;font-weight:500;opacity:.9;margin-bottom:8px;padding:6px 14px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.dashboard-header .header-info .page-title{margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.dashboard-header .header-info .page-subtitle{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;opacity:.85;font-weight:500}.dashboard-header .header-info .page-subtitle svg{opacity:.8}.dashboard-header .header-actions{display:flex;flex-direction:row;align-items:center;gap:16px}@media(max-width:900px){.dashboard-header .header-actions{width:100%;flex-direction:row-reverse;justify-content:space-between;align-items:center}}.dashboard-header .header-date{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;opacity:.85;padding:8px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.15)}.dashboard-header .header-date svg{opacity:.9}.dashboard-header .btn-new-assessment{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;color:#667eea;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 15px #0000001a}.dashboard-header .btn-new-assessment svg{transition:transform .3s ease}.dashboard-header .btn-new-assessment:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #0003}.dashboard-header .btn-new-assessment:hover svg{transform:rotate(90deg)}.dashboard-header .btn-new-assessment:active{transform:translateY(-1px) scale(1)}.error-alert{background:#fee;border:1px solid #fcc;border-left:4px solid #dc3545;border-radius:8px;padding:16px;margin-bottom:24px;animation:slideDown .2s ease-in-out}.error-alert .error-content{display:flex;align-items:flex-start;gap:12px}.error-alert .error-icon{color:#dc3545;flex-shrink:0;margin-top:2px}.error-alert .error-text{flex:1}.error-alert .error-text .error-message{margin:0;color:#c33;font-size:14px;font-weight:500;line-height:1.5}.error-alert .btn-retry,.error-alert .btn-close{background:transparent;border:none;color:#dc3545;cursor:pointer;padding:4px;display:flex;align-items:center;transition:all .2s ease;flex-shrink:0}.error-alert .btn-retry:hover,.error-alert .btn-close:hover{transform:scale(1.1);color:#a02830}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}.stat-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.06;border-radius:50%;transition:all .3s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f}.stat-card:hover:before{transform:scale(1.2);opacity:.1}.stat-card:hover .stat-icon-wrapper{transform:scale(1.1)}.stat-card.total{color:#6366f1;background:linear-gradient(135deg,#fff,#f5f3ff)}.stat-card.total .stat-icon-wrapper{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 24px #6366f159}.stat-card.total .stat-trend.positive{color:#6366f1;background:#6366f11a}.stat-card.pending{color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.stat-card.pending .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 24px #f59e0b59}.stat-card.pending .stat-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card.in-progress{color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.stat-card.in-progress .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 8px 24px #3b82f659}.stat-card.in-progress .stat-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card.completed{color:#10b981;background:linear-gradient(135deg,#fff,#ecfdf5)}.stat-card.completed .stat-icon-wrapper{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 24px #10b98159}.stat-card.completed .stat-progress-bar{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.active{color:#22c55e;background:linear-gradient(135deg,#fff,#f0fdf4)}.stat-card.active .stat-icon-wrapper{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 8px 24px #22c55e59}.stat-card.active .stat-progress-bar{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-card.expired{color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.stat-card.expired .stat-icon-wrapper{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 8px 24px #ef444459}.stat-card.expired .stat-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card .stat-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.stat-card .stat-icon-wrapper svg{stroke-width:2}.stat-card .stat-content{flex:1}.stat-card .stat-content .stat-value{font-size:40px;font-weight:800;color:#0f172a;margin:0;line-height:1;letter-spacing:-1px}.stat-card .stat-content .stat-label{margin:8px 0 0;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-footer{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.stat-card .stat-footer .stat-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px}.stat-card .stat-footer .stat-trend.positive{color:#10b981;background:#10b9811a}.stat-card .stat-footer .stat-progress{flex:1;height:6px;background:#0000000f;border-radius:10px;overflow:hidden}.stat-card .stat-footer .stat-progress .stat-progress-bar{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:0}.stat-card .stat-footer .stat-percentage{font-size:13px;font-weight:700;color:#64748b;min-width:36px;text-align:right}.filters-section{display:flex;gap:16px;margin-bottom:32px;align-items:center;flex-wrap:wrap}@media(max-width:768px){.filters-section{flex-direction:column;align-items:stretch}}.search-box{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;flex:1;min-width:250px;transition:all .2s ease}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box .search-icon{color:#94a3b8;flex-shrink:0}.search-box .search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#0f172a;font-family:inherit}.search-box .search-input::placeholder{color:#cbd5e1}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:768px){.filter-buttons{width:100%}}.filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{border-color:#cbd5e1;color:#475569}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-btn svg{font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;background:#fff;border-radius:12px}.loading-state .spinner{width:48px;height:48px;border:4px solid #e0e7ff;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state p{margin:0;color:#64748b;font-size:14px;font-weight:500}.assessments-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;margin-bottom:24px}.assessments-table-wrapper{overflow-x:auto}.assessments-table-wrapper::-webkit-scrollbar{height:6px}.assessments-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.assessments-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.assessments-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.assessments-table{width:100%;border-collapse:collapse;font-size:14px}.assessments-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.assessments-table thead th{padding:14px 12px;text-align:left;font-weight:700;color:#334155;text-transform:uppercase;font-size:11px;letter-spacing:.8px;white-space:nowrap}.assessments-table thead th.col-candidate{width:16%}.assessments-table thead th.col-role{width:12%}.assessments-table thead th.col-skills{width:20%}.assessments-table thead th.col-config{width:18%}.assessments-table thead th.col-status{width:10%}.assessments-table thead th.col-dates{width:16%}.assessments-table thead th.col-actions{width:8%;text-align:center}.assessments-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.assessments-table tbody tr:hover{background:#f8fafc}.assessments-table tbody tr.status-pending:hover{background:#fffbeb}.assessments-table tbody tr.status-in_progress:hover{background:#eff6ff}.assessments-table tbody tr.status-completed:hover{background:#f0fdf4}.assessments-table tbody tr td{padding:12px 10px;color:#0f172a;vertical-align:middle}.assessments-table tbody tr td.col-candidate .candidate-cell{display:flex;align-items:center;gap:10px}.assessments-table tbody tr td.col-candidate .candidate-cell .candidate-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.assessments-table tbody tr td.col-candidate .candidate-cell .candidate-name{font-weight:600;color:#1e293b;font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assessments-table tbody tr td.col-role .role-badge{display:inline-block;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;padding:5px 10px;border-radius:6px;font-weight:600;font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assessments-table tbody tr td.col-skills .skills-container{display:flex;flex-wrap:wrap;gap:5px;max-width:280px}.assessments-table tbody tr td.col-skills .skills-container .skill-tag{display:inline-block;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.assessments-table tbody tr td.col-skills .skills-container .skill-tag.core{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #34d399;box-shadow:0 1px 2px #10b98126}.assessments-table tbody tr td.col-skills .skills-container .skill-tag.primary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1}.assessments-table tbody tr td.col-skills .skills-container .skill-more{display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid #e2e8f0}.assessments-table tbody tr td.col-skills .skills-container .no-skills{color:#94a3b8;font-size:12px;font-style:italic}.assessments-table tbody tr td.col-status .status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-weight:600;font-size:12px;white-space:nowrap}.assessments-table tbody tr td.col-status .status-badge.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.assessments-table tbody tr td.col-status .status-badge.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.assessments-table tbody tr td.col-status .status-badge.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.assessments-table tbody tr td.col-status .status-badge.primary{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.assessments-table tbody tr td.col-status .status-badge.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.assessments-table tbody tr td.col-config .config-cell{display:flex;flex-direction:column;gap:4px}.assessments-table tbody tr td.col-config .config-cell .config-item{display:flex;align-items:center;gap:6px;font-size:12px}.assessments-table tbody tr td.col-config .config-cell .config-item .config-label{color:#94a3b8;font-weight:500;min-width:80px}.assessments-table tbody tr td.col-config .config-cell .config-item .config-value{color:#475569;font-weight:600}.assessments-table tbody tr td.col-dates .dates-cell{display:flex;flex-direction:column;gap:4px}.assessments-table tbody tr td.col-dates .dates-cell .date-row{display:flex;align-items:center;gap:6px;font-size:12px}.assessments-table tbody tr td.col-dates .dates-cell .date-row .date-label{color:#94a3b8;font-weight:500;min-width:55px}.assessments-table tbody tr td.col-dates .dates-cell .date-row .date-value{color:#475569;font-weight:600}.assessments-table tbody tr td.col-dates .dates-cell .date-row.expiry.expired .date-label{color:#dc2626}.assessments-table tbody tr td.col-dates .dates-cell .date-row.expiry.expired .date-value{color:#dc2626;font-weight:700}.assessments-table tbody tr td.col-dates .dates-cell .date-row.expiry.has-expiry .date-label{color:#d97706}.assessments-table tbody tr td.col-dates .dates-cell .date-row.expiry.has-expiry .date-value{color:#b45309;font-weight:600}.assessments-table tbody tr td.col-dates .dates-cell .date-row.expiry.no-expiry .date-label{color:#94a3b8}.assessments-table tbody tr td.col-dates .dates-cell .date-row.expiry.no-expiry .date-value{color:#94a3b8;font-style:italic;font-weight:400}.assessments-table tbody tr td.col-date{color:#64748b;font-size:13px;white-space:nowrap}.assessments-table tbody tr td.col-actions .action-buttons{display:flex;gap:8px;justify-content:center}.assessments-table tbody tr td.col-actions .action-buttons .action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b;background:transparent}.assessments-table tbody tr td.col-actions .action-buttons .action-btn:disabled{cursor:not-allowed;opacity:.6}.assessments-table tbody tr td.col-actions .action-buttons .action-btn .spinning{animation:spin 1s linear infinite}.assessments-table tbody tr td.col-actions .action-buttons .action-btn.view:hover{background:#dbeafe;color:#1e40af;transform:scale(1.1)}.assessments-table tbody tr td.col-actions .action-buttons .action-btn.edit:hover{background:#fef3c7;color:#b45309;transform:scale(1.1)}.assessments-table tbody tr td.col-actions .action-buttons .action-btn.delete:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.assessments-table tbody tr td.col-actions .action-buttons .action-btn.delete.confirm{background:#dc2626;color:#fff;animation:pulse .5s ease-in-out infinite}.assessments-table tbody tr td.col-actions .action-buttons .action-btn.delete.confirm:hover{background:#b91c1c;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.results-summary{padding:16px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:13px;color:#64748b;text-align:center}.results-summary strong{color:#0f172a;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;background:#fff;border-radius:12px;text-align:center}.empty-state .empty-illustration{width:100px;height:100px;margin-bottom:24px;color:#cbd5e1}.empty-state .empty-illustration svg{width:100%;height:100%}.empty-state .empty-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#0f172a}.empty-state .empty-description{margin:0 0 24px;font-size:14px;color:#64748b;max-width:400px}.empty-state .btn{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}.btn.btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.admin-dashboard{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.assessments-table thead th{font-size:11px;padding:12px}.assessments-table tbody td{padding:12px}}@media(max-width:768px){.admin-dashboard{padding:16px}.dashboard-header{padding:20px}.dashboard-header .header-content{flex-direction:column;gap:16px}.dashboard-header .page-title{font-size:24px}.dashboard-header .btn-new-assessment{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:28px}.search-box{min-width:auto;width:100%}.filter-buttons{width:100%}.filter-btn{flex:1;justify-content:center}.assessments-table{font-size:12px}.assessments-table thead th{font-size:10px;padding:8px}.assessments-table thead th.col-skills,.assessments-table thead th.col-actions{display:none}.assessments-table tbody td{padding:10px 8px}.assessments-table tbody td.col-skills,.assessments-table tbody td.col-actions{display:none}.assessments-table tbody td.col-email{width:auto}.empty-state{padding:60px 20px}.empty-state .empty-illustration{width:80px;height:80px}.empty-state .empty-title{font-size:18px}.empty-state .empty-description{font-size:13px}}@media(max-width:480px){.admin-dashboard{padding:12px}.dashboard-header{padding:16px;margin-bottom:24px}.dashboard-header .page-title{font-size:20px}.dashboard-header .page-subtitle{font-size:12px}.btn-new-assessment{padding:10px 16px;font-size:13px}}.admin-sidebar{width:240px;height:100vh;background:#1e1e2f;padding:20px;color:#fff;display:flex;flex-direction:column}.admin-logo{font-size:20px;font-weight:600;margin-bottom:30px}.admin-nav{display:flex;flex-direction:column;gap:12px}.admin-link{padding:12px 14px;border-radius:6px;color:#cfcfcf;text-decoration:none;transition:.2s}.admin-link:hover{background:#2a2a42;color:#fff}.admin-link.active{background:#4a4a68;color:#fff}.admin-navbar{height:60px;background:#fff;border-bottom:1px solid #e2e2e2;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.admin-title{font-size:20px;font-weight:500;color:#333}.admin-icons{display:flex;gap:18px;align-items:center}.nav-icon{cursor:pointer;color:#444;transition:.2s}.nav-icon:hover{color:#111}.user-icon-wrapper{cursor:pointer;display:flex;align-items:center}.user-icon-wrapper:hover .nav-icon{color:#111}.MuiMenu-paper{border-radius:8px!important;padding:4px 0!important}.MuiMenuItem-root{font-size:14px!important}.MuiMenuItem-root:hover{background:#f3f3f3!important}.admin-layout{display:flex;height:100vh;width:100%;overflow:hidden}.admin-sidebar-fixed{width:260px;position:fixed;top:0;left:0;bottom:0;background:#111827;color:#fff;overflow-y:auto}.admin-content{margin-left:260px;width:calc(100% - 260px);height:100vh;display:flex;flex-direction:column;overflow:hidden}.admin-page{flex:1;overflow-y:auto;padding:20px;background:#f6f8fb}.admin-add-candidate{padding:32px;background:#f8f9fa;min-height:100vh}.admin-add-candidate .candidate-container{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 12px #00000014}.admin-add-candidate .candidate-container h1{font-size:28px;font-weight:600;color:#0f172a;margin-bottom:8px}.admin-add-candidate .candidate-container .subtitle{color:#64748b;font-size:14px;margin-bottom:32px}.admin-add-candidate .candidate-container .candidate-form{display:flex;flex-direction:column;gap:24px}.admin-add-candidate .candidate-container .candidate-form .form-group{display:flex;flex-direction:column;gap:8px}.admin-add-candidate .candidate-container .candidate-form .form-group label{font-size:14px;font-weight:500;color:#1e293b}.admin-add-candidate .candidate-container .candidate-form .form-group input,.admin-add-candidate .candidate-container .candidate-form .form-group select,.admin-add-candidate .candidate-container .candidate-form .form-group textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}.admin-add-candidate .candidate-container .candidate-form .form-group input:focus,.admin-add-candidate .candidate-container .candidate-form .form-group select:focus,.admin-add-candidate .candidate-container .candidate-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-add-candidate .candidate-container .candidate-form .form-group input:hover:not(:focus),.admin-add-candidate .candidate-container .candidate-form .form-group select:hover:not(:focus),.admin-add-candidate .candidate-container .candidate-form .form-group textarea:hover:not(:focus){border-color:#cbd5e1}.admin-add-candidate .candidate-container .candidate-form .form-group textarea{resize:vertical;min-height:80px}.admin-add-candidate .candidate-container .candidate-form .submit-btn{margin-top:8px;padding:12px 24px;background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-add-candidate .candidate-container .candidate-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1e3a8a33}.admin-add-candidate .candidate-container .candidate-form .submit-btn:active{transform:translateY(0)}@media(max-width:768px){.admin-add-candidate{padding:16px}.admin-add-candidate .candidate-container{padding:24px}.admin-add-candidate .candidate-container h1{font-size:24px}.admin-add-candidate .candidate-container .candidate-form{gap:16px}}.admin-requirement{padding:32px;background:#f8f9fa;min-height:100vh}.admin-requirement .requirement-container{max-width:700px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 12px #00000014}.admin-requirement .requirement-container h1{font-size:28px;font-weight:600;color:#0f172a;margin-bottom:8px}.admin-requirement .requirement-container .subtitle{color:#64748b;font-size:14px;margin-bottom:32px}.admin-requirement .requirement-container .requirement-form{display:flex;flex-direction:column;gap:24px}.admin-requirement .requirement-container .requirement-form .form-group{display:flex;flex-direction:column;gap:8px}.admin-requirement .requirement-container .requirement-form .form-group label{font-size:14px;font-weight:500;color:#1e293b}.admin-requirement .requirement-container .requirement-form .form-group input,.admin-requirement .requirement-container .requirement-form .form-group select,.admin-requirement .requirement-container .requirement-form .form-group textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}.admin-requirement .requirement-container .requirement-form .form-group input:focus,.admin-requirement .requirement-container .requirement-form .form-group select:focus,.admin-requirement .requirement-container .requirement-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-requirement .requirement-container .requirement-form .form-group input:hover:not(:focus),.admin-requirement .requirement-container .requirement-form .form-group select:hover:not(:focus),.admin-requirement .requirement-container .requirement-form .form-group textarea:hover:not(:focus){border-color:#cbd5e1}.admin-requirement .requirement-container .requirement-form .form-group textarea{resize:vertical;min-height:100px}.admin-requirement .requirement-container .requirement-form .submit-btn{margin-top:8px;padding:12px 24px;background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-requirement .requirement-container .requirement-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1e3a8a33}.admin-requirement .requirement-container .requirement-form .submit-btn:active{transform:translateY(0)}@media(max-width:768px){.admin-requirement{padding:16px}.admin-requirement .requirement-container{padding:24px}.admin-requirement .requirement-container h1{font-size:24px}.admin-requirement .requirement-container .requirement-form{gap:16px}}.admin-settings{padding:32px;background:#f8f9fa;min-height:100vh}.admin-settings .settings-container{max-width:700px;margin:0 auto}.admin-settings .settings-container h1{font-size:28px;font-weight:600;color:#0f172a;margin-bottom:8px}.admin-settings .settings-container .subtitle{color:#64748b;font-size:14px;margin-bottom:32px}.admin-settings .settings-container .settings-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014}.admin-settings .settings-container .settings-section h2{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.admin-settings .settings-container .settings-section .setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f1f5f9}.admin-settings .settings-container .settings-section .setting-item:last-child{border-bottom:none;padding-bottom:0}.admin-settings .settings-container .settings-section .setting-item .setting-info{flex:1}.admin-settings .settings-container .settings-section .setting-item .setting-info label{display:block;font-size:14px;font-weight:500;color:#1e293b;margin-bottom:4px}.admin-settings .settings-container .settings-section .setting-item .setting-info p{font-size:13px;color:#64748b;margin:0}.admin-settings .settings-container .settings-section .setting-item .toggle-switch{position:relative;display:inline-flex;width:48px;height:28px;cursor:pointer}.admin-settings .settings-container .settings-section .setting-item .toggle-switch input{opacity:0;width:0;height:0}.admin-settings .settings-container .settings-section .setting-item .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.admin-settings .settings-container .settings-section .setting-item .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.admin-settings .settings-container .settings-section .setting-item .toggle-switch .toggle-slider{position:absolute;inset:0;background-color:#cbd5e1;border-radius:14px;transition:background-color .2s ease}.admin-settings .settings-container .settings-section .setting-item .toggle-switch .toggle-slider:before{content:"";position:absolute;height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.admin-settings .settings-container .settings-section .setting-item .select-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background-color:#fff;cursor:pointer;transition:all .2s ease}.admin-settings .settings-container .settings-section .setting-item .select-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-settings .settings-container .settings-section .setting-item .select-input:hover{border-color:#cbd5e1}.admin-settings .settings-container .settings-actions{display:flex;gap:12px;justify-content:flex-start}.admin-settings .settings-container .settings-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-settings .settings-container .settings-actions button.save-btn{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff}.admin-settings .settings-container .settings-actions button.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1e3a8a33}.admin-settings .settings-container .settings-actions button.reset-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.admin-settings .settings-container .settings-actions button.reset-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.admin-settings .settings-container .settings-actions button:active{transform:translateY(0)}@media(max-width:768px){.admin-settings{padding:16px}.admin-settings .settings-container h1{font-size:24px}.admin-settings .settings-container .settings-section{padding:16px}.admin-settings .settings-container .settings-section .setting-item{flex-direction:column;align-items:flex-start;gap:12px}.admin-settings .settings-container .settings-actions{flex-direction:column}.admin-settings .settings-container .settings-actions button{width:100%}}.question-bank-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.question-bank-container .MuiCard-root{transition:all .3s ease}.question-bank-container .MuiCard-root:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.question-bank-container .MuiChip-root{font-weight:600}.learning-path-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.learning-path-container .learning-path-header{margin-bottom:2rem}.learning-path-container .learning-path-header .back-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.learning-path-container .learning-path-header .back-button:hover{background:#ffffff4d;transform:translate(-4px)}.learning-path-container .learning-path-header .header-content{text-align:center;color:#fff}.learning-path-container .learning-path-header .header-content .header-icon{margin-bottom:1rem;opacity:.9}.learning-path-container .learning-path-header .header-content h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.learning-path-container .learning-path-header .header-content .header-subtitle{font-size:1.1rem;opacity:.9}.learning-path-container .learning-path-header .header-content .header-subtitle strong{color:gold}.learning-path-container .learning-path-body{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a}.learning-path-container .learning-path-body .no-courses{text-align:center;padding:4rem 2rem;color:#666}.learning-path-container .learning-path-body .no-courses svg{color:#ddd;margin-bottom:1rem}.learning-path-container .learning-path-body .no-courses h2{font-size:1.5rem;margin-bottom:.5rem;color:#333}.learning-path-container .learning-path-body .no-courses p{font-size:1rem;color:#666}.learning-path-container .learning-path-body .courses-intro{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.learning-path-container .learning-path-body .courses-intro svg{color:#667eea}.learning-path-container .learning-path-body .courses-intro h2{font-size:1.75rem;color:#333;margin:0}.learning-path-container .learning-path-body .courses-intro p{flex:1;color:#666;margin:0;font-size:.95rem}.learning-path-container .learning-path-body .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.learning-path-container .learning-path-body .courses-grid .course-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column}.learning-path-container .learning-path-body .courses-grid .course-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:#667eea}.learning-path-container .learning-path-body .courses-grid .course-card .course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge[data-level=beginner]{background:#e3f2fd;color:#1976d2}.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge[data-level=intermediate]{background:#fff3e0;color:#f57c00}.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge[data-level=advanced]{background:#fce4ec;color:#c2185b}.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge[data-level="beginner/intermediate"],.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge[data-level="beginner/advanced"],.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge[data-level="intermediate/advanced"],.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-level-badge[data-level="beginner/intermediate/advanced"]{background:#f3e5f5;color:#7b1fa2}.learning-path-container .learning-path-body .courses-grid .course-card .course-header .course-score{font-size:.85rem;color:#667eea;font-weight:600}.learning-path-container .learning-path-body .courses-grid .course-card .course-name{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:.75rem;line-height:1.4}.learning-path-container .learning-path-body .courses-grid .course-card .course-description{font-size:.9rem;color:#666;line-height:1.6;margin-bottom:1rem;flex:1}.learning-path-container .learning-path-body .courses-grid .course-card .course-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.learning-path-container .learning-path-body .courses-grid .course-card .course-meta .meta-item{font-size:.85rem;color:#666}.learning-path-container .learning-path-body .courses-grid .course-card .course-meta .meta-item strong{color:#333;margin-right:.25rem}.learning-path-container .learning-path-body .courses-grid .course-card .course-link{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;align-self:flex-start}.learning-path-container .learning-path-body .courses-grid .course-card .course-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.learning-path-container{padding:1rem}.learning-path-container .learning-path-header .header-content h1{font-size:1.75rem}.learning-path-container .learning-path-body .courses-grid{grid-template-columns:1fr}}