@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button,.btn,[class*=btn-],[class*=-button]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;font-weight:600;line-height:1.25;text-align:center;text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;appearance:none;background:none;margin:0}button:focus-visible,.btn:focus-visible,[class*=btn-]:focus-visible,[class*=-button]:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.btn-primary,.primary-button,.submit-button,.save-button,.start-button,.subscribe-button,.approve-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.btn-primary:hover:not(:disabled),.primary-button:hover:not(:disabled),.submit-button:hover:not(:disabled),.save-button:hover:not(:disabled),.start-button:hover:not(:disabled),.subscribe-button:hover:not(:disabled),.approve-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.btn-primary:active:not(:disabled),.primary-button:active:not(:disabled),.submit-button:active:not(:disabled),.save-button:active:not(:disabled),.start-button:active:not(:disabled),.subscribe-button:active:not(:disabled),.approve-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #3b82f633}.btn-secondary,.secondary-button,.cancel-button,.back-button,.close-button,.modal-close-button,.toggle-button{background:#fff;color:#1e293b;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a}.btn-secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled),.cancel-button:hover:not(:disabled),.back-button:hover:not(:disabled),.close-button:hover:not(:disabled),.modal-close-button:hover:not(:disabled),.toggle-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-secondary:active:not(:disabled),.secondary-button:active:not(:disabled),.cancel-button:active:not(:disabled),.back-button:active:not(:disabled),.close-button:active:not(:disabled),.modal-close-button:active:not(:disabled),.toggle-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d;background:#f1f5f9}.btn-tertiary,.tertiary-button,.view-button,.show-all-button{background:transparent;color:#3b82f6;border-color:transparent;box-shadow:none;padding:12px 20px}.btn-tertiary:hover:not(:disabled),.tertiary-button:hover:not(:disabled),.view-button:hover:not(:disabled),.show-all-button:hover:not(:disabled){background:#eff6ff;color:#2563eb;border-color:transparent}.btn-tertiary:active:not(:disabled),.tertiary-button:active:not(:disabled),.view-button:active:not(:disabled),.show-all-button:active:not(:disabled){background:#dbeafe}.btn-danger,.danger-button,.reject-button,.cancel-request-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 2px 4px #ef444433}.btn-danger:hover:not(:disabled),.danger-button:hover:not(:disabled),.reject-button:hover:not(:disabled),.cancel-request-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-success,.success-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 2px 4px #10b98133}.btn-success:hover:not(:disabled),.success-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.nav-button,.nav-section-button{background:#fff;color:#64748b;border-color:#e2e8f0;min-height:44px;padding:12px 20px;font-weight:500}.nav-button:hover:not(:disabled),.nav-section-button:hover:not(:disabled){background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.nav-button.active,.nav-section-button.active{background:#eff6ff;color:#3b82f6;border-color:#3b82f6;font-weight:600}.btn-icon,.icon-button{min-width:44px;min-height:44px;padding:10px;justify-content:center}.btn-icon svg,.icon-button svg,button svg{width:20px;height:20px;flex-shrink:0}.btn-lg,.btn-large,.master-challenge-button,.full-exam-button{min-height:52px;padding:16px 32px;font-size:18px;font-weight:700;border-radius:10px}.btn-sm,.btn-small,.flag-button,.copy-code-button{min-height:36px;padding:8px 16px;font-size:14px;font-weight:600;border-radius:6px}.btn-xs,.btn-compact{min-height:32px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:6px}button:disabled,.btn:disabled,[class*=btn-]:disabled,[class*=-button]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;pointer-events:none}.btn-loading,.button-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after,.button-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:button-spin .6s linear infinite;opacity:1;color:inherit}@keyframes button-spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;gap:0}.btn-group>button,.btn-group>.btn,.btn-group>[class*=btn-]{border-radius:0;margin-left:-2px}.btn-group>button:first-child,.btn-group>.btn:first-child,.btn-group>[class*=btn-]:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;margin-left:0}.btn-group>button:last-child,.btn-group>.btn:last-child,.btn-group>[class*=btn-]:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.btn-block,.btn-full-width{width:100%;display:flex}@media(max-width:768px){button,.btn,[class*=btn-],[class*=-button]{min-height:48px;padding:14px 20px;font-size:15px}.btn-lg,.btn-large,.master-challenge-button,.full-exam-button{min-height:56px;padding:18px 28px;font-size:17px}.btn-sm,.btn-small{min-height:40px;padding:10px 16px;font-size:14px}}@media(max-width:480px){button,.btn,[class*=btn-],[class*=-button]{padding:14px 16px}.btn-group{flex-direction:column;width:100%}.btn-group>button,.btn-group>.btn,.btn-group>[class*=btn-]{width:100%;border-radius:8px;margin-left:0;margin-top:-2px}.btn-group>button:first-child,.btn-group>.btn:first-child,.btn-group>[class*=btn-]:first-child{margin-top:0}}.profile-button,.analytics-button,.achievements-button,.manager-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6;min-height:44px;padding:12px 24px;font-size:16px;font-weight:600;box-shadow:0 2px 4px #8b5cf633}.profile-button:hover:not(:disabled),.analytics-button:hover:not(:disabled),.achievements-button:hover:not(:disabled),.manager-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;box-shadow:0 4px 8px #8b5cf64d;transform:translateY(-1px)}.study-button,.chapter-button,.section-button{background:#fff;color:#1e293b;border-color:#e2e8f0;min-height:44px;padding:12px 20px;justify-content:flex-start;text-align:left;box-shadow:0 1px 3px #0000001a}.study-button:hover:not(:disabled),.chapter-button:hover:not(:disabled),.section-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a}.master-challenge-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b66;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.master-challenge-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;box-shadow:0 6px 16px #f59e0b80;transform:translateY(-2px)}.btn-unstyled{all:unset;cursor:pointer}.btn-shadow-sm{box-shadow:0 1px 2px #0000000d}.btn-shadow{box-shadow:0 2px 4px #0000001a}.btn-shadow-lg{box-shadow:0 4px 12px #00000026}.btn-rounded{border-radius:50px}.btn-square{border-radius:4px}@media(prefers-contrast:high){button,.btn,[class*=btn-],[class*=-button]{border-width:3px}}@media(prefers-reduced-motion:reduce){button,.btn,[class*=btn-],[class*=-button]{transition:none;animation:none}button:hover,.btn:hover,[class*=btn-]:hover,[class*=-button]:hover{transform:none}}@media print{button,.btn,[class*=btn-],[class*=-button]{border:1px solid #000;box-shadow:none}}.hmpg-container{--hmpg-primary: #10b981;--hmpg-primary-dark: #059669;--hmpg-primary-light: #d1fae5;--hmpg-primary-glow: rgba(16, 185, 129, .4);--hmpg-secondary: #3b82f6;--hmpg-secondary-dark: #2563eb;--hmpg-secondary-light: #dbeafe;--hmpg-secondary-glow: rgba(59, 130, 246, .4);--hmpg-purple: #8b5cf6;--hmpg-purple-dark: #7c3aed;--hmpg-purple-light: #ede9fe;--hmpg-orange: #f59e0b;--hmpg-orange-dark: #d97706;--hmpg-orange-light: #fef3c7;--hmpg-red: #ef4444;--hmpg-red-dark: #dc2626;--hmpg-red-light: #fee2e2;--hmpg-teal: #14b8a6;--hmpg-teal-dark: #0d9488;--hmpg-teal-light: #ccfbf1;--hmpg-text-primary: #0f172a;--hmpg-text-secondary: #475569;--hmpg-text-muted: #94a3b8;--hmpg-bg-light: #f8fafc;--hmpg-bg-white: #ffffff;--hmpg-border: #e2e8f0;--hmpg-border-light: #f1f5f9;--hmpg-glass-bg: rgba(255, 255, 255, .85);--hmpg-glass-border: rgba(255, 255, 255, .5);--hmpg-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--hmpg-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--hmpg-shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .05);--hmpg-shadow-xl: 0 24px 60px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .06);--hmpg-radius-sm: 10px;--hmpg-radius-md: 14px;--hmpg-radius-lg: 18px;--hmpg-radius-xl: 24px;--hmpg-radius-2xl: 32px;--hmpg-transition: .3s cubic-bezier(.4, 0, .2, 1)}.hmpg-container{min-height:100vh;background:var(--hmpg-bg-white);overflow-x:hidden}.hmpg-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all var(--hmpg-transition)}.hmpg-nav.scrolled{background:var(--hmpg-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--hmpg-border);box-shadow:var(--hmpg-shadow-sm)}.hmpg-nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.hmpg-logo{display:flex;align-items:center;gap:.75rem}.hmpg-logo-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-primary-dark) 100%);border-radius:var(--hmpg-radius-md);color:#fff;box-shadow:0 4px 12px var(--hmpg-primary-glow)}.hmpg-logo-text{display:flex;flex-direction:column}.hmpg-logo-name{font-size:1.25rem;font-weight:800;color:var(--hmpg-text-primary);letter-spacing:-.02em}.hmpg-logo-tagline{font-size:.6875rem;color:var(--hmpg-text-muted);margin-top:-2px}.hmpg-nav-actions{display:flex;align-items:center;gap:.5rem}.hmpg-nav-link{padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:var(--hmpg-text-secondary);background:transparent;border:none;border-radius:var(--hmpg-radius-sm);cursor:pointer;transition:all var(--hmpg-transition)}.hmpg-nav-link:hover{color:var(--hmpg-text-primary);background:var(--hmpg-border-light)}.hmpg-nav-cta{display:flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-primary-dark) 100%);border:none;border-radius:var(--hmpg-radius-sm);cursor:pointer;transition:all var(--hmpg-transition);box-shadow:0 2px 8px var(--hmpg-primary-glow)}.hmpg-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--hmpg-primary-glow)}.hmpg-hero{position:relative;min-height:100vh;padding:8rem 2rem 4rem;background:linear-gradient(180deg,var(--hmpg-bg-light) 0%,var(--hmpg-bg-white) 100%);overflow:hidden}.hmpg-hero-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hmpg-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:hmpg-float 20s ease-in-out infinite}.hmpg-ambient-orb.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);top:-200px;right:-150px;animation-duration:25s}.hmpg-ambient-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);bottom:-100px;left:-150px;animation-delay:-10s}.hmpg-ambient-orb.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);top:40%;left:50%;animation-delay:-5s;animation-duration:18s}@keyframes hmpg-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hmpg-hero-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hmpg-hero-content{display:flex;flex-direction:column;gap:1.5rem}.hmpg-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--hmpg-primary-light);border:1px solid var(--hmpg-primary);border-radius:24px;font-size:.8125rem;font-weight:600;color:var(--hmpg-primary-dark);width:fit-content;animation:hmpg-fade-in .6s ease backwards}.hmpg-hero-badge svg{color:var(--hmpg-primary)}.hmpg-hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;color:var(--hmpg-text-primary);margin:0;letter-spacing:-.03em;animation:hmpg-fade-in .6s ease .1s backwards}.hmpg-hero-accent{background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hmpg-hero-description{font-size:1.25rem;line-height:1.7;color:var(--hmpg-text-secondary);margin:0;animation:hmpg-fade-in .6s ease .2s backwards}.hmpg-hero-cta{display:flex;gap:1rem;margin-top:.5rem;animation:hmpg-fade-in .6s ease .3s backwards}.hmpg-btn-primary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-primary-dark) 100%);border:none;border-radius:var(--hmpg-radius-md);cursor:pointer;transition:all var(--hmpg-transition);box-shadow:0 4px 16px var(--hmpg-primary-glow)}.hmpg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--hmpg-primary-glow)}.hmpg-btn-secondary{display:flex;align-items:center;gap:.375rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:var(--hmpg-text-secondary);background:var(--hmpg-bg-white);border:2px solid var(--hmpg-border);border-radius:var(--hmpg-radius-md);cursor:pointer;transition:all var(--hmpg-transition)}.hmpg-btn-secondary:hover{color:var(--hmpg-text-primary);border-color:var(--hmpg-text-muted);background:var(--hmpg-bg-light)}.hmpg-hero-stats{display:flex;align-items:center;gap:2rem;margin-top:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-primary-dark) 100%);border-radius:var(--hmpg-radius-lg);animation:hmpg-fade-in .6s ease .4s backwards}.hmpg-stat{display:flex;flex-direction:column;gap:.25rem}.hmpg-stat-value{font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.hmpg-stat-label{font-size:.8125rem;font-weight:500;color:#ffffffd9}.hmpg-stat-divider{width:1px;height:40px;background:#ffffff4d}@keyframes hmpg-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hmpg-hero-visual{display:flex;justify-content:center;align-items:center;animation:hmpg-fade-in .8s ease .3s backwards}.hmpg-demo-card{width:100%;max-width:480px;background:var(--hmpg-bg-white);border:1px solid var(--hmpg-border);border-radius:var(--hmpg-radius-xl);box-shadow:var(--hmpg-shadow-xl);overflow:hidden;transition:all var(--hmpg-transition)}.hmpg-demo-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px #00000026}.hmpg-demo-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--hmpg-bg-light);border-bottom:1px solid var(--hmpg-border)}.hmpg-demo-dots{display:flex;gap:.375rem}.hmpg-demo-dots .dot{width:10px;height:10px;border-radius:50%}.hmpg-demo-dots .dot.red{background:#ef4444}.hmpg-demo-dots .dot.yellow{background:#f59e0b}.hmpg-demo-dots .dot.green{background:#10b981}.hmpg-demo-title{flex:1;font-size:.875rem;font-weight:600;color:var(--hmpg-text-primary)}.hmpg-demo-badge{padding:.25rem .75rem;background:var(--hmpg-secondary-light);border-radius:12px;font-size:.6875rem;font-weight:700;color:var(--hmpg-secondary-dark)}.hmpg-demo-content{padding:1.5rem}.hmpg-demo-question{font-size:.9375rem;line-height:1.6;color:var(--hmpg-text-primary);margin:0 0 1.25rem}.hmpg-demo-options{display:flex;flex-direction:column;gap:.625rem}.hmpg-demo-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--hmpg-bg-light);border:2px solid var(--hmpg-border);border-radius:var(--hmpg-radius-sm);font-size:.875rem;color:var(--hmpg-text-secondary);transition:all var(--hmpg-transition)}.hmpg-demo-option .option-letter{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--hmpg-border);border-radius:6px;font-size:.75rem;font-weight:700;color:var(--hmpg-text-secondary)}.hmpg-demo-option.selected{background:var(--hmpg-primary-light);border-color:var(--hmpg-primary);color:var(--hmpg-primary-dark);font-weight:600}.hmpg-demo-option.selected .option-letter{background:var(--hmpg-primary);color:#fff}.hmpg-demo-option.selected svg{margin-left:auto;color:var(--hmpg-primary)}.hmpg-demo-footer{padding:1rem 1.5rem;background:var(--hmpg-primary-light);border-top:2px solid var(--hmpg-primary)}.hmpg-demo-result{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;color:var(--hmpg-primary-dark)}.hmpg-demo-result .result-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--hmpg-primary);border-radius:50%;color:#fff;flex-shrink:0}.hmpg-features{padding:6rem 2rem;background:var(--hmpg-bg-white)}.hmpg-features-inner{max-width:1280px;margin:0 auto}.hmpg-section-header{text-align:center;margin-bottom:4rem}.hmpg-section-badge{display:inline-flex;padding:.375rem 1rem;background:var(--hmpg-primary-light);border-radius:20px;font-size:.75rem;font-weight:700;color:var(--hmpg-primary-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.hmpg-section-title{font-size:2.75rem;font-weight:800;color:var(--hmpg-text-primary);margin:0 0 1rem;letter-spacing:-.02em}.hmpg-section-description{font-size:1.125rem;color:var(--hmpg-text-secondary);max-width:600px;margin:0 auto}.hmpg-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.hmpg-feature-card{padding:2rem;background:var(--hmpg-bg-white);border:1px solid var(--hmpg-border);border-radius:var(--hmpg-radius-xl);transition:all var(--hmpg-transition);animation:hmpg-card-enter .5s ease backwards}@keyframes hmpg-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hmpg-feature-card:hover{transform:translateY(-6px);border-color:var(--hmpg-primary);box-shadow:var(--hmpg-shadow-lg),0 0 0 3px var(--hmpg-primary-light)}.hmpg-feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--hmpg-radius-md);margin-bottom:1.25rem}.hmpg-feature-icon.blue{background:var(--hmpg-secondary-light);color:var(--hmpg-secondary)}.hmpg-feature-icon.green{background:var(--hmpg-primary-light);color:var(--hmpg-primary)}.hmpg-feature-icon.purple{background:var(--hmpg-purple-light);color:var(--hmpg-purple)}.hmpg-feature-icon.orange{background:var(--hmpg-orange-light);color:var(--hmpg-orange)}.hmpg-feature-icon.red{background:var(--hmpg-red-light);color:var(--hmpg-red)}.hmpg-feature-icon.teal{background:var(--hmpg-teal-light);color:var(--hmpg-teal)}.hmpg-feature-title{font-size:1.125rem;font-weight:700;color:var(--hmpg-text-primary);margin:0 0 .5rem}.hmpg-feature-desc{font-size:.9375rem;line-height:1.6;color:var(--hmpg-text-secondary);margin:0}.hmpg-steps{padding:6rem 2rem;background:var(--hmpg-bg-light)}.hmpg-steps-inner{max-width:1280px;margin:0 auto}.hmpg-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.hmpg-step-card{position:relative;text-align:center;padding:0 1.5rem}.hmpg-step-number{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-primary-dark) 100%);border-radius:50%;font-size:2rem;font-weight:800;color:#fff;box-shadow:0 8px 24px var(--hmpg-primary-glow)}.hmpg-step-line{position:absolute;top:36px;left:calc(50% + 50px);width:calc(100% - 20px);height:3px;background:linear-gradient(90deg,var(--hmpg-primary) 0%,var(--hmpg-border) 100%);border-radius:2px}.hmpg-step-card:last-child .hmpg-step-line{display:none}.hmpg-step-title{font-size:1.25rem;font-weight:700;color:var(--hmpg-text-primary);margin:0 0 .75rem}.hmpg-step-desc{font-size:.9375rem;line-height:1.6;color:var(--hmpg-text-secondary);margin:0}.hmpg-testimonials{padding:6rem 2rem;background:var(--hmpg-bg-white)}.hmpg-testimonials-inner{max-width:800px;margin:0 auto}.hmpg-testimonials-carousel{position:relative;height:320px;margin-bottom:2rem}.hmpg-testimonial-card{position:absolute;inset:0;padding:2.5rem;background:var(--hmpg-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hmpg-border);border-radius:var(--hmpg-radius-xl);display:flex;flex-direction:column;gap:1.25rem;opacity:0;transform:translate(50px) scale(.95);transition:all .5s ease;pointer-events:none}.hmpg-testimonial-card.active{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.hmpg-testimonial-rating{display:flex;gap:.25rem;color:#fbbf24}.hmpg-testimonial-text{flex:1;font-size:1.125rem;line-height:1.7;color:var(--hmpg-text-primary);margin:0;font-style:italic}.hmpg-testimonial-author{display:flex;align-items:center;gap:1rem}.hmpg-author-avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-primary-dark) 100%);border-radius:50%;font-size:1rem;font-weight:700;color:#fff}.hmpg-author-info{display:flex;flex-direction:column;gap:.25rem}.hmpg-author-name{font-size:1rem;font-weight:600;color:var(--hmpg-text-primary)}.hmpg-author-title{font-size:.8125rem;color:var(--hmpg-text-muted)}.hmpg-testimonials-dots{display:flex;justify-content:center;gap:.5rem}.hmpg-dot{width:10px;height:10px;background:var(--hmpg-border);border:none;border-radius:50%;cursor:pointer;transition:all var(--hmpg-transition)}.hmpg-dot.active{width:32px;border-radius:5px;background:var(--hmpg-primary)}.hmpg-cta{position:relative;padding:6rem 2rem;background:linear-gradient(135deg,var(--hmpg-primary) 0%,var(--hmpg-teal-dark) 100%);overflow:hidden}.hmpg-cta-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hmpg-cta-orb{position:absolute;border-radius:50%;filter:blur(60px)}.hmpg-cta-orb.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);top:-150px;right:-100px}.hmpg-cta-orb.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);bottom:-100px;left:-50px}.hmpg-cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;text-align:center}.hmpg-cta-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff}.hmpg-cta-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;letter-spacing:-.02em}.hmpg-cta-description{font-size:1.125rem;color:#ffffffe6;margin:0 0 2rem;line-height:1.6}.hmpg-cta-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.hmpg-cta-primary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:var(--hmpg-primary);background:#fff;border:none;border-radius:var(--hmpg-radius-md);cursor:pointer;transition:all var(--hmpg-transition);box-shadow:0 8px 24px #00000026}.hmpg-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.hmpg-cta-secondary{padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:var(--hmpg-radius-md);cursor:pointer;transition:all var(--hmpg-transition)}.hmpg-cta-secondary:hover{background:#ffffff40;border-color:#ffffff80}.hmpg-cta-note{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#fffc;margin:0}.hmpg-footer{padding:4rem 2rem 2rem;background:var(--hmpg-text-primary)}.hmpg-footer-inner{max-width:1280px;margin:0 auto}.hmpg-footer-top{display:grid;grid-template-columns:2fr 3fr;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.hmpg-footer-brand{display:flex;flex-direction:column;gap:1rem}.hmpg-footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff}.hmpg-footer-logo .hmpg-logo-icon{width:40px;height:40px}.hmpg-footer-tagline{font-size:.875rem;color:var(--hmpg-text-muted);margin:0}.hmpg-footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.hmpg-footer-column h4{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 1rem}.hmpg-footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.hmpg-footer-column li{font-size:.875rem;color:var(--hmpg-text-muted);transition:color var(--hmpg-transition);cursor:pointer}.hmpg-footer-column li:hover{color:#fff}.hmpg-footer-link-btn{background:none;border:none;padding:0;font-size:.875rem;color:var(--hmpg-text-muted);cursor:pointer;transition:color var(--hmpg-transition);text-align:left;font-family:inherit}.hmpg-footer-link-btn:hover{color:#fff}.hmpg-footer-bottom{text-align:center}.hmpg-footer-bottom p{font-size:.875rem;color:var(--hmpg-text-muted);margin:0}@media(max-width:1024px){.hmpg-hero-inner{grid-template-columns:1fr;gap:3rem}.hmpg-hero-visual{order:-1}.hmpg-hero-title{font-size:2.75rem}.hmpg-features-grid{grid-template-columns:repeat(2,1fr)}.hmpg-steps-grid{grid-template-columns:1fr;gap:2rem}.hmpg-step-line{display:none}.hmpg-footer-top{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:768px){.hmpg-nav{padding:.75rem 1rem}.hmpg-logo-text,.hmpg-nav-link:first-child{display:none}.hmpg-hero{padding:6rem 1rem 3rem;min-height:auto}.hmpg-hero-title{font-size:2.25rem}.hmpg-hero-description{font-size:1.0625rem}.hmpg-hero-cta{flex-direction:column}.hmpg-btn-primary,.hmpg-btn-secondary{width:100%;justify-content:center}.hmpg-hero-stats{flex-direction:column;gap:1.25rem;align-items:flex-start}.hmpg-stat-divider{display:none}.hmpg-demo-card{max-width:100%}.hmpg-features,.hmpg-steps,.hmpg-testimonials,.hmpg-cta{padding:4rem 1rem}.hmpg-section-title{font-size:2rem}.hmpg-features-grid{grid-template-columns:1fr}.hmpg-testimonials-carousel{height:auto;min-height:360px}.hmpg-testimonial-card{position:relative;display:none;transform:none}.hmpg-testimonial-card.active{display:flex}.hmpg-cta-title{font-size:1.75rem}.hmpg-cta-buttons{flex-direction:column}.hmpg-cta-primary,.hmpg-cta-secondary{width:100%;justify-content:center}.hmpg-footer-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:480px){.hmpg-hero-title{font-size:1.875rem}.hmpg-hero-badge{font-size:.75rem;padding:.375rem .75rem}.hmpg-demo-content{padding:1rem}.hmpg-demo-question{font-size:.875rem}.hmpg-demo-option{padding:.625rem .75rem;font-size:.8125rem}.hmpg-step-number{width:60px;height:60px;font-size:1.5rem}.hmpg-testimonial-card{padding:1.5rem}.hmpg-testimonial-text{font-size:1rem}.hmpg-footer-links{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hmpg-ambient-orb,.hmpg-hero-badge,.hmpg-hero-title,.hmpg-hero-description,.hmpg-hero-cta,.hmpg-hero-stats,.hmpg-hero-visual,.hmpg-feature-card{animation:none}.hmpg-testimonial-card{transition:opacity .3s ease;transform:none!important}.hmpg-btn-primary:hover,.hmpg-btn-secondary:hover,.hmpg-nav-cta:hover,.hmpg-feature-card:hover,.hmpg-demo-card:hover,.hmpg-cta-primary:hover{transform:none}}.free-test-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#fff);padding:20px}.test-header{max-width:900px;margin:0 auto 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;color:#64748b;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-back:hover{color:#0f172a;border-color:#cbd5e1}.test-progress{flex:1;display:flex;flex-direction:column;gap:8px}.progress-text{font-size:14px;font-weight:600;color:#64748b;text-align:center}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.test-badge{padding:8px 16px;background:#dbeafe;border-radius:8px;font-size:14px;font-weight:600;color:#1e40af;white-space:nowrap}.question-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:48px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d}.question-text{font-size:24px;font-weight:600;line-height:1.5;color:#0f172a;margin:0 0 32px}.options-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.option-button{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:16px;text-align:left;color:#334155;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.option-button:hover:not(:disabled){border-color:#10b981;background:#f0fdf4}.option-button:disabled{cursor:not-allowed}.option-selected,.option-correct{border-color:#10b981;background:#dcfce7;color:#166534;font-weight:600}.option-incorrect{border-color:#ef4444;background:#fee2e2;color:#991b1b;font-weight:600}.option-text{flex:1}.option-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.explanation-box{padding:24px;border-radius:12px;margin-top:32px}.explanation-correct{background:#f0fdf4;border:2px solid #86efac}.explanation-incorrect{background:#fef2f2;border:2px solid #fecaca}.explanation-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.explanation-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;font-weight:700}.explanation-correct .explanation-icon{background:#10b981;color:#fff}.explanation-incorrect .explanation-icon{background:#ef4444;color:#fff}.explanation-title{font-size:18px;font-weight:700}.explanation-correct .explanation-title{color:#166534}.explanation-incorrect .explanation-title{color:#991b1b}.explanation-text{font-size:16px;line-height:1.6;margin:0}.explanation-correct .explanation-text{color:#166534}.explanation-incorrect .explanation-text{color:#991b1b}.test-navigation{display:flex;justify-content:space-between;gap:16px}.btn-nav-test{display:flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-previous{color:#64748b;background:#fff;border:2px solid #e5e7eb}.btn-previous:hover:not(:disabled){color:#0f172a;border-color:#cbd5e1}.btn-previous:disabled{opacity:.5;cursor:not-allowed}.btn-next{color:#fff;background:#10b981;border:2px solid #10b981;margin-left:auto}.btn-next:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-next:disabled{opacity:.5;cursor:not-allowed}.selection-hint{text-align:center;font-size:14px;color:#94a3b8;margin:16px 0 0}.test-complete-card{max-width:700px;margin:80px auto;background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:64px 48px;text-align:center;box-shadow:0 20px 60px #0000001a}.complete-icon{font-size:80px;margin-bottom:24px}.complete-title{font-size:40px;font-weight:800;color:#0f172a;margin:0 0 32px}.score-display{display:flex;justify-content:center;margin-bottom:32px}.score-circle{width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 12px 32px #10b9814d}.score-number{font-size:56px;font-weight:800;color:#fff}.score-label{font-size:14px;font-weight:600;color:#ffffffe6}.complete-message{font-size:18px;line-height:1.6;color:#64748b;margin:0 0 48px}.complete-features{text-align:left;padding:32px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:32px}.complete-features-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 20px;text-align:center}.complete-features-list{display:flex;flex-direction:column;gap:16px}.complete-feature-item{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:#334155}.feature-check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#10b981;border-radius:50%;font-size:14px;font-weight:700;color:#fff}.complete-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-complete-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;background:#10b981;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.btn-complete-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.btn-complete-secondary{padding:16px 32px;font-size:16px;font-weight:600;color:#64748b;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-complete-secondary:hover{color:#0f172a;border-color:#cbd5e1;background:#f8fafc}.complete-note{font-size:14px;color:#94a3b8;margin:0}@media(max-width:768px){.test-header{flex-wrap:wrap}.test-badge{order:-1;width:100%;text-align:center}.btn-back{font-size:13px;padding:8px 16px}.question-card{padding:32px 24px}.question-text{font-size:20px}.option-button{padding:16px 20px;font-size:15px}.test-navigation{flex-direction:column-reverse}.btn-nav-test{width:100%;justify-content:center}.btn-next{margin-left:0}.test-complete-card{padding:48px 32px;margin:40px auto}.complete-title{font-size:32px}.score-circle{width:160px;height:160px}.score-number{font-size:48px}.complete-features{padding:24px}.complete-feature-item{font-size:15px}}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}select:disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}select:focus,input:focus{box-shadow:0 0 0 3px #667eea1a}select:valid:not([value=""]){background-color:#10b9810d}select:invalid:not(:focus):not([value=""]){background-color:#ef44440d}@media(hover:none)and (pointer:coarse){select,input,button{min-height:48px;font-size:16px}}@media(max-width:640px){select,input{padding:10px 14px;font-size:16px}label{font-size:13px}.form-field{margin-bottom:16px}}@media(prefers-contrast:high){select,input{border-width:3px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-overlay{pointer-events:none;opacity:.6;filter:grayscale(50%);transition:all .3s ease}@keyframes successPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}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)}}.error-message{animation:shake .5s ease-in-out}.success-message{animation:successPulse .6s ease-in-out}.helper-text{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4;transition:color .3s ease}.helper-text.disabled{color:#9ca3af}.required-indicator{color:#dc2626;margin-left:2px}@media(hover:hover){select:not(:disabled):hover{border-color:#8b92ea}input:not(:disabled):hover{border-color:#8b92ea}}.subscription-paywall{max-width:1400px;margin:0 auto;padding:48px 24px}.subscription-loading{text-align:center;padding:80px 24px;font-size:18px;color:#64748b}.paywall-hero{text-align:center;margin-bottom:64px}.paywall-title{font-size:48px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.2}.paywall-subtitle{font-size:20px;color:#64748b;margin:0 0 24px;line-height:1.5}.billing-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border-radius:24px;font-size:14px;font-weight:500;color:#475569}.billing-badge svg{color:#10b981}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:64px;max-width:1200px;margin-left:auto;margin-right:auto}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:32px;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.plan-card:hover{border-color:#cbd5e1;box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.popular-plan{border-color:#10b981;box-shadow:0 8px 16px #10b98126;position:relative}@media(max-width:768px){.popular-plan{border-width:3px;box-shadow:0 6px 20px #10b98133}}.popular-plan:hover{border-color:#059669;box-shadow:0 16px 32px #10b98133}.current-plan{border-color:#3b82f6;background:linear-gradient(to bottom,#fff,#f0f9ff)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #10b9814d}.plan-header{text-align:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.plan-name{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px}.plan-tech-count{font-size:14px;font-weight:500;color:#64748b;margin:0 0 24px}.plan-pricing{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.price-currency{font-size:24px;font-weight:600;color:#475569}.price-amount{font-size:56px;font-weight:700;color:#0f172a;line-height:1}.price-period{font-size:18px;font-weight:500;color:#64748b}.billing-info{font-size:13px;color:#94a3b8;margin:0}.plan-features{flex:1;margin-bottom:32px}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;color:#334155;line-height:1.5}.check-icon{flex-shrink:0;margin-top:2px}.plan-actions{margin-top:auto}.btn-subscribe,.btn-current,.btn-cancel,.btn-contact{width:100%;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-subscribe{background:#0f172a;color:#fff}.btn-subscribe:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.btn-subscribe-popular{background:linear-gradient(135deg,#10b981,#059669)}.btn-subscribe-popular:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-current{background:#e0f2fe;color:#0369a1;cursor:not-allowed}.btn-cancel{background:#fee2e2;color:#dc2626;margin-top:16px}.btn-cancel:hover{background:#fecaca}.trust-signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1000px;margin:0 auto 64px;padding:32px;background:linear-gradient(to bottom,#f8fafc,#fff);border-radius:16px;border:1px solid #e2e8f0}.trust-item{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#334155}.trust-item svg{flex-shrink:0}.faq-section{max-width:800px;margin:0 auto 64px}.faq-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:18px;font-weight:600;color:#0f172a;cursor:pointer;transition:all .2s ease}.faq-toggle:hover{border-color:#cbd5e1;background:#f8fafc}.faq-content{margin-top:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px}.faq-item{padding:24px 0;border-bottom:1px solid #e2e8f0}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h4{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 12px}.faq-item p{font-size:15px;color:#64748b;margin:0;line-height:1.6}.faq-item a{color:#10b981;text-decoration:none;font-weight:600}.faq-item a:hover{text-decoration:underline}.current-subscription-info{max-width:600px;margin:0 auto 64px}.subscription-card{background:#fff;border:2px solid #3b82f6;border-radius:16px;padding:32px}.subscription-card h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 24px}.subscription-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px}.detail-label{font-size:14px;font-weight:600;color:#64748b}.detail-value{font-size:14px;font-weight:500;color:#0f172a}.status-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;text-transform:capitalize}.status-active{background:#d1fae5;color:#065f46}.status-trial{background:#dbeafe;color:#1e40af}.status-cancelled{background:#fee2e2;color:#991b1b}.status-expired{background:#f3f4f6;color:#374151}.trial-info{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:1px solid #3b82f6}.contact-enterprise{max-width:800px;margin:0 auto;padding:48px 32px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;text-align:center;color:#fff}.enterprise-content h3{font-size:28px;font-weight:700;margin:0 0 16px;color:#fff}.enterprise-content p{font-size:16px;color:#cbd5e1;margin:0 0 32px;line-height:1.6}.btn-contact{display:inline-flex;background:#10b981;color:#fff;text-decoration:none;width:auto;padding:14px 32px}.btn-contact:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.mobile-plan-nav{display:none}@media(max-width:768px){.mobile-plan-nav{display:flex;justify-content:center;gap:8px;margin-bottom:20px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-plan-nav::-webkit-scrollbar{display:none}.plan-nav-button{flex-shrink:0;padding:10px 16px;background:#f1f5f9;border:2px solid transparent;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;min-height:44px}.plan-nav-button.active{background:#fff;border-color:#10b981;color:#10b981;box-shadow:0 2px 8px #10b98126}.plan-nav-button:hover{background:#e2e8f0}.plan-nav-button.active:hover{background:#fff}}.mobile-sticky-footer{display:none}@media(max-width:768px){.mobile-sticky-footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#ffffff 0%,#ffffff 90%,transparent 100%);padding:12px 16px 20px;box-shadow:0 -4px 12px #00000014;z-index:100;display:block;border-top:1px solid #e2e8f0}.mobile-sticky-footer.hidden{transform:translateY(100%);transition:transform .3s ease}.mobile-sticky-footer.visible{transform:translateY(0);transition:transform .3s ease}.sticky-footer-content{display:flex;align-items:center;gap:12px;max-width:600px;margin:0 auto}.sticky-plan-info{flex:1;min-width:0}.sticky-plan-name{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 2px}.sticky-plan-price{font-size:12px;color:#64748b;margin:0}.sticky-plan-price strong{font-size:16px;font-weight:700;color:#0f172a}.sticky-cta-button{flex-shrink:0;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;min-height:48px;box-shadow:0 4px 12px #10b98140;transition:all .2s ease}.sticky-cta-button:active{transform:scale(.98)}.subscription-paywall{padding-bottom:100px}}@media(max-width:768px){.plan-card{will-change:transform}.plan-card:hover{transform:none}.plan-card:active{transform:scale(.99);transition:transform .1s ease}svg{will-change:transform}}@media(max-width:768px){.subscription-paywall{padding:24px 16px}.paywall-hero{margin-bottom:32px}.paywall-title{font-size:28px;margin-bottom:12px;line-height:1.2}.paywall-subtitle{font-size:15px;margin-bottom:16px;line-height:1.5}.billing-badge{font-size:13px;padding:6px 12px}.plans-grid{display:block;position:relative;margin-bottom:32px}.plan-card{padding:20px;margin-bottom:20px;border-width:2px}.plan-card:last-child{margin-bottom:0}.plan-badge{font-size:11px;padding:5px 12px;top:-10px}.plan-header{margin-bottom:20px;padding-bottom:20px}.plan-name{font-size:22px;margin-bottom:6px}.plan-tech-count{font-size:13px;margin-bottom:16px}.plan-pricing{margin-bottom:6px}.price-currency{font-size:20px}.price-amount{font-size:44px}.price-period{font-size:16px}.billing-info{font-size:12px}.plan-features{margin-bottom:20px}.plan-features li{padding:8px 0;font-size:14px}.check-icon{width:18px;height:18px}.btn-subscribe,.btn-current,.btn-cancel,.btn-contact{min-height:48px;padding:14px 20px;font-size:15px;font-weight:700;border-radius:10px}.trust-signals{grid-template-columns:1fr;gap:12px;padding:20px 16px;margin-bottom:32px}.trust-item{font-size:14px;gap:10px}.trust-item svg{width:20px;height:20px}.faq-section{margin-bottom:32px}.faq-toggle{padding:16px;font-size:16px;min-height:52px}.faq-content{padding:20px 16px;margin-top:16px}.faq-item{padding:16px 0}.faq-item h4{font-size:15px;margin-bottom:8px}.faq-item p{font-size:14px;line-height:1.6}.subscription-card{padding:20px}.subscription-card h3{font-size:18px;margin-bottom:16px}.detail-row{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.detail-label,.detail-value{font-size:13px}.contact-enterprise{padding:28px 20px}.enterprise-content h3{font-size:22px;margin-bottom:12px}.enterprise-content p{font-size:14px;margin-bottom:24px;line-height:1.5}.btn-contact{width:100%}}@media(max-width:480px){.subscription-paywall{padding:20px 12px}.paywall-title{font-size:24px}.paywall-subtitle{font-size:14px}.plan-card{padding:16px;border-radius:12px}.price-amount{font-size:40px}.plan-features li{font-size:13px;padding:7px 0}.trust-signals{padding:16px 12px}.faq-toggle{padding:14px;font-size:15px}.contact-enterprise{padding:24px 16px;border-radius:12px}}@media(min-width:769px)and (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr);gap:24px}.plan-card{padding:28px}.trust-signals{grid-template-columns:repeat(2,1fr)}.price-amount{font-size:52px}}@media(min-width:481px)and (max-width:768px){.plans-grid{gap:20px}.trust-signals{grid-template-columns:repeat(2,1fr)}}.payment-collection-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 1rem}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#475569;cursor:pointer;transition:all .2s;margin-bottom:2rem;max-width:140px}.btn-back:hover{background:#f8fafc;border-color:#cbd5e1}.payment-content{max-width:1200px;margin:0 auto}.payment-header{text-align:center;margin-bottom:3rem}.header-icon{font-size:3rem;margin-bottom:1rem}.payment-header h1{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.payment-header p{font-size:1.125rem;color:#64748b}.payment-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.payment-form-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.payment-form{display:flex;flex-direction:column;gap:2rem}.form-section h3{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.form-group label{font-size:.875rem;font-weight:500;color:#475569;display:flex;align-items:center;gap:.25rem}.cvv-info{cursor:help;color:#94a3b8;font-size:.875rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#0f172a;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-group input:disabled,.form-group select:disabled{background:#f8fafc;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.expiry-inputs{display:flex;align-items:center;gap:.5rem}.expiry-inputs select{flex:1}.expiry-separator{color:#94a3b8;font-weight:600}.terms-section{padding:1.5rem;background:#f8fafc;border-radius:8px;margin-top:1rem}.terms-checkbox{display:flex;align-items:start;gap:.75rem;cursor:pointer;font-size:.875rem;color:#475569}.terms-checkbox input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer}.terms-checkbox a{color:#0ea5e9;text-decoration:underline}.terms-note{margin-top:.75rem;font-size:.8125rem;color:#64748b;line-height:1.5}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.error-message svg{flex-shrink:0;stroke:#dc2626}.btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.security-badges{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:1rem;font-size:.8125rem;color:#64748b}.payment-summary-section{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.summary-card h3{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.summary-item .label{font-size:.875rem;color:#64748b;display:flex;flex-direction:column;gap:.25rem}.summary-item .label small{font-size:.75rem;color:#94a3b8}.summary-item .value{font-size:.875rem;color:#0f172a;font-weight:500}.summary-item.highlight{padding:.75rem;background:#f0f9ff;border-radius:6px;margin:1rem 0}.summary-item.highlight .value{color:#0ea5e9;font-weight:600;font-size:1rem}.summary-item.total{padding-top:1rem;margin-top:.5rem}.summary-item.total .label{font-size:.9375rem;font-weight:600;color:#0f172a}.summary-item.total .value{font-size:1.25rem;font-weight:700;color:#0f172a}.summary-item.recurring{margin-top:.5rem}.summary-divider{height:1px;background:#e2e8f0;margin:1rem 0}.features-included{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.features-included h4{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:1rem}.features-included ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-included li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#475569}.refund-policy{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1.5rem}.refund-policy h4{font-size:.9375rem;font-weight:600;color:#15803d;margin-bottom:.5rem}.refund-policy p{font-size:.8125rem;color:#166534;line-height:1.5}@media(max-width:1024px){.payment-layout{grid-template-columns:1fr}.payment-summary-section{position:static;order:-1}}@media(max-width:640px){.payment-collection-container{padding:1rem .5rem}.payment-form-section{padding:1.5rem 1rem}.payment-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-group input,.form-group select{font-size:16px}}.onboarding-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef3);padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.btn-logout{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;color:#64748b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;z-index:10}.btn-logout:hover{color:#0f172a;border-color:#cbd5e1;background:#f8fafc}.btn-logout svg{flex-shrink:0}.onboarding-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64748b}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.onboarding-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;padding:48px;width:100%;max-width:560px}.onboarding-header{text-align:center;margin-bottom:40px}.onboarding-icon{font-size:64px;margin-bottom:24px}.onboarding-header h1{font-size:32px;font-weight:700;color:#0f172a;margin:0 0 12px}.onboarding-header p{font-size:16px;color:#64748b;margin:0}.onboarding-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#334155}.form-group input,.form-group select{padding:12px 16px;font-size:16px;border:2px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{border-color:#10b981}.error-message{padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px}.btn-primary{padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:#10b981;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.onboarding-subscription-header{text-align:center;margin-bottom:48px}.onboarding-subscription-header h1{font-size:40px;font-weight:700;color:#0f172a;margin:0 0 12px}.onboarding-subscription-header p{font-size:18px;color:#64748b;margin:0}@media(max-width:768px){.btn-logout{top:16px;right:16px;padding:8px 16px;font-size:13px}.btn-logout svg{width:16px;height:16px}.onboarding-card{padding:32px 24px}.onboarding-header h1{font-size:28px}.onboarding-icon{font-size:48px}.onboarding-subscription-header h1{font-size:32px}.onboarding-subscription-header p{font-size:16px}}.form-note{font-size:13px;color:#64748b;margin:16px 0 0;padding:12px;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;line-height:1.6}.tint-container,.tint-loading,.tint-results{--tint-primary: #3b82f6;--tint-primary-light: #eff6ff;--tint-primary-dark: #2563eb;--tint-success: #10b981;--tint-success-light: #d1fae5;--tint-success-dark: #059669;--tint-warning: #f59e0b;--tint-warning-light: #fef3c7;--tint-error: #ef4444;--tint-error-light: #fee2e2;--tint-error-dark: #dc2626;--tint-text-primary: #1e293b;--tint-text-secondary: #64748b;--tint-text-tertiary: #94a3b8;--tint-bg-page: #f8fafc;--tint-bg-card: #ffffff;--tint-border: #e2e8f0;--tint-border-light: #f1f5f9;--tint-radius-sm: 8px;--tint-radius-md: 12px;--tint-radius-lg: 16px;--tint-radius-xl: 20px;--tint-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--tint-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--tint-shadow-lg: 0 12px 32px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--tint-transition: .25s cubic-bezier(.4, 0, .2, 1)}.tint-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--tint-bg-page)}.tint-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.tint-loading-spinner{position:relative;width:64px;height:64px}.tint-spinner-ring{position:absolute;inset:0;border:3px solid transparent;border-radius:50%}.tint-spinner-ring:nth-child(1){border-top-color:var(--tint-primary);animation:tint-spin 1s linear infinite}.tint-spinner-ring:nth-child(2){inset:6px;border-right-color:#60a5fa;animation:tint-spin 1.2s linear infinite reverse}.tint-spinner-ring:nth-child(3){inset:12px;border-bottom-color:#93c5fd;animation:tint-spin 1.4s linear infinite}@keyframes tint-spin{to{transform:rotate(360deg)}}.tint-loading-text{font-size:1.125rem;font-weight:600;color:var(--tint-text-primary);margin:0}.tint-loading-category{font-size:.9375rem;color:var(--tint-text-secondary);margin:0}.tint-container{height:100vh;display:flex;flex-direction:column;background:var(--tint-bg-page);overflow:hidden}.tint-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--tint-bg-card);border-bottom:1px solid var(--tint-border);flex-shrink:0}.tint-header-left{display:flex;align-items:center;gap:.75rem}.tint-category-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--tint-primary) 0%,var(--tint-primary-dark) 100%);border-radius:var(--tint-radius-md);box-shadow:0 4px 12px #3b82f640}.tint-category-code{font-size:.9375rem;font-weight:800;color:#fff;letter-spacing:-.02em}.tint-header-info{display:flex;flex-direction:column;gap:.25rem}.tint-category-name{font-size:1.125rem;font-weight:700;color:var(--tint-text-primary);margin:0}.tint-header-meta{display:flex;align-items:center;gap:.5rem}.tint-adaptive-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.tint-header-right{display:flex;align-items:center;gap:.5rem}.tint-nav-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--tint-border-light);border:1px solid var(--tint-border);border-radius:var(--tint-radius-md);color:var(--tint-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--tint-transition)}.tint-nav-toggle:hover{background:var(--tint-bg-card);border-color:var(--tint-primary);color:var(--tint-primary)}.tint-nav-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:tint-fade-in .2s ease}@keyframes tint-fade-in{0%{opacity:0}to{opacity:1}}.tint-nav-panel{width:100%;max-width:400px;background:var(--tint-bg-card);border-radius:var(--tint-radius-xl);box-shadow:var(--tint-shadow-lg);overflow:hidden;animation:tint-slide-up .3s ease}@keyframes tint-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tint-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--tint-border)}.tint-nav-header h3{font-size:1.125rem;font-weight:700;color:var(--tint-text-primary);margin:0}.tint-nav-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--tint-border-light);border:none;border-radius:var(--tint-radius-sm);color:var(--tint-text-secondary);cursor:pointer;transition:all var(--tint-transition)}.tint-nav-close:hover{background:var(--tint-error-light);color:var(--tint-error)}.tint-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:1.5rem}.tint-nav-item{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--tint-border-light);border:2px solid transparent;border-radius:var(--tint-radius-sm);color:var(--tint-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--tint-transition)}.tint-nav-item:hover{background:var(--tint-primary-light);color:var(--tint-primary)}.tint-nav-item.answered{background:var(--tint-success-light);color:var(--tint-success-dark)}.tint-nav-item.current{background:var(--tint-primary);border-color:var(--tint-primary-dark);color:#fff;box-shadow:0 2px 8px #3b82f64d}.tint-nav-legend{display:flex;justify-content:center;gap:1.5rem;padding:1rem 1.5rem;background:var(--tint-border-light);border-top:1px solid var(--tint-border)}.tint-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--tint-text-secondary)}.tint-legend-dot{width:12px;height:12px;border-radius:4px;background:var(--tint-border-light);border:1px solid var(--tint-border)}.tint-legend-dot.answered{background:var(--tint-success-light);border-color:var(--tint-success)}.tint-legend-dot.current{background:var(--tint-primary);border-color:var(--tint-primary-dark)}.tint-progress-section{padding:.5rem 1.5rem;background:var(--tint-bg-card);border-bottom:1px solid var(--tint-border);flex-shrink:0}.tint-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.tint-progress-label{font-size:.8125rem;font-weight:600;color:var(--tint-text-primary)}.tint-progress-percent{font-size:.75rem;font-weight:600;color:var(--tint-primary)}.tint-progress-bar{height:4px;background:var(--tint-border-light);border-radius:2px;overflow:hidden}.tint-progress-fill{height:100%;background:linear-gradient(90deg,var(--tint-primary) 0%,#60a5fa 100%);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.tint-main{flex:1;padding:1.25rem 1.5rem;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}@media(max-width:800px){.tint-main{max-width:100%}}.tint-question-card{background:var(--tint-bg-card);border-radius:var(--tint-radius-lg);padding:1.5rem;box-shadow:var(--tint-shadow-md);border:1px solid var(--tint-border);display:flex;flex-direction:column;flex:1;min-height:0}.tint-question-number{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;background:var(--tint-primary-light);color:var(--tint-primary-dark);border-radius:16px;font-size:.6875rem;font-weight:700;margin-bottom:.875rem;align-self:flex-start}.tint-question-text{font-size:1.0625rem;font-weight:600;color:var(--tint-text-primary);line-height:1.55;margin:0 0 1.25rem;flex-shrink:0}.tint-options{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%}.tint-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--tint-border-light);border:2px solid transparent;border-radius:var(--tint-radius-md);cursor:pointer;transition:all var(--tint-transition);text-align:left;animation:tint-option-in .3s ease backwards;width:100%;min-width:0;box-sizing:border-box;font-family:inherit;font-size:inherit}@keyframes tint-option-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tint-option:hover{background:var(--tint-bg-card);border-color:var(--tint-primary);box-shadow:var(--tint-shadow-sm)}.tint-option.selected{background:var(--tint-primary-light);border-color:var(--tint-primary)}.tint-option .tint-option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;max-width:32px;background:var(--tint-bg-card);border:2px solid var(--tint-border);border-radius:var(--tint-radius-sm);font-size:.8125rem;font-weight:700;color:var(--tint-text-secondary);flex-shrink:0;flex-grow:0;transition:all var(--tint-transition)}.tint-option:hover .tint-option-letter{border-color:var(--tint-primary);color:var(--tint-primary)}.tint-option.selected .tint-option-letter{background:var(--tint-primary);border-color:var(--tint-primary);color:#fff}.tint-option .tint-option-text{flex:1 1 auto;min-width:0;font-size:.9375rem;color:var(--tint-text-primary);line-height:1.55;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:normal;overflow:visible;text-overflow:clip;-webkit-hyphens:auto;hyphens:auto}.tint-option-check{color:var(--tint-primary);flex-shrink:0;flex-grow:0;width:20px;height:20px}.tint-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--tint-bg-card);border-top:1px solid var(--tint-border);flex-shrink:0}.tint-footer-center{display:flex;align-items:center;gap:.5rem}.tint-quick-nav{display:flex;gap:.375rem}.tint-quick-dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--tint-border-light);border:1px solid var(--tint-border);border-radius:var(--tint-radius-sm);color:var(--tint-text-tertiary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--tint-transition)}.tint-quick-dot:hover{background:var(--tint-primary-light);border-color:var(--tint-primary);color:var(--tint-primary)}.tint-quick-dot.answered{background:var(--tint-success-light);border-color:var(--tint-success);color:var(--tint-success-dark)}.tint-quick-dot.current{background:var(--tint-primary);border-color:var(--tint-primary-dark);color:#fff}.tint-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;border:none;border-radius:var(--tint-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--tint-transition);min-height:40px}.tint-btn:disabled{opacity:.5;cursor:not-allowed}.tint-btn-lg{padding:1rem 1.75rem;font-size:1rem}.tint-btn-primary{background:linear-gradient(135deg,var(--tint-primary) 0%,var(--tint-primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #3b82f640}.tint-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.tint-btn-secondary{background:var(--tint-border-light);border:1px solid var(--tint-border);color:var(--tint-text-secondary)}.tint-btn-secondary:hover:not(:disabled){background:var(--tint-bg-card);border-color:var(--tint-primary);color:var(--tint-primary)}.tint-btn-success{background:linear-gradient(135deg,var(--tint-success) 0%,var(--tint-success-dark) 100%);color:#fff;box-shadow:0 4px 12px #10b98140}.tint-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.tint-submit-count{font-size:.8125rem;opacity:.8}.tint-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tint-spin .8s linear infinite}.tint-results{min-height:100vh;background:var(--tint-bg-page);padding:2rem 1.5rem}.tint-results-container{max-width:800px;margin:0 auto}.tint-results-header{margin-bottom:2rem}.tint-score-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;border-radius:var(--tint-radius-xl);margin-bottom:1.5rem}.tint-score-card.tint-passed{background:linear-gradient(135deg,var(--tint-success-light) 0%,#a7f3d0 100%);border:1px solid var(--tint-success)}.tint-score-card.tint-failed{background:linear-gradient(135deg,var(--tint-error-light) 0%,#fecaca 100%);border:1px solid var(--tint-error)}.tint-score-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:var(--tint-shadow-md)}.tint-passed .tint-score-icon{color:var(--tint-success)}.tint-failed .tint-score-icon{color:var(--tint-error)}.tint-score-display{display:flex;flex-direction:column;gap:.25rem}.tint-score-value{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em}.tint-passed .tint-score-value{color:var(--tint-success-dark)}.tint-failed .tint-score-value{color:var(--tint-error-dark)}.tint-score-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tint-passed .tint-score-label{color:var(--tint-success-dark)}.tint-failed .tint-score-label{color:var(--tint-error-dark)}.tint-results-stats{display:flex;gap:1rem;flex-wrap:wrap}.tint-stat-item{flex:1;min-width:140px;display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--tint-bg-card);border-radius:var(--tint-radius-lg);box-shadow:var(--tint-shadow-sm);border:1px solid var(--tint-border)}.tint-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--tint-success-light);color:var(--tint-success);border-radius:var(--tint-radius-md);flex-shrink:0}.tint-stat-icon-error{background:var(--tint-error-light);color:var(--tint-error)}.tint-stat-icon-time{background:var(--tint-primary-light);color:var(--tint-primary)}.tint-stat-info{display:flex;flex-direction:column;gap:.125rem}.tint-stat-info .tint-stat-value{font-size:1.25rem;font-weight:700;color:var(--tint-text-primary)}.tint-stat-info .tint-stat-label{font-size:.75rem;color:var(--tint-text-tertiary);font-weight:500}.tint-review-section{margin-bottom:2rem}.tint-review-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--tint-text-primary);margin:0 0 1.25rem}.tint-review-list{display:flex;flex-direction:column;gap:1rem}.tint-review-card{background:var(--tint-bg-card);border-radius:var(--tint-radius-lg);overflow:hidden;box-shadow:var(--tint-shadow-sm);border:1px solid var(--tint-border);animation:tint-slide-up .4s ease backwards}.tint-review-card.tint-correct{border-left:4px solid var(--tint-success)}.tint-review-card.tint-incorrect{border-left:4px solid var(--tint-error)}.tint-review-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--tint-border-light);border-bottom:1px solid var(--tint-border)}.tint-review-number{font-size:.875rem;font-weight:700;color:var(--tint-text-primary)}.tint-review-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.tint-review-status.correct{background:var(--tint-success-light);color:var(--tint-success-dark)}.tint-review-status.incorrect{background:var(--tint-error-light);color:var(--tint-error-dark)}.tint-review-question{font-size:1rem;font-weight:500;color:var(--tint-text-primary);line-height:1.6;margin:0;padding:1.25rem}.tint-review-options{padding:0 1.25rem 1rem;display:flex;flex-direction:column;gap:.5rem}.tint-review-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--tint-border-light);border-radius:var(--tint-radius-sm);border:1px solid transparent}.tint-review-option.tint-option-correct{background:var(--tint-success-light);border-color:var(--tint-success)}.tint-review-option.tint-option-wrong{background:var(--tint-error-light);border-color:var(--tint-error)}.tint-review-option .tint-option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--tint-bg-card);border:1px solid var(--tint-border);border-radius:var(--tint-radius-sm);font-size:.75rem;font-weight:700;color:var(--tint-text-secondary);flex-shrink:0}.tint-option-correct .tint-option-letter{background:var(--tint-success);border-color:var(--tint-success-dark);color:#fff}.tint-option-wrong .tint-option-letter{background:var(--tint-error);border-color:var(--tint-error-dark);color:#fff}.tint-review-option .tint-option-text{flex:1;font-size:.9375rem;color:var(--tint-text-primary)}.tint-review-option .tint-option-icon{flex-shrink:0}.tint-option-correct .tint-option-icon{color:var(--tint-success-dark)}.tint-option-wrong .tint-option-icon{color:var(--tint-error-dark)}.tint-review-explanation{margin:0 1.25rem;padding:1rem;background:var(--tint-primary-light);border-radius:var(--tint-radius-md);border-left:3px solid var(--tint-primary)}.tint-explanation-header{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;color:var(--tint-primary-dark);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.tint-review-explanation p{font-size:.9375rem;color:var(--tint-text-primary);line-height:1.6;margin:0}.tint-review-reference{display:flex;align-items:center;gap:.5rem;margin:1rem 1.25rem 1.25rem;padding:.875rem 1rem;background:var(--tint-warning-light);border-radius:var(--tint-radius-md);font-size:.875rem;color:var(--tint-warning-dark);font-weight:500}.tint-review-reference svg{flex-shrink:0}.tint-results-footer{display:flex;justify-content:center;padding-top:1rem}@media(max-width:768px){.tint-header{padding:.75rem 1rem}.tint-category-badge{width:36px;height:36px}.tint-category-code{font-size:.8125rem}.tint-category-name{font-size:.9375rem}.tint-progress-section{padding:.5rem 1rem}.tint-main{padding:1rem}.tint-question-card{padding:1.25rem;border-radius:var(--tint-radius-md)}.tint-question-text{font-size:1rem;margin-bottom:1rem}.tint-options{gap:.5rem}.tint-option{padding:.75rem .875rem;gap:.625rem}.tint-option .tint-option-letter{width:28px;height:28px;min-width:28px;max-width:28px;font-size:.75rem}.tint-option .tint-option-text{font-size:.875rem;line-height:1.5}.tint-footer{padding:.75rem 1rem}.tint-quick-nav{display:none}.tint-score-card{padding:1.5rem;flex-direction:column;text-align:center}.tint-score-value{font-size:2.5rem}.tint-results-stats{flex-direction:column}.tint-stat-item{min-width:auto}.tint-review-question{padding:1rem}.tint-review-options{padding:0 1rem 1rem}.tint-review-explanation{margin:0 1rem}.tint-review-reference{margin:1rem;flex-direction:column;text-align:center;gap:.375rem}}@media(max-width:480px){.tint-header{padding:.625rem .875rem}.tint-header-left{gap:.5rem}.tint-category-badge{width:32px;height:32px}.tint-category-name{font-size:.875rem}.tint-nav-toggle{padding:.5rem .625rem}.tint-nav-toggle span:last-child{display:none}.tint-progress-section{padding:.375rem .875rem}.tint-main{padding:.75rem}.tint-question-card{padding:1rem}.tint-question-text{font-size:.9375rem;line-height:1.5}.tint-options{gap:.375rem}.tint-option{padding:.625rem .75rem;gap:.5rem}.tint-option .tint-option-letter{width:26px;height:26px;min-width:26px;max-width:26px;font-size:.6875rem}.tint-option .tint-option-text{font-size:.8125rem;line-height:1.45}.tint-footer{padding:.625rem .875rem}.tint-btn{padding:.5rem .75rem;font-size:.8125rem;min-height:36px}.tint-score-icon{width:64px;height:64px}.tint-score-icon svg{width:32px;height:32px}.tint-score-value{font-size:2rem}}@media(prefers-reduced-motion:reduce){.tint-option,.tint-review-card,.tint-nav-panel{animation:none}.tint-spinner-ring{animation:tint-spin 2s linear infinite}.tint-btn-primary:hover,.tint-btn-success:hover{transform:none}.tint-progress-fill{transition:none}}.tint-container .tint-options{overflow-x:hidden!important}.tint-container .tint-option{overflow:visible!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.tint-container .tint-option-text,.tint-container button.tint-option .tint-option-text,.tint-container .tint-option>.tint-option-text{display:block!important;width:auto!important;max-width:100%!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;overflow:visible!important;text-overflow:unset!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;flex:1 1 0%!important;min-width:0!important}.sbook-container{--sbook-primary: #3b82f6;--sbook-primary-dark: #2563eb;--sbook-primary-light: #eff6ff;--sbook-success: #10b981;--sbook-success-light: #ecfdf5;--sbook-warning: #f59e0b;--sbook-warning-light: #fffbeb;--sbook-error: #ef4444;--sbook-text-primary: #1e293b;--sbook-text-secondary: #64748b;--sbook-text-muted: #94a3b8;--sbook-bg-page: #f8fafc;--sbook-bg-card: #ffffff;--sbook-bg-sidebar: #ffffff;--sbook-border: #e2e8f0;--sbook-border-light: #f1f5f9;--sbook-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--sbook-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--sbook-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--sbook-radius-sm: 8px;--sbook-radius-md: 12px;--sbook-radius-lg: 16px;--sbook-radius-xl: 20px;--sbook-transition: .25s cubic-bezier(.4, 0, .2, 1)}.sbook-container{min-height:100vh;display:flex;flex-direction:column;background:var(--sbook-bg-page)}.sbook-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.sbook-spinner{position:relative;width:48px;height:48px}.sbook-spinner-ring{position:absolute;inset:0;border:3px solid var(--sbook-border-light);border-top-color:var(--sbook-primary);border-radius:50%;animation:sbook-spin 1s linear infinite}.sbook-spinner-ring:nth-child(2){inset:6px;animation-delay:-.3s;border-top-color:var(--sbook-success)}.sbook-spinner-ring:nth-child(3){inset:12px;animation-delay:-.6s;border-top-color:var(--sbook-warning)}@keyframes sbook-spin{to{transform:rotate(360deg)}}.sbook-loading-text{font-size:.9375rem;color:var(--sbook-text-secondary);font-weight:500}.sbook-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;background:var(--sbook-bg-card);border-bottom:1px solid var(--sbook-border);position:sticky;top:0;z-index:100}.sbook-header-left{display:flex;align-items:center;gap:1rem}.sbook-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--sbook-border-light);border:none;border-radius:var(--sbook-radius-sm);color:var(--sbook-text-secondary);cursor:pointer;transition:all var(--sbook-transition)}.sbook-menu-toggle:hover{background:var(--sbook-primary-light);color:var(--sbook-primary)}.sbook-category-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--sbook-primary) 0%,var(--sbook-primary-dark) 100%);border-radius:var(--sbook-radius-md);box-shadow:0 4px 12px #3b82f64d}.sbook-category-code{font-size:.9375rem;font-weight:800;color:#fff;letter-spacing:-.02em}.sbook-header-info{display:flex;flex-direction:column;gap:.125rem}.sbook-title{font-size:1.125rem;font-weight:700;color:var(--sbook-text-primary);margin:0;line-height:1.2}.sbook-category-name{font-size:.8125rem;color:var(--sbook-text-secondary);margin:0}.sbook-header-right{display:flex;align-items:center;gap:1rem}.sbook-progress-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--sbook-primary-light);border-radius:20px;font-size:.8125rem;font-weight:600;color:var(--sbook-primary-dark)}.sbook-progress-indicator svg{opacity:.8}.sbook-close-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--sbook-border-light);border:1px solid var(--sbook-border);border-radius:var(--sbook-radius-md);font-size:.875rem;font-weight:600;color:var(--sbook-text-secondary);cursor:pointer;transition:all var(--sbook-transition)}.sbook-close-btn:hover{background:var(--sbook-bg-card);border-color:var(--sbook-error);color:var(--sbook-error)}.sbook-body{display:flex;flex:1;position:relative}.sbook-sidebar-overlay{display:none}.sbook-sidebar{width:320px;min-width:320px;background:var(--sbook-bg-sidebar);border-right:1px solid var(--sbook-border);display:flex;flex-direction:column;height:calc(100vh - 65px);position:sticky;top:65px;overflow:hidden}.sbook-sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--sbook-border-light)}.sbook-sidebar-header svg{color:var(--sbook-primary)}.sbook-sidebar-header h2{font-size:.9375rem;font-weight:700;color:var(--sbook-text-primary);margin:0}.sbook-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;gap:1rem}.sbook-empty-state svg{color:var(--sbook-text-muted)}.sbook-empty-state p{font-size:.9375rem;color:var(--sbook-text-secondary);margin:0}.sbook-empty-state span{font-size:.8125rem;color:var(--sbook-text-muted)}.sbook-nav{flex:1;overflow-y:auto;padding:.75rem}.sbook-chapter-group{margin-bottom:.5rem}.sbook-chapter-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:var(--sbook-radius-md);cursor:pointer;transition:all var(--sbook-transition);text-align:left}.sbook-chapter-btn:hover{background:var(--sbook-border-light)}.sbook-chapter-btn.active{background:var(--sbook-primary-light)}.sbook-chapter-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--sbook-border-light);border-radius:var(--sbook-radius-sm);font-size:.875rem;font-weight:700;color:var(--sbook-text-secondary);flex-shrink:0;transition:all var(--sbook-transition)}.sbook-chapter-btn.active .sbook-chapter-number{background:var(--sbook-primary);color:#fff}.sbook-chapter-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.sbook-chapter-label{font-size:.6875rem;font-weight:600;color:var(--sbook-text-muted);text-transform:uppercase;letter-spacing:.05em}.sbook-chapter-title{font-size:.875rem;font-weight:600;color:var(--sbook-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbook-chapter-btn.active .sbook-chapter-title{color:var(--sbook-primary-dark)}.sbook-chapter-arrow{color:var(--sbook-text-muted);flex-shrink:0;transition:transform var(--sbook-transition)}.sbook-chapter-arrow.expanded{transform:rotate(180deg)}.sbook-sections-list{padding:.5rem 0 .5rem .75rem;margin-left:1.125rem;border-left:2px solid var(--sbook-primary-light);display:flex;flex-direction:column;gap:.25rem}.sbook-section-btn{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--sbook-radius-sm);cursor:pointer;transition:all var(--sbook-transition);text-align:left;animation:sbook-section-in .2s ease backwards}@keyframes sbook-section-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sbook-section-btn:hover{background:var(--sbook-border-light)}.sbook-section-btn.active{background:var(--sbook-primary)}.sbook-section-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--sbook-border-light);border-radius:6px;font-size:.6875rem;font-weight:700;color:var(--sbook-text-secondary);flex-shrink:0;transition:all var(--sbook-transition)}.sbook-section-btn.active .sbook-section-number{background:#fff3;color:#fff}.sbook-section-title{flex:1;font-size:.8125rem;font-weight:500;color:var(--sbook-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--sbook-transition)}.sbook-section-btn.active .sbook-section-title{color:#fff}.sbook-section-btn svg{color:#fff;opacity:.8}.sbook-main{flex:1;display:flex;flex-direction:column;min-width:0;height:calc(100vh - 65px);overflow-y:auto}.sbook-chapter-header{padding:1.5rem 2rem 1.25rem;background:var(--sbook-bg-card);border-bottom:1px solid var(--sbook-border)}.sbook-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sbook-breadcrumb-category{font-size:.75rem;font-weight:600;color:var(--sbook-primary);background:var(--sbook-primary-light);padding:.25rem .5rem;border-radius:4px}.sbook-breadcrumb svg{color:var(--sbook-text-muted)}.sbook-breadcrumb-chapter{font-size:.75rem;font-weight:500;color:var(--sbook-text-muted)}.sbook-chapter-title-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.sbook-chapter-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:linear-gradient(135deg,var(--sbook-primary) 0%,var(--sbook-primary-dark) 100%);border-radius:var(--sbook-radius-sm);color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.sbook-chapter-badge svg{opacity:.9}.sbook-chapter-main-title{font-size:1.5rem;font-weight:700;color:var(--sbook-text-primary);margin:0;line-height:1.3}.sbook-chapter-desc{font-size:.9375rem;color:var(--sbook-text-secondary);line-height:1.6;margin:0 0 1rem}.sbook-section-progress{padding-top:1rem;border-top:1px solid var(--sbook-border-light)}.sbook-section-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sbook-section-progress-info span{font-size:.8125rem;font-weight:500;color:var(--sbook-text-secondary)}.sbook-section-progress-percent{color:var(--sbook-primary)!important;font-weight:600!important}.sbook-section-progress-bar{height:4px;background:var(--sbook-border-light);border-radius:2px;overflow:hidden}.sbook-section-progress-fill{height:100%;background:linear-gradient(90deg,var(--sbook-primary) 0%,#60a5fa 100%);border-radius:2px;transition:width .4s ease}.sbook-article{flex:1;padding:2rem;max-width:800px;margin:0 auto;width:100%}.sbook-section-header{margin-bottom:1.5rem}.sbook-section-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--sbook-success-light);color:var(--sbook-success);border-radius:20px;font-size:.75rem;font-weight:700;margin-bottom:.75rem}.sbook-section-main-title{font-size:1.375rem;font-weight:700;color:var(--sbook-text-primary);margin:0;line-height:1.4}.sbook-content{color:var(--sbook-text-primary)}.sbook-paragraph{font-size:1rem;line-height:1.75;color:var(--sbook-text-primary);margin:0 0 1.25rem}.sbook-paragraph strong{color:var(--sbook-text-primary);font-weight:600}.sbook-content-heading{font-size:1.125rem;font-weight:700;color:var(--sbook-text-primary);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--sbook-primary-light)}.sbook-definition-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.sbook-definition-item{padding:1rem 1.25rem;background:var(--sbook-border-light);border-radius:var(--sbook-radius-md);border-left:4px solid var(--sbook-primary);font-size:.9375rem;line-height:1.6}.sbook-definition-item strong{color:var(--sbook-primary-dark)}.sbook-list-item{background:var(--sbook-border-light);border-radius:var(--sbook-radius-sm);font-size:.9375rem;line-height:1.5;position:relative;padding:.75rem 1rem .75rem 2rem}.sbook-list-item:before{content:"";position:absolute;left:1rem;top:1.125rem;width:6px;height:6px;background:var(--sbook-primary);border-radius:50%}.sbook-nav-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-top:2rem;border-top:1px solid var(--sbook-border);gap:1rem}.sbook-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--sbook-bg-card);border:1px solid var(--sbook-border);border-radius:var(--sbook-radius-md);cursor:pointer;transition:all var(--sbook-transition);font-size:.875rem;font-weight:600;color:var(--sbook-text-secondary)}.sbook-nav-btn:hover:not(.disabled){border-color:var(--sbook-primary);color:var(--sbook-primary);box-shadow:var(--sbook-shadow-md)}.sbook-nav-btn.disabled{opacity:.4;cursor:not-allowed}.sbook-nav-btn svg{color:var(--sbook-primary);flex-shrink:0}.sbook-nav-btn.disabled svg{color:var(--sbook-text-muted)}.sbook-nav-dots{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.sbook-nav-dot{width:8px;height:8px;padding:0;background:var(--sbook-border);border:none;border-radius:50%;cursor:pointer;transition:all var(--sbook-transition)}.sbook-nav-dot:hover{background:var(--sbook-primary-light);transform:scale(1.2)}.sbook-nav-dot.completed{background:var(--sbook-success)}.sbook-nav-dot.active{background:var(--sbook-primary);width:24px;border-radius:4px}.sbook-no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem;text-align:center;gap:1rem}.sbook-no-content svg{color:var(--sbook-text-muted);opacity:.5}.sbook-no-content h3{font-size:1.25rem;font-weight:700;color:var(--sbook-text-primary);margin:0}.sbook-no-content p{font-size:.9375rem;color:var(--sbook-text-secondary);margin:0}@media(max-width:1024px){.sbook-sidebar{width:280px;min-width:280px}.sbook-article{padding:1.5rem}.sbook-nav-btn{padding:.625rem 1rem}}@media(max-width:768px){.sbook-header{padding:.75rem 1rem}.sbook-menu-toggle{display:flex}.sbook-category-badge{width:38px;height:38px}.sbook-category-code{font-size:.8125rem}.sbook-title{font-size:1rem}.sbook-category-name,.sbook-progress-indicator span{display:none}.sbook-progress-indicator{padding:.5rem;border-radius:50%}.sbook-close-btn span{display:none}.sbook-close-btn{padding:.625rem;border-radius:var(--sbook-radius-sm)}.sbook-sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:150;animation:sbook-fade-in .2s ease}@keyframes sbook-fade-in{0%{opacity:0}to{opacity:1}}.sbook-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--sbook-shadow-lg)}.sbook-sidebar.open{transform:translate(0)}.sbook-chapter-header{padding:1.25rem 1rem}.sbook-chapter-title-row{flex-direction:column;gap:.75rem}.sbook-chapter-main-title{font-size:1.25rem}.sbook-article{padding:1.25rem 1rem}.sbook-section-main-title{font-size:1.125rem}.sbook-paragraph{font-size:.9375rem}.sbook-nav-footer{flex-wrap:wrap;gap:.75rem}.sbook-nav-btn{padding:.625rem 1rem}.sbook-nav-dots{order:3;width:100%;flex-wrap:wrap;justify-content:center;padding:.5rem 0}}@media(max-width:480px){.sbook-header-left{gap:.75rem}.sbook-category-badge{width:34px;height:34px}.sbook-sidebar{width:280px;min-width:280px}.sbook-chapter-main-title{font-size:1.125rem}.sbook-chapter-desc{font-size:.875rem}.sbook-section-main-title{font-size:1rem}.sbook-definition-item{padding:.875rem 1rem;font-size:.875rem}}@media(prefers-reduced-motion:reduce){.sbook-spinner-ring{animation-duration:2s}.sbook-section-btn,.sbook-sidebar{animation:none;transition:none}.sbook-section-progress-fill{transition:none}}.sbook-nav::-webkit-scrollbar,.sbook-main::-webkit-scrollbar{width:6px}.sbook-nav::-webkit-scrollbar-track,.sbook-main::-webkit-scrollbar-track{background:transparent}.sbook-nav::-webkit-scrollbar-thumb,.sbook-main::-webkit-scrollbar-thumb{background:var(--sbook-border);border-radius:3px}.sbook-nav::-webkit-scrollbar-thumb:hover,.sbook-main::-webkit-scrollbar-thumb:hover{background:var(--sbook-text-muted)}.fllexm-container{--fllexm-primary: #3b82f6;--fllexm-primary-light: #60a5fa;--fllexm-success: #10b981;--fllexm-success-light: #34d399;--fllexm-warning: #f59e0b;--fllexm-warning-light: #fbbf24;--fllexm-danger: #ef4444;--fllexm-danger-light: #f87171;--fllexm-purple: #8b5cf6;--fllexm-purple-light: #a78bfa;--fllexm-pink: #ec4899;--fllexm-cyan: #06b6d4;--fllexm-indigo: #6366f1;--fllexm-glass-bg: rgba(255, 255, 255, .85);--fllexm-glass-border: rgba(255, 255, 255, .6);--fllexm-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--fllexm-shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--fllexm-shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--fllexm-shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--fllexm-radius-sm: 10px;--fllexm-radius-md: 14px;--fllexm-radius-lg: 18px;--fllexm-radius-xl: 24px;--fllexm-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.fllexm-container{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#faf5ff,#f0fdf4);position:relative;overflow-x:hidden}.fllexm-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.fllexm-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:fllexm-float 20s ease-in-out infinite}.fllexm-ambient-orb.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);top:-10%;right:-5%;animation-delay:0s}.fllexm-ambient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#8b5cf6,#ec4899);bottom:10%;left:-10%;animation-delay:-7s}.fllexm-ambient-orb.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#10b981,#06b6d4);top:40%;right:-15%;animation-delay:-14s}@keyframes fllexm-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.fllexm-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:2rem}.fllexm-loading-spinner{width:100px;height:100px;position:relative}.fllexm-spinner-orbit{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;animation:fllexm-spin 2s linear infinite}.fllexm-spinner-orbit:nth-child(1){border-top-color:var(--fllexm-primary);animation-duration:1.5s}.fllexm-spinner-orbit:nth-child(2){inset:10px;border-right-color:var(--fllexm-purple);animation-duration:2s;animation-direction:reverse}.fllexm-spinner-orbit:nth-child(3){inset:20px;border-bottom-color:var(--fllexm-success);animation-duration:2.5s}.fllexm-spinner-dot{position:absolute;width:10px;height:10px;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.fllexm-spinner-orbit:nth-child(1) .fllexm-spinner-dot{background:var(--fllexm-primary);box-shadow:0 0 12px var(--fllexm-primary)}.fllexm-spinner-orbit:nth-child(2) .fllexm-spinner-dot{background:var(--fllexm-purple);box-shadow:0 0 12px var(--fllexm-purple)}.fllexm-spinner-orbit:nth-child(3) .fllexm-spinner-dot{background:var(--fllexm-success);box-shadow:0 0 12px var(--fllexm-success)}.fllexm-spinner-core{position:absolute;inset:35px;border-radius:50%;background:linear-gradient(135deg,var(--fllexm-primary),var(--fllexm-purple));animation:fllexm-pulse 1.5s ease-in-out infinite}@keyframes fllexm-spin{to{transform:rotate(360deg)}}@keyframes fllexm-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.fllexm-loading-text{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.fllexm-loading-bar{width:200px;height:4px;background:#3b82f626;border-radius:2px;overflow:hidden}.fllexm-loading-progress{height:100%;width:30%;background:linear-gradient(90deg,var(--fllexm-primary),var(--fllexm-purple));border-radius:2px;animation:fllexm-loading-slide 1.5s ease-in-out infinite}@keyframes fllexm-loading-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.fllexm-header{position:sticky;top:0;z-index:50;background:var(--fllexm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--fllexm-glass-border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.fllexm-header-left{display:flex;align-items:center;gap:1rem}.fllexm-header-icon{width:48px;height:48px;border-radius:var(--fllexm-radius-md);background:linear-gradient(135deg,var(--fllexm-primary),var(--fllexm-purple));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.fllexm-header-text h1{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.fllexm-header-text p{font-size:.875rem;color:#64748b;margin:0}.fllexm-header-stats{display:flex;align-items:center;gap:1.5rem}.fllexm-stat{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#fff9;border-radius:var(--fllexm-radius-md);border:1px solid rgba(255,255,255,.8)}.fllexm-stat-icon{width:36px;height:36px;border-radius:var(--fllexm-radius-sm);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--fllexm-primary)}.fllexm-stat-data{display:flex;flex-direction:column}.fllexm-stat-value{font-size:1rem;font-weight:700;color:#1e293b}.fllexm-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.fllexm-timer{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-radius:var(--fllexm-radius-md);border:1px solid rgba(16,185,129,.2);transition:var(--fllexm-transition)}.fllexm-timer.warning{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border-color:#f59e0b4d}.fllexm-timer.warning .fllexm-timer-icon,.fllexm-timer.warning .fllexm-timer-value{color:var(--fllexm-warning)}.fllexm-timer.critical{background:linear-gradient(135deg,#ef44441a,#f871711a);border-color:#ef44444d;animation:fllexm-timer-pulse 1s ease-in-out infinite}.fllexm-timer.critical .fllexm-timer-icon,.fllexm-timer.critical .fllexm-timer-value{color:var(--fllexm-danger)}@keyframes fllexm-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.fllexm-timer-icon{width:40px;height:40px;border-radius:var(--fllexm-radius-sm);background:#fffc;display:flex;align-items:center;justify-content:center;color:var(--fllexm-success)}.fllexm-timer-display{display:flex;flex-direction:column}.fllexm-timer-value{font-size:1.25rem;font-weight:800;color:var(--fllexm-success);font-variant-numeric:tabular-nums}.fllexm-timer-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.fllexm-main{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem;position:relative;z-index:1;max-width:1000px;margin:0 auto}.fllexm-question-card{flex:1;background:var(--fllexm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--fllexm-radius-xl);border:1px solid var(--fllexm-glass-border);box-shadow:var(--fllexm-shadow-lg);display:flex;flex-direction:column;animation:fllexm-fade-in .4s ease-out}@keyframes fllexm-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fllexm-question-header{padding:.875rem 1.25rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-bottom:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.fllexm-question-meta{display:flex;flex-direction:column;gap:.25rem}.fllexm-question-number{font-size:.875rem;font-weight:700;color:var(--fllexm-primary)}.fllexm-question-category{font-size:.8rem;color:#64748b}.fllexm-flag-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff9;border:1px solid rgba(100,116,139,.2);border-radius:var(--fllexm-radius-sm);color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--fllexm-transition)}.fllexm-flag-btn:hover{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--fllexm-warning)}.fllexm-flag-btn.flagged{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);border-color:#f59e0b66;color:var(--fllexm-warning)}.fllexm-question-content{flex:1;padding:1.5rem 2rem}.fllexm-question-text{font-size:1.0625rem;line-height:1.6;color:#1e293b;margin:0 0 1.25rem}.fllexm-options{display:flex;flex-direction:column;gap:.625rem}.fllexm-option{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#fff9;border:2px solid rgba(100,116,139,.15);border-radius:var(--fllexm-radius-md);cursor:pointer;transition:var(--fllexm-transition);text-align:left;width:100%}.fllexm-option:hover{background:#ffffffe6;border-color:#3b82f64d;transform:translate(4px);box-shadow:var(--fllexm-shadow-md)}.fllexm-option.selected{background:linear-gradient(135deg,#3b82f61a,#8b5cf614);border-color:var(--fllexm-primary);box-shadow:0 0 0 3px #3b82f626}.fllexm-option-letter{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#475569;flex-shrink:0;transition:var(--fllexm-transition)}.fllexm-option.selected .fllexm-option-letter{background:linear-gradient(135deg,var(--fllexm-primary),var(--fllexm-purple));color:#fff;box-shadow:0 2px 8px #3b82f666}.fllexm-option-text{flex:1;font-size:.9375rem;line-height:1.4;color:#334155}.fllexm-option-check{flex-shrink:0;color:var(--fllexm-primary);animation:fllexm-check-pop .3s ease-out}@keyframes fllexm-check-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.fllexm-question-nav{padding:.875rem 1.25rem;background:#ffffff80;border-top:1px solid rgba(255,255,255,.6);display:flex;justify-content:space-between;align-items:center;gap:1rem}.fllexm-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--fllexm-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--fllexm-transition)}.fllexm-nav-btn.prev{background:#fffc;border:1px solid rgba(100,116,139,.2);color:#475569}.fllexm-nav-btn.prev:hover:not(:disabled){background:#fff;border-color:var(--fllexm-primary);color:var(--fllexm-primary)}.fllexm-nav-btn.prev:disabled{opacity:.4;cursor:not-allowed}.fllexm-nav-btn.next{background:linear-gradient(135deg,var(--fllexm-primary),var(--fllexm-purple));border:none;color:#fff;box-shadow:0 4px 12px #3b82f64d}.fllexm-nav-btn.next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.fllexm-nav-btn.submit{background:linear-gradient(135deg,var(--fllexm-success),#059669);border:none;color:#fff;box-shadow:0 4px 12px #10b9814d}.fllexm-nav-btn.submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.fllexm-navigator{padding:1rem 1.5rem;background:linear-gradient(135deg,#f1f5f9b3,#f8fafcb3);border-top:1px solid rgba(255,255,255,.8);border-radius:0 0 var(--fllexm-radius-xl) var(--fllexm-radius-xl)}.fllexm-navigator-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#475569;font-weight:600;font-size:.8125rem}.fllexm-navigator-header svg{width:14px;height:14px;color:var(--fllexm-primary)}.fllexm-navigator-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.375rem;margin-bottom:.75rem}.fllexm-nav-item{width:100%;aspect-ratio:1;border-radius:6px;border:1px solid rgba(100,116,139,.15);background:#fff9;font-size:.7rem;font-weight:600;color:#64748b;cursor:pointer;transition:var(--fllexm-transition)}.fllexm-nav-item:hover{background:#fff;border-color:var(--fllexm-primary);color:var(--fllexm-primary)}.fllexm-nav-item.current{background:linear-gradient(135deg,var(--fllexm-primary),var(--fllexm-purple));border-color:transparent;color:#fff;box-shadow:0 2px 8px #3b82f64d}.fllexm-nav-item.answered:not(.current){background:linear-gradient(135deg,#10b98126,#06b6d41a);border-color:#10b9814d;color:var(--fllexm-success)}.fllexm-nav-item.unanswered:not(.current){background:#f1f5f9cc}.fllexm-nav-item.flagged{position:relative}.fllexm-nav-item.flagged:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--fllexm-warning);border-radius:50%;box-shadow:0 0 4px var(--fllexm-warning)}.fllexm-navigator-legend{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.5rem 0;border-top:1px solid rgba(100,116,139,.1)}.fllexm-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b}.fllexm-legend-dot{width:10px;height:10px;border-radius:3px}.fllexm-legend-dot.current{background:linear-gradient(135deg,var(--fllexm-primary),var(--fllexm-purple))}.fllexm-legend-dot.answered{background:linear-gradient(135deg,#10b98166,#06b6d44d);border:1px solid rgba(16,185,129,.5)}.fllexm-legend-dot.unanswered{background:#f1f5f9cc;border:1px solid rgba(100,116,139,.2)}.fllexm-legend-dot.flagged{background:#f1f5f9cc;border:1px solid rgba(100,116,139,.2);position:relative}.fllexm-legend-dot.flagged:after{content:"";position:absolute;top:-2px;right:-2px;width:5px;height:5px;background:var(--fllexm-warning);border-radius:50%}.fllexm-submit-btn{display:none}.fllexm-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.fllexm-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:2rem;animation:fllexm-fade-in .3s ease-out}.fllexm-confirm-modal{background:var(--fllexm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--fllexm-radius-xl);border:1px solid var(--fllexm-glass-border);box-shadow:var(--fllexm-shadow-xl);padding:2.5rem;max-width:420px;width:100%;text-align:center;animation:fllexm-modal-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fllexm-modal-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fllexm-confirm-icon{width:72px;height:72px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--fllexm-primary)}.fllexm-confirm-modal h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.fllexm-confirm-stats{font-size:1rem;color:#475569;margin:0 0 1.5rem}.fllexm-confirm-stats strong{color:#1e293b}.fllexm-confirm-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:#f59e0b1a;border-radius:var(--fllexm-radius-md);border:1px solid rgba(245,158,11,.2);color:#b45309;font-size:.875rem;margin-bottom:1rem}.fllexm-confirm-time{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#64748b;font-size:.9375rem;margin-bottom:1.5rem}.fllexm-confirm-time strong{color:var(--fllexm-success);font-weight:700}.fllexm-confirm-actions{display:flex;gap:1rem}.fllexm-confirm-cancel,.fllexm-confirm-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border-radius:var(--fllexm-radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--fllexm-transition)}.fllexm-confirm-cancel{background:#fffc;border:1px solid rgba(100,116,139,.2);color:#475569}.fllexm-confirm-cancel:hover{background:#fff;border-color:var(--fllexm-primary);color:var(--fllexm-primary)}.fllexm-confirm-submit{background:linear-gradient(135deg,var(--fllexm-success),#059669);border:none;color:#fff;box-shadow:0 4px 12px #10b9814d}.fllexm-confirm-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.fllexm-results{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:2rem}.fllexm-results-hero{background:var(--fllexm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--fllexm-radius-xl);border:1px solid var(--fllexm-glass-border);box-shadow:var(--fllexm-shadow-lg);padding:2.5rem;display:flex;align-items:center;gap:3rem;margin-bottom:2rem;animation:fllexm-fade-in .5s ease-out}.fllexm-results-hero.pass{border-color:#10b9814d;background:linear-gradient(135deg,#ffffffe6,#ecfdf5e6)}.fllexm-results-hero.fail{border-color:#ef444433;background:linear-gradient(135deg,#ffffffe6,#fef2f2e6)}.fllexm-results-hero-content{flex:1}.fllexm-results-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.fllexm-results-hero.pass .fllexm-results-icon{background:linear-gradient(135deg,#10b98126,#06b6d426);color:var(--fllexm-success)}.fllexm-results-hero.fail .fllexm-results-icon{background:#ef44441a;color:var(--fllexm-danger)}.fllexm-results-hero h1{font-size:2rem;font-weight:800;margin:0 0 .5rem}.fllexm-results-hero.pass h1{color:#047857}.fllexm-results-hero.fail h1{color:#b91c1c}.fllexm-results-hero p{font-size:1.0625rem;color:#64748b;margin:0}.fllexm-score-display{text-align:center}.fllexm-score-circle{width:160px;height:160px;position:relative;margin-bottom:1.25rem}.fllexm-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.fllexm-score-bg{fill:none;stroke:#e2e8f0;stroke-width:8}.fllexm-score-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease-out}.fllexm-results-hero.pass .fllexm-score-progress{stroke:url(#fllexm-gradient-success);stroke:var(--fllexm-success)}.fllexm-results-hero.fail .fllexm-score-progress{stroke:var(--fllexm-danger)}.fllexm-score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.fllexm-score-value{font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1}.fllexm-score-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.fllexm-results-hero.pass .fllexm-score-label{color:var(--fllexm-success)}.fllexm-results-hero.fail .fllexm-score-label{color:var(--fllexm-danger)}.fllexm-score-stats{display:flex;justify-content:center;gap:1.5rem}.fllexm-score-stat{display:flex;flex-direction:column;align-items:center}.fllexm-score-stat .value{font-size:1.25rem;font-weight:700;color:#1e293b}.fllexm-score-stat .label{font-size:.75rem;color:#64748b;text-transform:uppercase}.fllexm-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.fllexm-section-icon{width:40px;height:40px;border-radius:var(--fllexm-radius-sm);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--fllexm-primary)}.fllexm-section-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.fllexm-category-breakdown{margin-bottom:2rem;animation:fllexm-fade-in .5s ease-out .1s backwards}.fllexm-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.fllexm-category-card{background:var(--fllexm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--fllexm-radius-lg);border:1px solid var(--fllexm-glass-border);padding:1.25rem;transition:var(--fllexm-transition)}.fllexm-category-card:hover{transform:translateY(-2px);box-shadow:var(--fllexm-shadow-md)}.fllexm-category-card.pass{border-color:#10b9814d}.fllexm-category-card.fail{border-color:#ef444433}.fllexm-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.fllexm-category-code{font-size:1rem;font-weight:700;color:#1e293b}.fllexm-category-badge{font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.fllexm-category-badge.pass{background:#10b9811a;color:#047857}.fllexm-category-badge.fail{background:#ef44441a;color:#b91c1c}.fllexm-category-name{font-size:.8125rem;color:#64748b;margin:0 0 .875rem;line-height:1.3}.fllexm-category-progress{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.625rem}.fllexm-category-bar{height:100%;border-radius:3px;transition:width .5s ease-out}.fllexm-category-card.pass .fllexm-category-bar{background:linear-gradient(90deg,var(--fllexm-success),var(--fllexm-cyan))}.fllexm-category-card.fail .fllexm-category-bar{background:linear-gradient(90deg,var(--fllexm-danger),var(--fllexm-warning))}.fllexm-category-stats{display:flex;justify-content:space-between;align-items:center}.fllexm-category-percent{font-size:1.125rem;font-weight:700}.fllexm-category-card.pass .fllexm-category-percent{color:var(--fllexm-success)}.fllexm-category-card.fail .fllexm-category-percent{color:var(--fllexm-danger)}.fllexm-category-count{font-size:.8125rem;color:#64748b}.fllexm-review-section{animation:fllexm-fade-in .5s ease-out .2s backwards}.fllexm-review-list{display:flex;flex-direction:column;gap:1rem}.fllexm-review-card{background:var(--fllexm-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--fllexm-radius-lg);border:1px solid var(--fllexm-glass-border);overflow:hidden;transition:var(--fllexm-transition)}.fllexm-review-card:hover{box-shadow:var(--fllexm-shadow-md)}.fllexm-review-card.correct{border-left:4px solid var(--fllexm-success)}.fllexm-review-card.incorrect{border-left:4px solid var(--fllexm-danger)}.fllexm-review-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f1f5f980;border-bottom:1px solid rgba(255,255,255,.6)}.fllexm-review-meta{display:flex;align-items:center;gap:.75rem}.fllexm-review-number{font-weight:600;color:#1e293b}.fllexm-review-category{font-size:.75rem;font-weight:600;color:var(--fllexm-primary);background:#3b82f61a;padding:.25rem .625rem;border-radius:4px}.fllexm-review-status{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600}.fllexm-review-status.correct{color:var(--fllexm-success)}.fllexm-review-status.incorrect{color:var(--fllexm-danger)}.fllexm-review-question{padding:1.25rem;font-size:1rem;line-height:1.6;color:#1e293b;margin:0;border-bottom:1px solid rgba(241,245,249,.8)}.fllexm-review-options{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.625rem}.fllexm-review-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#f1f5f980;border-radius:var(--fllexm-radius-sm);border:1px solid transparent;transition:var(--fllexm-transition)}.fllexm-review-option.correct{background:#10b9811a;border-color:#10b9814d}.fllexm-review-option.incorrect{background:#ef444414;border-color:#ef444433}.fllexm-review-option.selected:not(.correct):not(.incorrect){background:#3b82f614;border-color:#3b82f633}.fllexm-review-option .fllexm-option-letter{width:28px;height:28px;border-radius:50%;background:#fffc;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#475569;flex-shrink:0}.fllexm-review-option.correct .fllexm-option-letter{background:var(--fllexm-success);color:#fff}.fllexm-review-option.incorrect .fllexm-option-letter{background:var(--fllexm-danger);color:#fff}.fllexm-review-option .fllexm-option-text{flex:1;font-size:.9375rem;color:#334155;padding-top:.25rem}.fllexm-review-option svg{flex-shrink:0;color:var(--fllexm-success);margin-top:.25rem}.fllexm-review-explanation{display:flex;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-top:1px solid rgba(255,255,255,.6)}.fllexm-explanation-icon{width:28px;height:28px;border-radius:50%;background:#3b82f61a;display:flex;align-items:center;justify-content:center;color:var(--fllexm-primary);flex-shrink:0}.fllexm-review-explanation p{font-size:.9375rem;line-height:1.6;color:#475569;margin:0}.fllexm-return-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;max-width:300px;margin:2.5rem auto 0;padding:1rem;background:linear-gradient(135deg,var(--fllexm-primary),var(--fllexm-purple));border:none;border-radius:var(--fllexm-radius-md);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--fllexm-transition);box-shadow:0 4px 12px #3b82f64d}.fllexm-return-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}@media(max-width:1024px){.fllexm-header{flex-wrap:wrap;padding:.75rem 1rem}.fllexm-header-stats{width:100%;justify-content:space-between;order:1;margin-top:.75rem}.fllexm-main{padding:1rem}.fllexm-navigator-grid{grid-template-columns:repeat(9,1fr)}.fllexm-navigator{padding:1rem}.fllexm-results-hero{flex-direction:column;text-align:center;gap:2rem;padding:2rem}.fllexm-results-hero-content{display:flex;flex-direction:column;align-items:center}}@media(max-width:768px){.fllexm-header{padding:.75rem}.fllexm-header-left{gap:.625rem}.fllexm-header-icon{width:36px;height:36px}.fllexm-header-icon svg{width:18px;height:18px}.fllexm-header-text h1{font-size:1rem}.fllexm-header-text p{font-size:.75rem}.fllexm-header-stats{gap:.5rem}.fllexm-stat{padding:.375rem .5rem;gap:.375rem}.fllexm-stat-icon{width:28px;height:28px}.fllexm-stat-value{font-size:.875rem}.fllexm-stat-label{font-size:.65rem}.fllexm-timer{padding:.375rem .625rem}.fllexm-timer-icon{width:32px;height:32px}.fllexm-timer-value{font-size:1rem}.fllexm-main{padding:.75rem}.fllexm-question-content{padding:1rem}.fllexm-question-text{font-size:.9375rem}.fllexm-option{padding:.75rem;gap:.625rem}.fllexm-option-letter{width:28px;height:28px;font-size:.8125rem}.fllexm-option-text{font-size:.875rem}.fllexm-navigator-grid{grid-template-columns:repeat(7,1fr)}.fllexm-navigator-legend{flex-wrap:wrap;gap:.75rem}.fllexm-results{padding:.75rem}.fllexm-results-hero{padding:1.25rem}.fllexm-results-icon{width:56px;height:56px}.fllexm-results-icon svg{width:28px;height:28px}.fllexm-results-hero h1{font-size:1.375rem}.fllexm-score-circle{width:120px;height:120px}.fllexm-score-value{font-size:1.75rem}.fllexm-category-grid{grid-template-columns:repeat(2,1fr)}.fllexm-review-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.fllexm-header-stats{flex-wrap:wrap;gap:.375rem}.fllexm-stat{flex:1;min-width:70px;justify-content:center}.fllexm-stat-icon{display:none}.fllexm-timer{width:100%;justify-content:center}.fllexm-navigator-grid{grid-template-columns:repeat(6,1fr)}.fllexm-question-nav{flex-direction:column;gap:.5rem}.fllexm-nav-btn{width:100%;justify-content:center}.fllexm-confirm-modal{padding:1.25rem}.fllexm-confirm-actions{flex-direction:column}.fllexm-category-grid{grid-template-columns:1fr}.fllexm-score-stats{flex-wrap:wrap;gap:.75rem}}@media(prefers-reduced-motion:reduce){.fllexm-ambient-orb,.fllexm-spinner-orbit,.fllexm-spinner-core,.fllexm-loading-progress,.fllexm-timer.critical{animation:none}.fllexm-option,.fllexm-nav-btn,.fllexm-submit-btn,.fllexm-confirm-submit,.fllexm-return-btn,.fllexm-question-card,.fllexm-confirm-modal{transition:none}.fllexm-option:hover,.fllexm-nav-btn:hover,.fllexm-submit-btn:hover{transform:none}}.fllexm-option:after{content:attr(data-key);position:absolute;right:1rem;font-size:.75rem;color:#94a3b8;opacity:0;transition:opacity .2s}.fllexm-options:focus-within .fllexm-option:after{opacity:1}.exmsel-overlay{--exmsel-primary: #3b82f6;--exmsel-primary-dark: #2563eb;--exmsel-primary-light: #dbeafe;--exmsel-primary-glow: rgba(59, 130, 246, .4);--exmsel-success: #10b981;--exmsel-success-dark: #059669;--exmsel-success-light: #d1fae5;--exmsel-success-glow: rgba(16, 185, 129, .4);--exmsel-purple: #8b5cf6;--exmsel-purple-dark: #7c3aed;--exmsel-purple-light: #ede9fe;--exmsel-purple-glow: rgba(139, 92, 246, .4);--exmsel-gold: #f59e0b;--exmsel-gold-dark: #d97706;--exmsel-gold-light: #fef3c7;--exmsel-gold-glow: rgba(245, 158, 11, .4);--exmsel-text-primary: #0f172a;--exmsel-text-secondary: #475569;--exmsel-text-muted: #94a3b8;--exmsel-bg-page: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--exmsel-bg-card: rgba(255, 255, 255, .9);--exmsel-bg-card-solid: #ffffff;--exmsel-border: rgba(226, 232, 240, .8);--exmsel-border-light: rgba(241, 245, 249, .9);--exmsel-glass-bg: rgba(255, 255, 255, .85);--exmsel-glass-border: rgba(255, 255, 255, .5);--exmsel-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--exmsel-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--exmsel-shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .05);--exmsel-shadow-xl: 0 24px 60px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .06);--exmsel-radius-sm: 10px;--exmsel-radius-md: 14px;--exmsel-radius-lg: 18px;--exmsel-radius-xl: 24px;--exmsel-transition: .3s cubic-bezier(.4, 0, .2, 1)}.exmsel-overlay{position:fixed;inset:0;min-height:100vh;background:var(--exmsel-bg-page);overflow-y:auto;overflow-x:hidden;z-index:100}.exmsel-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.exmsel-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:exmsel-float 20s ease-in-out infinite}.exmsel-ambient-orb.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);top:-200px;right:-150px;animation-duration:25s}.exmsel-ambient-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);bottom:-100px;left:-150px;animation-delay:-10s}.exmsel-ambient-orb.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);top:50%;left:40%;animation-delay:-5s;animation-duration:18s}@keyframes exmsel-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.exmsel-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;padding:3rem}.exmsel-loading-spinner{position:relative;width:70px;height:70px}.exmsel-spinner-orbit{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:exmsel-orbit 2s linear infinite}.exmsel-spinner-orbit:nth-child(1){border-color:#3b82f633;border-top-color:var(--exmsel-primary);animation-duration:1.5s}.exmsel-spinner-orbit:nth-child(2){inset:8px;border-color:#8b5cf633;border-right-color:var(--exmsel-purple);animation-duration:2s;animation-direction:reverse}.exmsel-spinner-orbit:nth-child(3){inset:16px;border-color:#10b98133;border-bottom-color:var(--exmsel-success);animation-duration:2.5s}.exmsel-spinner-dot{position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.exmsel-spinner-orbit:nth-child(1) .exmsel-spinner-dot{background:var(--exmsel-primary);box-shadow:0 0 10px var(--exmsel-primary-glow)}.exmsel-spinner-orbit:nth-child(2) .exmsel-spinner-dot{background:var(--exmsel-purple);box-shadow:0 0 10px var(--exmsel-purple-glow)}.exmsel-spinner-orbit:nth-child(3) .exmsel-spinner-dot{background:var(--exmsel-success);box-shadow:0 0 10px var(--exmsel-success-glow)}.exmsel-spinner-core{position:absolute;inset:24px;background:linear-gradient(135deg,var(--exmsel-primary) 0%,var(--exmsel-purple) 100%);border-radius:50%;animation:exmsel-pulse 1.5s ease-in-out infinite}@keyframes exmsel-orbit{to{transform:rotate(360deg)}}@keyframes exmsel-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.exmsel-loading-text{font-size:1rem;font-weight:600;color:var(--exmsel-text-secondary);margin:0}.exmsel-loading-bar{width:200px;height:4px;background:var(--exmsel-border);border-radius:4px;overflow:hidden}.exmsel-loading-progress{height:100%;width:40%;background:linear-gradient(90deg,var(--exmsel-primary),var(--exmsel-purple),var(--exmsel-primary));background-size:200% 100%;border-radius:4px;animation:exmsel-progress 1.5s ease-in-out infinite}@keyframes exmsel-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.exmsel-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:3rem 2rem;animation:exmsel-fade-in .5s ease}@keyframes exmsel-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exmsel-header{text-align:center;margin-bottom:2.5rem}.exmsel-header-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--exmsel-primary) 0%,var(--exmsel-purple) 100%);border-radius:var(--exmsel-radius-xl);color:#fff;box-shadow:0 8px 24px var(--exmsel-primary-glow)}.exmsel-title{font-size:2.25rem;font-weight:800;color:var(--exmsel-text-primary);margin:0 0 .75rem;letter-spacing:-.02em}.exmsel-subtitle{font-size:1.0625rem;color:var(--exmsel-text-secondary);margin:0;line-height:1.5}.exmsel-full-exam{position:relative;width:100%;padding:0;background:transparent;border:none;cursor:pointer;margin-bottom:2.5rem;text-align:left}.exmsel-full-exam-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--exmsel-gold),var(--exmsel-success),var(--exmsel-primary));border-radius:calc(var(--exmsel-radius-xl) + 2px);opacity:0;transition:opacity var(--exmsel-transition);z-index:0}.exmsel-full-exam:hover .exmsel-full-exam-glow{opacity:1}.exmsel-full-exam-content{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.75rem 2rem;background:linear-gradient(135deg,var(--exmsel-gold-light) 0%,#fff7ed 100%);border:2px solid var(--exmsel-gold);border-radius:var(--exmsel-radius-xl);transition:all var(--exmsel-transition);z-index:1}.exmsel-full-exam:hover .exmsel-full-exam-content{background:#fff;transform:translateY(-4px);box-shadow:var(--exmsel-shadow-xl)}.exmsel-full-exam-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--exmsel-gold) 0%,var(--exmsel-gold-dark) 100%);border-radius:var(--exmsel-radius-lg);color:#fff;flex-shrink:0;box-shadow:0 4px 16px var(--exmsel-gold-glow);transition:all var(--exmsel-transition)}.exmsel-full-exam:hover .exmsel-full-exam-icon{transform:scale(1.1) rotate(5deg)}.exmsel-full-exam-text{flex:1;min-width:0}.exmsel-full-exam-text h2{font-size:1.375rem;font-weight:700;color:var(--exmsel-text-primary);margin:0 0 .375rem}.exmsel-full-exam-text p{font-size:.875rem;color:var(--exmsel-text-secondary);margin:0;line-height:1.4}.exmsel-full-exam-stats{display:flex;gap:1rem;flex-shrink:0}.exmsel-exam-stat{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fffc;border:1px solid var(--exmsel-border);border-radius:var(--exmsel-radius-sm);font-size:.8125rem;font-weight:600;color:var(--exmsel-text-secondary)}.exmsel-exam-stat svg{color:var(--exmsel-gold)}.exmsel-full-exam-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--exmsel-gold);border-radius:50%;color:#fff;flex-shrink:0;transition:all var(--exmsel-transition)}.exmsel-full-exam:hover .exmsel-full-exam-arrow{transform:translate(4px)}.exmsel-section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.exmsel-section-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--exmsel-border),transparent)}.exmsel-section-content{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--exmsel-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--exmsel-glass-border);border-radius:30px}.exmsel-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--exmsel-primary-light);border-radius:var(--exmsel-radius-sm);color:var(--exmsel-primary)}.exmsel-section-content h3{font-size:1rem;font-weight:700;color:var(--exmsel-text-primary);margin:0}.exmsel-section-content p{font-size:.75rem;color:var(--exmsel-text-muted);margin:0}.exmsel-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.exmsel-category-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1.25rem;background:var(--exmsel-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--exmsel-glass-border);border-radius:var(--exmsel-radius-lg);cursor:pointer;transition:all var(--exmsel-transition);text-align:center;animation:exmsel-card-enter .4s ease backwards;min-height:180px}@keyframes exmsel-card-enter{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.exmsel-category-card:hover{background:var(--exmsel-bg-card-solid);border-color:var(--category-color);transform:translateY(-6px);box-shadow:var(--exmsel-shadow-lg),0 0 0 3px var(--category-bg)}.exmsel-category-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:.25rem .625rem;border-radius:10px;font-size:.6875rem;font-weight:700;letter-spacing:.03em;z-index:1}.exmsel-category-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--exmsel-radius-md);margin-top:.5rem;flex-shrink:0;transition:all var(--exmsel-transition)}.exmsel-category-name{font-size:.875rem;font-weight:600;color:var(--exmsel-text-primary);margin:0;padding:.875rem .25rem;line-height:1.35;flex:1;display:flex;align-items:center;justify-content:center;max-width:100%;word-wrap:break-word}.exmsel-category-stats{display:flex;gap:.75rem;margin-top:auto;padding-top:.5rem}.exmsel-category-stat{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;color:var(--exmsel-text-muted)}.exmsel-category-stat svg{opacity:.6}.exmsel-category-hover-arrow{position:absolute;bottom:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--category-bg);border-radius:50%;color:var(--category-color);opacity:0;transform:translate(-8px);transition:all var(--exmsel-transition)}.exmsel-category-card:hover .exmsel-category-hover-arrow{opacity:1;transform:translate(0)}.exmsel-back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:280px;margin:0 auto;padding:.875rem 1.5rem;background:transparent;border:2px solid var(--exmsel-border);border-radius:var(--exmsel-radius-md);font-size:.9375rem;font-weight:600;color:var(--exmsel-text-secondary);cursor:pointer;transition:all var(--exmsel-transition)}.exmsel-back-btn:hover{background:var(--exmsel-bg-card-solid);border-color:var(--exmsel-text-muted);color:var(--exmsel-text-primary);transform:translateY(-2px);box-shadow:var(--exmsel-shadow-sm)}.exmsel-back-btn svg{transition:transform var(--exmsel-transition)}.exmsel-back-btn:hover svg{transform:translate(-4px)}@media(max-width:1024px){.exmsel-category-grid{grid-template-columns:repeat(3,1fr)}.exmsel-full-exam-stats{flex-wrap:wrap;gap:.5rem}}@media(max-width:768px){.exmsel-container{padding:2rem 1rem}.exmsel-header-icon{width:60px;height:60px}.exmsel-title{font-size:1.75rem}.exmsel-subtitle{font-size:.9375rem}.exmsel-full-exam-content{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.exmsel-full-exam-text{order:2}.exmsel-full-exam-icon{order:1}.exmsel-full-exam-stats{order:3;justify-content:center}.exmsel-full-exam-arrow{order:4}.exmsel-category-grid{grid-template-columns:repeat(2,1fr)}.exmsel-category-card{min-height:170px}.exmsel-section-header{flex-direction:column;gap:1rem}.exmsel-section-line{width:60px;height:1px}.exmsel-section-content{flex-direction:column;text-align:center;padding:1rem 1.5rem}}@media(max-width:480px){.exmsel-title{font-size:1.5rem}.exmsel-category-grid{grid-template-columns:1fr 1fr;gap:.75rem}.exmsel-category-card{padding:1.25rem .75rem 1rem;min-height:160px}.exmsel-category-icon{width:44px;height:44px}.exmsel-category-name{font-size:.75rem;padding:.625rem .125rem}.exmsel-category-stats{gap:.5rem}.exmsel-full-exam-stats{flex-direction:column;width:100%}.exmsel-exam-stat{justify-content:center;width:100%}}@media(prefers-reduced-motion:reduce){.exmsel-ambient-orb,.exmsel-spinner-orbit,.exmsel-spinner-core,.exmsel-loading-progress,.exmsel-container,.exmsel-category-card{animation:none}.exmsel-full-exam:hover .exmsel-full-exam-content,.exmsel-full-exam:hover .exmsel-full-exam-icon,.exmsel-full-exam:hover .exmsel-full-exam-arrow,.exmsel-category-card:hover,.exmsel-back-btn:hover{transform:none}}.tech-certifications{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.certifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.certifications-header h3{margin:0;color:#1e293b;font-size:1.25rem}.add-cert-button{background:#0ea5e9;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.add-cert-button:hover{background:#0284c7;transform:translateY(-1px)}.add-certification-form{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#475569;font-weight:600}.form-group select,.form-group input{width:100%;padding:.625rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem}.form-group select:focus,.form-group input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.error-message{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.submit-cert-button{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.submit-cert-button:hover{background:#059669}.no-certifications{text-align:center;padding:2rem;color:#64748b}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.certification-card{border:2px solid #e2e8f0;border-radius:8px;padding:1.25rem;transition:all .2s;background:#fff}.certification-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.certification-card.inactive{opacity:.6;background:#f8fafc}.certification-card.good{border-color:#10b981}.certification-card.warning{border-color:#f59e0b}.certification-card.critical{border-color:#ef4444}.certification-card.expired{border-color:#991b1b;background:#fef2f2}.cert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.cert-title{display:flex;flex-direction:column;gap:.25rem}.cert-title strong{font-size:1.25rem;color:#1e293b}.cert-name{font-size:.875rem;color:#64748b}.inactive-badge{background:#e2e8f0;color:#475569;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600}.cert-dates{background:#f8fafc;border-radius:6px;padding:.75rem;margin-bottom:1rem}.date-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.date-item:not(:last-child){border-bottom:1px solid #e2e8f0;margin-bottom:.375rem}.date-label{font-size:.875rem;color:#64748b;font-weight:500}.date-value{font-size:.875rem;color:#1e293b;font-weight:600}.cert-status{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-weight:600}.cert-status.good{background:#dcfce7;color:#166534}.cert-status.warning{background:#fef3c7;color:#92400e}.cert-status.critical{background:#fee2e2;color:#991b1b}.cert-status.expired{background:#fecaca;color:#7f1d1d}.status-icon{font-size:1.25rem}.status-text{font-size:.875rem}.cert-actions{display:flex;gap:.5rem}.toggle-active-button,.delete-cert-button{flex:1;padding:.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-active-button{background:#e2e8f0;color:#475569}.toggle-active-button:hover{background:#cbd5e1}.delete-cert-button{background:#fee2e2;color:#991b1b}.delete-cert-button:hover{background:#fecaca}.expiring-certifications-widget{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.expiring-certifications-widget h3{margin:0 0 1rem;color:#1e293b;font-size:1.125rem}.expiring-cert-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.75rem;transition:all .2s}.expiring-cert-item:hover{background:#f8fafc;border-color:#cbd5e1}.expiring-cert-item:last-child{margin-bottom:0}.expiring-cert-info{flex:1}.expiring-cert-tech{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.expiring-cert-category{font-weight:600;color:#1e293b}.expiring-cert-expires{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.375rem .75rem;border-radius:4px;font-weight:600}.expiring-cert-expires.critical{background:#fee2e2;color:#991b1b}.expiring-cert-expires.warning{background:#fef3c7;color:#92400e}.no-expiring-certs{text-align:center;padding:1.5rem;color:#64748b;font-size:.9375rem}.certifications-manager{padding:1.5rem}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.manager-header h2{margin:0 0 .5rem;color:#1e293b}.subtitle{color:#64748b;margin:0}.export-button{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.export-button:hover{background:#059669;transform:translateY(-1px)}.cert-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.cert-stat-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s}.cert-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cert-stat-card.valid{border-color:#10b981;background:linear-gradient(to bottom,#fff,#f0fdf4)}.cert-stat-card.warning{border-color:#f59e0b;background:linear-gradient(to bottom,#fff,#fffbeb)}.cert-stat-card.critical{border-color:#dc2626;background:linear-gradient(to bottom,#fff,#fef2f2)}.cert-stat-value{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.cert-stat-label{font-size:.875rem;color:#64748b;font-weight:500}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-input{flex:2;min-width:300px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem}.search-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.filter-select{flex:1;min-width:200px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.certifications-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.certifications-table{width:100%;border-collapse:collapse}.certifications-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.certifications-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.certifications-table td{padding:1rem;border-bottom:1px solid #e2e8f0}.certifications-table tbody tr:hover{background:#f8fafc}.certifications-table tbody tr.status-expired,.certifications-table tbody tr.status-critical{background:#fef2f2}.certifications-table tbody tr.status-warning{background:#fffbeb}.tech-info,.cert-info{display:flex;flex-direction:column;gap:.25rem}.tech-info strong,.cert-info strong{color:#1e293b;font-size:.9375rem}.tech-info small,.cert-info small{color:#64748b;font-size:.8125rem}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600}.active-badge{color:#166534;background:#dcfce7;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600}.inactive-badge{color:#475569;background:#e2e8f0;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600}.na-text{color:#94a3b8;font-style:italic}.doc-link{color:#0ea5e9;text-decoration:none;font-weight:500}.doc-link:hover{text-decoration:underline}.action-buttons{display:flex;gap:.5rem}.edit-btn,.details-btn,.save-btn,.cancel-btn{padding:.5rem .75rem;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.edit-btn{background:#dbeafe;color:#1e40af}.edit-btn:hover{background:#bfdbfe}.details-btn{background:#e2e8f0;color:#475569}.details-btn:hover{background:#cbd5e1}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669}.cancel-btn{background:#fee2e2;color:#991b1b}.cancel-btn:hover{background:#fecaca}.inline-edit-input{width:100%;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem}.inline-edit-input:focus{outline:none;border-color:#0ea5e9}.no-results{text-align:center;padding:3rem;color:#64748b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e2e8f0}.modal-header h3{margin:0;color:#1e293b}.close-modal{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.5rem;line-height:1}.close-modal:hover{color:#1e293b}.modal-body{padding:1.5rem}.cert-details-section{margin-bottom:2rem}.cert-details-section h4{margin:0 0 1rem;color:#1e293b}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;color:#64748b;font-weight:500}.detail-value{font-size:1rem;color:#1e293b;font-weight:600}.audit-log-section h4{margin:0 0 1rem;color:#1e293b}.no-logs{text-align:center;padding:2rem;color:#64748b}.audit-log-list{display:flex;flex-direction:column;gap:1rem}.audit-log-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.audit-action{font-weight:600;color:#0ea5e9;font-size:.875rem}.audit-date{font-size:.8125rem;color:#64748b}.audit-user{font-size:.875rem;color:#475569;margin-bottom:.25rem}.audit-notes{font-size:.875rem;color:#64748b;font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0}.message-banner{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.message-banner.success{background:#dcfce7;color:#166534;border:1px solid #10b981}.message-banner.error{background:#fee2e2;color:#991b1b;border:1px solid #dc2626}.techsched-container{--techsched-primary: #3b82f6;--techsched-primary-dark: #2563eb;--techsched-primary-light: #dbeafe;--techsched-primary-glow: rgba(59, 130, 246, .4);--techsched-success: #10b981;--techsched-success-dark: #059669;--techsched-success-light: #d1fae5;--techsched-success-glow: rgba(16, 185, 129, .4);--techsched-warning: #f59e0b;--techsched-warning-dark: #d97706;--techsched-warning-light: #fef3c7;--techsched-warning-glow: rgba(245, 158, 11, .4);--techsched-error: #ef4444;--techsched-error-dark: #dc2626;--techsched-error-light: #fee2e2;--techsched-error-glow: rgba(239, 68, 68, .4);--techsched-purple: #8b5cf6;--techsched-purple-dark: #7c3aed;--techsched-purple-light: #ede9fe;--techsched-purple-glow: rgba(139, 92, 246, .4);--techsched-text-primary: #0f172a;--techsched-text-secondary: #475569;--techsched-text-muted: #94a3b8;--techsched-bg-page: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--techsched-bg-card: rgba(255, 255, 255, .9);--techsched-bg-card-solid: #ffffff;--techsched-border: rgba(226, 232, 240, .8);--techsched-border-light: rgba(241, 245, 249, .9);--techsched-glass-bg: rgba(255, 255, 255, .8);--techsched-glass-border: rgba(255, 255, 255, .4);--techsched-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--techsched-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--techsched-shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .05);--techsched-shadow-xl: 0 24px 60px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .08);--techsched-radius-sm: 10px;--techsched-radius-md: 14px;--techsched-radius-lg: 18px;--techsched-radius-xl: 24px;--techsched-transition: .3s cubic-bezier(.4, 0, .2, 1)}.techsched-container{position:relative;min-height:100vh;padding:2rem;background:var(--techsched-bg-page);overflow-x:hidden}.techsched-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.techsched-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:techsched-float 20s ease-in-out infinite}.techsched-ambient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);top:-150px;right:-100px;animation-duration:25s}.techsched-ambient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);bottom:20%;left:-100px;animation-delay:-10s}.techsched-ambient-orb.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);top:50%;right:10%;animation-delay:-5s;animation-duration:18s}@keyframes techsched-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.techsched-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;padding:3rem}.techsched-loading-spinner{position:relative;width:70px;height:70px}.techsched-spinner-orbit{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:techsched-orbit 2s linear infinite}.techsched-spinner-orbit:nth-child(1){border-color:#10b98133;border-top-color:var(--techsched-success);animation-duration:1.5s}.techsched-spinner-orbit:nth-child(2){inset:8px;border-color:#3b82f633;border-right-color:var(--techsched-primary);animation-duration:2s;animation-direction:reverse}.techsched-spinner-orbit:nth-child(3){inset:16px;border-color:#8b5cf633;border-bottom-color:var(--techsched-purple);animation-duration:2.5s}.techsched-spinner-dot{position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.techsched-spinner-orbit:nth-child(1) .techsched-spinner-dot{background:var(--techsched-success);box-shadow:0 0 10px var(--techsched-success-glow)}.techsched-spinner-orbit:nth-child(2) .techsched-spinner-dot{background:var(--techsched-primary);box-shadow:0 0 10px var(--techsched-primary-glow)}.techsched-spinner-orbit:nth-child(3) .techsched-spinner-dot{background:var(--techsched-purple);box-shadow:0 0 10px var(--techsched-purple-glow)}.techsched-spinner-core{position:absolute;inset:24px;background:linear-gradient(135deg,var(--techsched-success) 0%,var(--techsched-primary) 100%);border-radius:50%;animation:techsched-pulse 1.5s ease-in-out infinite}@keyframes techsched-orbit{to{transform:rotate(360deg)}}@keyframes techsched-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.techsched-loading-text{font-size:.9375rem;font-weight:600;color:var(--techsched-text-secondary)}.techsched-loading-bar{width:180px;height:4px;background:var(--techsched-border);border-radius:4px;overflow:hidden}.techsched-loading-progress{height:100%;width:40%;background:linear-gradient(90deg,var(--techsched-success),var(--techsched-primary),var(--techsched-success));background-size:200% 100%;border-radius:4px;animation:techsched-progress 1.5s ease-in-out infinite}@keyframes techsched-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.techsched-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.techsched-header-left{display:flex;align-items:center;gap:1rem}.techsched-header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--techsched-success) 0%,var(--techsched-success-dark) 100%);border-radius:var(--techsched-radius-lg);color:#fff;box-shadow:0 4px 16px var(--techsched-success-glow)}.techsched-header-text h1{font-size:1.75rem;font-weight:800;color:var(--techsched-text-primary);margin:0;letter-spacing:-.02em}.techsched-header-text p{font-size:.875rem;color:var(--techsched-text-muted);margin:.25rem 0 0}.techsched-add-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--techsched-success) 0%,var(--techsched-success-dark) 100%);color:#fff;border:none;border-radius:var(--techsched-radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--techsched-transition);box-shadow:0 4px 16px var(--techsched-success-glow)}.techsched-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--techsched-success-glow)}.techsched-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.techsched-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--techsched-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--techsched-glass-border);border-radius:var(--techsched-radius-lg);box-shadow:var(--techsched-shadow-sm);transition:all var(--techsched-transition)}.techsched-stat-card:hover{transform:translateY(-3px);box-shadow:var(--techsched-shadow-md)}.techsched-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--techsched-radius-md);flex-shrink:0}.techsched-stat-icon.blue{background:var(--techsched-primary-light);color:var(--techsched-primary)}.techsched-stat-icon.green{background:var(--techsched-success-light);color:var(--techsched-success)}.techsched-stat-icon.purple{background:var(--techsched-purple-light);color:var(--techsched-purple)}.techsched-stat-icon.amber{background:var(--techsched-warning-light);color:var(--techsched-warning)}.techsched-stat-data{display:flex;flex-direction:column;min-width:0}.techsched-stat-value{font-size:1.5rem;font-weight:800;color:var(--techsched-text-primary);line-height:1}.techsched-stat-label{font-size:.75rem;font-weight:600;color:var(--techsched-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem}.techsched-calendar-section{position:relative;z-index:1;background:var(--techsched-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--techsched-glass-border);border-radius:var(--techsched-radius-xl);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--techsched-shadow-md)}.techsched-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--techsched-border-light)}.techsched-calendar-header h2{font-size:1.25rem;font-weight:700;color:var(--techsched-text-primary);margin:0}.techsched-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--techsched-bg-card-solid);border:1px solid var(--techsched-border);border-radius:var(--techsched-radius-sm);color:var(--techsched-text-secondary);cursor:pointer;transition:all var(--techsched-transition)}.techsched-nav-btn:hover{background:var(--techsched-primary);border-color:var(--techsched-primary);color:#fff;transform:scale(1.05)}.techsched-calendar-grid{display:flex;flex-direction:column;gap:.5rem}.techsched-day-names{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.techsched-day-name{text-align:center;font-size:.75rem;font-weight:700;color:var(--techsched-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem}.techsched-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.techsched-day{aspect-ratio:1;min-height:80px;padding:.5rem;background:var(--techsched-bg-card-solid);border:1px solid var(--techsched-border);border-radius:var(--techsched-radius-md);display:flex;flex-direction:column;gap:.375rem;transition:all var(--techsched-transition)}.techsched-day.empty{background:transparent;border-color:transparent}.techsched-day.past{opacity:.5}.techsched-day.today{background:linear-gradient(135deg,var(--techsched-primary-light) 0%,#e0e7ff 100%);border-color:var(--techsched-primary);box-shadow:0 0 0 3px #3b82f626}.techsched-day.has-schedule{background:linear-gradient(135deg,var(--techsched-success-light) 0%,#a7f3d0 100%);border-color:var(--techsched-success)}.techsched-day:hover:not(.empty):not(.past){transform:translateY(-2px);box-shadow:var(--techsched-shadow-md)}.techsched-day-number{font-size:.875rem;font-weight:700;color:var(--techsched-text-primary)}.techsched-day.today .techsched-day-number{color:var(--techsched-primary)}.techsched-day-schedules{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.techsched-day-badge{padding:.25rem .5rem;background:linear-gradient(135deg,var(--techsched-success) 0%,var(--techsched-success-dark) 100%);color:#fff;border-radius:4px;font-size:.625rem;font-weight:700;text-align:center;cursor:pointer;transition:all var(--techsched-transition);box-shadow:0 2px 4px var(--techsched-success-glow)}.techsched-day-badge.recertification{background:linear-gradient(135deg,var(--techsched-primary) 0%,var(--techsched-primary-dark) 100%);box-shadow:0 2px 4px var(--techsched-primary-glow)}.techsched-day-badge:hover{transform:scale(1.05)}.techsched-calendar-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--techsched-border-light)}.techsched-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--techsched-text-secondary)}.techsched-legend-dot{width:12px;height:12px;border-radius:4px}.techsched-legend-dot.certification{background:linear-gradient(135deg,var(--techsched-success) 0%,var(--techsched-success-dark) 100%)}.techsched-legend-dot.recertification{background:linear-gradient(135deg,var(--techsched-primary) 0%,var(--techsched-primary-dark) 100%)}.techsched-legend-dot.today{background:linear-gradient(135deg,var(--techsched-primary-light) 0%,#bfdbfe 100%);border:2px solid var(--techsched-primary)}.techsched-upcoming{position:relative;z-index:1}.techsched-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.techsched-section-title{display:flex;align-items:center;gap:.75rem}.techsched-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--techsched-radius-sm)}.techsched-section-icon.green{background:var(--techsched-success-light);color:var(--techsched-success)}.techsched-section-title h2{font-size:1.25rem;font-weight:700;color:var(--techsched-text-primary);margin:0}.techsched-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--techsched-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--techsched-glass-border);border-radius:var(--techsched-radius-xl);text-align:center}.techsched-empty-icon{color:var(--techsched-text-muted);opacity:.4;margin-bottom:1rem}.techsched-empty h3{font-size:1.25rem;font-weight:700;color:var(--techsched-text-primary);margin:0 0 .5rem}.techsched-empty p{font-size:.9375rem;color:var(--techsched-text-secondary);margin:0 0 1.5rem}.techsched-empty-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--techsched-success) 0%,var(--techsched-success-dark) 100%);color:#fff;border:none;border-radius:var(--techsched-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--techsched-transition);box-shadow:0 4px 12px var(--techsched-success-glow)}.techsched-empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--techsched-success-glow)}.techsched-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.techsched-card{background:var(--techsched-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--techsched-glass-border);border-radius:var(--techsched-radius-xl);padding:1.5rem;transition:all var(--techsched-transition);animation:techsched-card-enter .4s ease backwards;position:relative;overflow:hidden}@keyframes techsched-card-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.techsched-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--techsched-success) 0%,var(--techsched-primary) 100%)}.techsched-card.urgent:before{background:linear-gradient(90deg,var(--techsched-error) 0%,var(--techsched-warning) 100%)}.techsched-card.soon:before{background:linear-gradient(90deg,var(--techsched-warning) 0%,var(--techsched-success) 100%)}.techsched-card:hover{transform:translateY(-4px);box-shadow:var(--techsched-shadow-lg)}.techsched-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.techsched-card-category{display:flex;flex-direction:column;gap:.125rem}.techsched-card-code{font-size:1.25rem;font-weight:800;color:var(--techsched-text-primary);letter-spacing:-.02em}.techsched-card-name{font-size:.8125rem;color:var(--techsched-text-muted);font-weight:500}.techsched-card-type{padding:.375rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.techsched-card-type.certification{background:var(--techsched-success-light);color:var(--techsched-success-dark)}.techsched-card-type.recertification{background:var(--techsched-primary-light);color:var(--techsched-primary-dark)}.techsched-card-countdown{display:flex;align-items:baseline;gap:.375rem;margin-bottom:1rem;padding:.75rem;background:var(--techsched-border-light);border-radius:var(--techsched-radius-md)}.techsched-countdown-value{font-size:2rem;font-weight:900;color:var(--techsched-text-primary);line-height:1}.techsched-card.urgent .techsched-countdown-value{color:var(--techsched-error)}.techsched-card.soon .techsched-countdown-value{color:var(--techsched-warning)}.techsched-countdown-label{font-size:.875rem;font-weight:600;color:var(--techsched-text-muted)}.techsched-card-details{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.techsched-card-detail{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;color:var(--techsched-text-secondary)}.techsched-card-detail svg{flex-shrink:0;margin-top:.125rem;color:var(--techsched-text-muted)}.techsched-card-actions{display:flex;gap:.75rem}.techsched-btn-edit,.techsched-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;border-radius:var(--techsched-radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--techsched-transition);border:none}.techsched-btn-edit{background:var(--techsched-primary-light);color:var(--techsched-primary)}.techsched-btn-edit:hover{background:var(--techsched-primary);color:#fff}.techsched-btn-delete{background:var(--techsched-error-light);color:var(--techsched-error)}.techsched-btn-delete:hover{background:var(--techsched-error);color:#fff}.techsched-modal-overlay{position:fixed;inset:0;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:techsched-fade-in .3s ease}@keyframes techsched-fade-in{0%{opacity:0}to{opacity:1}}.techsched-modal{width:100%;max-width:560px;max-height:90vh;background:#fff;border-radius:var(--techsched-radius-xl);box-shadow:var(--techsched-shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:techsched-modal-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes techsched-modal-enter{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.techsched-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--techsched-border-light);background:#fff}.techsched-modal-header-left{display:flex;align-items:center;gap:.75rem}.techsched-modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--techsched-success-light);color:var(--techsched-success);border-radius:var(--techsched-radius-sm)}.techsched-modal-header h3{font-size:1.125rem;font-weight:700;color:var(--techsched-text-primary);margin:0}.techsched-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--techsched-radius-sm);color:var(--techsched-text-muted);cursor:pointer;transition:all var(--techsched-transition)}.techsched-modal-close:hover{background:var(--techsched-error-light);color:var(--techsched-error)}.techsched-form{padding:1.5rem;overflow-y:auto;background:#fff}.techsched-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.techsched-form-group{margin-bottom:1.25rem}.techsched-form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--techsched-text-primary);margin-bottom:.5rem}.techsched-form-group label svg{color:var(--techsched-text-muted)}.techsched-form-group input,.techsched-form-group select,.techsched-form-group textarea{width:100%;padding:.75rem 1rem;background:var(--techsched-bg-card-solid);border:1px solid var(--techsched-border);border-radius:var(--techsched-radius-sm);font-size:.9375rem;color:var(--techsched-text-primary);transition:all var(--techsched-transition);font-family:inherit}.techsched-form-group input:focus,.techsched-form-group select:focus,.techsched-form-group textarea:focus{outline:none;border-color:var(--techsched-primary);box-shadow:0 0 0 3px #3b82f61a}.techsched-form-group textarea{resize:vertical;min-height:80px}.techsched-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;border-top:1px solid var(--techsched-border-light)}.techsched-btn-cancel,.techsched-btn-save{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--techsched-radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--techsched-transition);border:none}.techsched-btn-cancel{background:var(--techsched-border-light);color:var(--techsched-text-secondary)}.techsched-btn-cancel:hover{background:var(--techsched-border)}.techsched-btn-save{background:linear-gradient(135deg,var(--techsched-success) 0%,var(--techsched-success-dark) 100%);color:#fff;box-shadow:0 4px 12px var(--techsched-success-glow)}.techsched-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--techsched-success-glow)}@media(max-width:1024px){.techsched-stats,.techsched-cards-grid{grid-template-columns:repeat(2,1fr)}.techsched-day{min-height:70px}}@media(max-width:768px){.techsched-container{padding:1rem}.techsched-header{flex-direction:column;align-items:stretch}.techsched-add-btn{width:100%;justify-content:center}.techsched-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.techsched-stat-card{padding:1rem}.techsched-stat-icon{width:36px;height:36px}.techsched-stat-value{font-size:1.25rem}.techsched-calendar-section{padding:1rem}.techsched-day{min-height:60px;padding:.375rem}.techsched-day-number{font-size:.75rem}.techsched-day-badge{font-size:.5rem;padding:.125rem .25rem}.techsched-calendar-legend{flex-wrap:wrap;gap:1rem}.techsched-cards-grid{grid-template-columns:1fr}.techsched-modal-overlay{padding:0;align-items:flex-end}.techsched-modal{max-height:95vh;border-radius:var(--techsched-radius-xl) var(--techsched-radius-xl) 0 0}.techsched-form-row{grid-template-columns:1fr}}@media(max-width:480px){.techsched-header-icon{width:44px;height:44px}.techsched-header-text h1{font-size:1.375rem}.techsched-day-names{display:none}.techsched-days{gap:.25rem}.techsched-day{min-height:50px}.techsched-card-countdown{padding:.5rem}.techsched-countdown-value{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.techsched-ambient-orb,.techsched-spinner-orbit,.techsched-spinner-core,.techsched-loading-progress,.techsched-card,.techsched-modal{animation:none}.techsched-stat-card:hover,.techsched-day:hover,.techsched-card:hover,.techsched-add-btn:hover,.techsched-btn-save:hover{transform:none}}.master-challenge-container.no-select,.master-challenge-container.no-select *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.master-challenge-container.no-select *::selection{background:transparent}.master-challenge-container.no-select *::-moz-selection{background:transparent}.master-challenge-container{max-width:1000px;margin:0 auto;padding:20px;min-height:100vh}.challenge-intro{text-align:center;padding:40px 20px}.challenge-badge{display:inline-block;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;padding:8px 24px;border-radius:20px;font-weight:700;font-size:14px;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px #ffd7004d}.challenge-intro h1{font-size:42px;margin-bottom:10px;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.challenge-subtitle{font-size:18px;color:#888;margin-bottom:40px}.challenge-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0}.spec-item{background:#f5f5f5;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.spec-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px}.spec-value{font-size:24px;font-weight:700;color:#2c3e50}.challenge-rules{text-align:left;max-width:600px;margin:40px auto;background:#fff3cd;padding:25px;border-radius:12px;border:2px solid #ffc107}.challenge-rules h3{margin-top:0;color:#856404}.challenge-rules ul{list-style:none;padding:0;margin:15px 0 0}.challenge-rules li{padding:10px 0;color:#856404;font-size:15px}.start-challenge-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 48px;font-size:18px;font-weight:700;border-radius:30px;cursor:pointer;margin:30px 0;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #667eea66}.start-challenge-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea80}.fair-warning{color:#ff6b6b;font-style:italic;margin-top:20px;font-size:14px}.challenge-header{margin-bottom:30px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.challenge-stats{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-radius:10px;font-weight:600;font-size:14px}.timer{background:#4caf50;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:700;min-width:70px;text-align:center}.timer.urgent{background:#f44;animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.question-container{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000001a}.question-text{font-size:20px;line-height:1.6;color:#2c3e50;margin-bottom:30px;min-height:80px}.options-grid{display:grid;gap:15px}.option-btn{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;font-size:16px}.option-btn:hover{background:#e3f2fd;border-color:#667eea;transform:translate(5px)}.option-letter{background:#667eea;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.option-text{flex:1;line-height:1.5}.cheat-warning{position:fixed;bottom:20px;right:20px;background:#f44;color:#fff;padding:15px 25px;border-radius:10px;font-weight:700;box-shadow:0 4px 15px #f446;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.challenge-results{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000001a}.challenge-results h2{text-align:center;font-size:32px;margin-bottom:30px}.score-display{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:40px}.final-score{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.score-label{font-size:16px;opacity:.9}.score-value{font-size:64px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.completion-stats{display:flex;justify-content:center;gap:40px;font-size:18px}.warning-flag{margin-top:20px;padding:12px;background:#fff3;border-radius:8px;font-size:14px}.results-list{display:flex;flex-direction:column;gap:20px}.result-item{padding:25px;border-radius:12px;border-left:4px solid}.result-item.correct{background:#f1f8f4;border-left-color:#4caf50}.result-item.incorrect{background:#fff5f5;border-left-color:#f44}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-num{font-weight:700;color:#666}.result-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.result-badge.correct{background:#4caf50;color:#fff}.result-badge.incorrect{background:#f44;color:#fff}.question-text{font-size:16px;margin-bottom:15px;line-height:1.6}.answer-comparison{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;font-size:14px;color:#555}.explanation{padding:15px;background:#00000008;border-radius:8px;font-size:14px;line-height:1.6;color:#444;font-style:italic}.challenge-locked{text-align:center;padding:60px 20px;background:#fff3cd;border-radius:16px;border:2px solid #ffc107}.challenge-locked h2{color:#856404;margin-bottom:20px}.challenge-locked p{font-size:16px;color:#856404;margin:10px 0}.cooldown-reason{margin-top:30px;font-style:italic;font-size:14px}.share-section{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;margin-bottom:40px;border:2px solid #dee2e6}.share-section h3{font-size:28px;color:#2c3e50;margin-bottom:10px;font-weight:700}.share-subtitle{font-size:16px;color:#6c757d;margin-bottom:30px}.share-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:25px}.share-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;min-width:140px;justify-content:center}.share-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.share-btn:active{transform:translateY(-1px)}.share-btn svg{flex-shrink:0}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff}.share-btn.twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0a6fb0)}.share-btn.facebook{background:linear-gradient(135deg,#1877f2,#0e5fc2);color:#fff}.share-btn.facebook:hover{background:linear-gradient(135deg,#0e5fc2,#0a4d99)}.share-btn.linkedin{background:linear-gradient(135deg,#0077b5,#005885);color:#fff}.share-btn.linkedin:hover{background:linear-gradient(135deg,#005885,#004066)}.share-btn.instagram{background:linear-gradient(135deg,#e1306c,#c13584,#833ab4);color:#fff}.share-btn.instagram:hover{background:linear-gradient(135deg,#c13584,#833ab4,#5851db)}.share-cta{font-size:18px;color:#495057;font-weight:600;margin:0;padding:20px;background:#ffffffb3;border-radius:10px;border:1px solid #dee2e6}@media(max-width:768px){.challenge-intro h1{font-size:32px}.challenge-specs{grid-template-columns:1fr}.question-container{padding:25px}.question-text{font-size:18px}.option-btn{padding:15px}.score-value{font-size:48px}.share-section h3{font-size:24px}.share-buttons{flex-direction:column;align-items:stretch}.share-btn{min-width:100%}.share-cta{font-size:16px}}.mstrlb-container{--mstrlb-primary: #3b82f6;--mstrlb-primary-dark: #2563eb;--mstrlb-primary-light: #dbeafe;--mstrlb-primary-glow: rgba(59, 130, 246, .4);--mstrlb-gold: #f59e0b;--mstrlb-gold-dark: #d97706;--mstrlb-gold-light: #fef3c7;--mstrlb-gold-glow: rgba(245, 158, 11, .5);--mstrlb-silver: #9ca3af;--mstrlb-silver-dark: #6b7280;--mstrlb-silver-light: #f3f4f6;--mstrlb-bronze: #d97706;--mstrlb-bronze-dark: #b45309;--mstrlb-bronze-light: #fef3c7;--mstrlb-success: #10b981;--mstrlb-success-dark: #059669;--mstrlb-success-light: #d1fae5;--mstrlb-success-glow: rgba(16, 185, 129, .4);--mstrlb-purple: #8b5cf6;--mstrlb-purple-dark: #7c3aed;--mstrlb-purple-light: #ede9fe;--mstrlb-purple-glow: rgba(139, 92, 246, .4);--mstrlb-text-primary: #0f172a;--mstrlb-text-secondary: #475569;--mstrlb-text-muted: #94a3b8;--mstrlb-bg-page: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--mstrlb-bg-card: rgba(255, 255, 255, .9);--mstrlb-bg-card-solid: #ffffff;--mstrlb-border: rgba(226, 232, 240, .8);--mstrlb-border-light: rgba(241, 245, 249, .9);--mstrlb-glass-bg: rgba(255, 255, 255, .8);--mstrlb-glass-border: rgba(255, 255, 255, .4);--mstrlb-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--mstrlb-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--mstrlb-shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .05);--mstrlb-shadow-xl: 0 24px 60px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .08);--mstrlb-radius-sm: 10px;--mstrlb-radius-md: 14px;--mstrlb-radius-lg: 18px;--mstrlb-radius-xl: 24px;--mstrlb-transition: .3s cubic-bezier(.4, 0, .2, 1)}.mstrlb-container{position:relative;min-height:100vh;padding:2rem;background:var(--mstrlb-bg-page);overflow-x:hidden}.mstrlb-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.mstrlb-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:mstrlb-float 20s ease-in-out infinite}.mstrlb-ambient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.25) 0%,transparent 70%);top:-150px;right:-100px;animation-duration:25s}.mstrlb-ambient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);bottom:20%;left:-100px;animation-delay:-10s}.mstrlb-ambient-orb.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);top:50%;right:10%;animation-delay:-5s;animation-duration:18s}@keyframes mstrlb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.mstrlb-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;padding:3rem}.mstrlb-loading-spinner{position:relative;width:70px;height:70px}.mstrlb-spinner-orbit{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:mstrlb-orbit 2s linear infinite}.mstrlb-spinner-orbit:nth-child(1){border-color:#f59e0b33;border-top-color:var(--mstrlb-gold);animation-duration:1.5s}.mstrlb-spinner-orbit:nth-child(2){inset:8px;border-color:#8b5cf633;border-right-color:var(--mstrlb-purple);animation-duration:2s;animation-direction:reverse}.mstrlb-spinner-orbit:nth-child(3){inset:16px;border-color:#3b82f633;border-bottom-color:var(--mstrlb-primary);animation-duration:2.5s}.mstrlb-spinner-dot{position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.mstrlb-spinner-orbit:nth-child(1) .mstrlb-spinner-dot{background:var(--mstrlb-gold);box-shadow:0 0 10px var(--mstrlb-gold-glow)}.mstrlb-spinner-orbit:nth-child(2) .mstrlb-spinner-dot{background:var(--mstrlb-purple);box-shadow:0 0 10px var(--mstrlb-purple-glow)}.mstrlb-spinner-orbit:nth-child(3) .mstrlb-spinner-dot{background:var(--mstrlb-primary);box-shadow:0 0 10px var(--mstrlb-primary-glow)}.mstrlb-spinner-core{position:absolute;inset:24px;background:linear-gradient(135deg,var(--mstrlb-gold) 0%,var(--mstrlb-purple) 100%);border-radius:50%;animation:mstrlb-pulse 1.5s ease-in-out infinite}@keyframes mstrlb-orbit{to{transform:rotate(360deg)}}@keyframes mstrlb-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.mstrlb-loading-text{font-size:.9375rem;font-weight:600;color:var(--mstrlb-text-secondary)}.mstrlb-loading-bar{width:180px;height:4px;background:var(--mstrlb-border);border-radius:4px;overflow:hidden}.mstrlb-loading-progress{height:100%;width:40%;background:linear-gradient(90deg,var(--mstrlb-gold),var(--mstrlb-purple),var(--mstrlb-gold));background-size:200% 100%;border-radius:4px;animation:mstrlb-progress 1.5s ease-in-out infinite}@keyframes mstrlb-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.mstrlb-hero{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--mstrlb-gold) 0%,#f97316 50%,var(--mstrlb-purple) 100%);border-radius:var(--mstrlb-radius-xl);margin-bottom:1.5rem;box-shadow:var(--mstrlb-shadow-lg);overflow:hidden}.mstrlb-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%}.mstrlb-hero:after{content:"";position:absolute;bottom:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.mstrlb-hero-content{position:relative;z-index:1}.mstrlb-hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.mstrlb-hero-title{font-size:2.25rem;font-weight:900;color:#fff;margin:0;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.2)}.mstrlb-hero-subtitle{font-size:1rem;color:#ffffffe6;margin:.25rem 0 0}.mstrlb-refresh-btn{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:var(--mstrlb-radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--mstrlb-transition)}.mstrlb-refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.mstrlb-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.mstrlb-refresh-btn.refreshing svg{animation:mstrlb-spin 1s linear infinite}@keyframes mstrlb-spin{to{transform:rotate(360deg)}}.mstrlb-user-card{position:relative;z-index:1;background:var(--mstrlb-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mstrlb-glass-border);border-radius:var(--mstrlb-radius-xl);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--mstrlb-shadow-md)}.mstrlb-user-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--mstrlb-border-light)}.mstrlb-user-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--mstrlb-purple) 0%,var(--mstrlb-purple-dark) 100%);border-radius:var(--mstrlb-radius-md);color:#fff;box-shadow:0 4px 12px var(--mstrlb-purple-glow)}.mstrlb-user-title{flex:1}.mstrlb-user-title h2{font-size:1.125rem;font-weight:700;color:var(--mstrlb-text-primary);margin:0}.mstrlb-user-title p{font-size:.8125rem;color:var(--mstrlb-text-muted);margin:.125rem 0 0}.mstrlb-user-rank-badge{display:flex;flex-direction:column;align-items:flex-end;padding:.5rem 1rem;background:linear-gradient(135deg,var(--mstrlb-gold-light) 0%,#fef9e7 100%);border:1px solid var(--mstrlb-gold);border-radius:var(--mstrlb-radius-md)}.mstrlb-rank-position{font-size:1.5rem;font-weight:900;color:var(--mstrlb-gold-dark);line-height:1}.mstrlb-rank-total{font-size:.6875rem;font-weight:600;color:var(--mstrlb-gold-dark);opacity:.8}.mstrlb-user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.mstrlb-user-stat{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--mstrlb-bg-card-solid);border:1px solid var(--mstrlb-border);border-radius:var(--mstrlb-radius-md);transition:all var(--mstrlb-transition)}.mstrlb-user-stat:hover{transform:translateY(-2px);box-shadow:var(--mstrlb-shadow-sm)}.mstrlb-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--mstrlb-radius-sm);flex-shrink:0}.mstrlb-stat-icon.gold{background:var(--mstrlb-gold-light);color:var(--mstrlb-gold-dark)}.mstrlb-stat-icon.blue{background:var(--mstrlb-primary-light);color:var(--mstrlb-primary)}.mstrlb-stat-icon.purple{background:var(--mstrlb-purple-light);color:var(--mstrlb-purple)}.mstrlb-stat-icon.green{background:var(--mstrlb-success-light);color:var(--mstrlb-success)}.mstrlb-stat-content{display:flex;flex-direction:column;min-width:0;flex:1}.mstrlb-stat-value{font-size:1.25rem;font-weight:800;color:var(--mstrlb-text-primary);line-height:1}.mstrlb-stat-label{font-size:.6875rem;font-weight:600;color:var(--mstrlb-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem}.mstrlb-performance-badge{padding:.25rem .5rem;border-radius:6px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.mstrlb-performance-badge.master{background:linear-gradient(135deg,var(--mstrlb-gold) 0%,#f97316 100%);color:#fff}.mstrlb-performance-badge.elite{background:var(--mstrlb-purple-light);color:var(--mstrlb-purple-dark)}.mstrlb-performance-badge.expert{background:var(--mstrlb-primary-light);color:var(--mstrlb-primary-dark)}.mstrlb-performance-badge.skilled{background:var(--mstrlb-success-light);color:var(--mstrlb-success-dark)}.mstrlb-performance-badge.rising{background:var(--mstrlb-border-light);color:var(--mstrlb-text-secondary)}.mstrlb-performance-badge.speed{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.mstrlb-user-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--mstrlb-border-light);border-radius:var(--mstrlb-radius-md);font-size:.875rem;font-weight:600;color:var(--mstrlb-text-secondary)}.mstrlb-user-message svg{color:var(--mstrlb-gold);flex-shrink:0}.mstrlb-table-section{position:relative;z-index:1;background:var(--mstrlb-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mstrlb-glass-border);border-radius:var(--mstrlb-radius-xl);overflow:hidden;box-shadow:var(--mstrlb-shadow-md)}.mstrlb-table-header{display:grid;grid-template-columns:80px 1fr 100px 100px 120px;padding:1rem 1.5rem;background:var(--mstrlb-bg-card-solid);border-bottom:1px solid var(--mstrlb-border)}.mstrlb-th{font-size:.6875rem;font-weight:700;color:var(--mstrlb-text-muted);text-transform:uppercase;letter-spacing:.05em}.mstrlb-th.rank{text-align:center}.mstrlb-th.name{text-align:left}.mstrlb-th.score,.mstrlb-th.time,.mstrlb-th.date{text-align:center}.mstrlb-table-body{max-height:600px;overflow-y:auto}.mstrlb-row{display:grid;grid-template-columns:80px 1fr 100px 100px 120px;padding:.875rem 1.5rem;align-items:center;border-bottom:1px solid var(--mstrlb-border-light);transition:all var(--mstrlb-transition);animation:mstrlb-row-enter .4s ease backwards}@keyframes mstrlb-row-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mstrlb-row:last-child{border-bottom:none}.mstrlb-row:hover{background:#3b82f60a}.mstrlb-row.gold{background:linear-gradient(90deg,var(--mstrlb-gold-light) 0%,transparent 50%)}.mstrlb-row.silver{background:linear-gradient(90deg,var(--mstrlb-silver-light) 0%,transparent 50%)}.mstrlb-row.bronze{background:linear-gradient(90deg,var(--mstrlb-bronze-light) 0%,transparent 50%)}.mstrlb-row.current-user{background:linear-gradient(90deg,var(--mstrlb-success-light) 0%,transparent 60%);border-left:3px solid var(--mstrlb-success)}.mstrlb-cell{display:flex;align-items:center}.mstrlb-cell.rank{justify-content:center}.mstrlb-cell.name{gap:.75rem}.mstrlb-cell.score{justify-content:center}.mstrlb-cell.time{justify-content:center;gap:.375rem;color:var(--mstrlb-text-secondary);font-size:.875rem;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.mstrlb-cell.date{justify-content:center;font-size:.8125rem;color:var(--mstrlb-text-muted)}.mstrlb-medal{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.mstrlb-medal.gold{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#78350f;box-shadow:0 2px 8px var(--mstrlb-gold-glow)}.mstrlb-medal.silver{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#374151;box-shadow:0 2px 8px #9ca3af66}.mstrlb-medal.bronze{background:linear-gradient(135deg,#fcd34d,#d97706);color:#78350f;box-shadow:0 2px 8px #d9770666}.mstrlb-rank-num{font-size:.9375rem;font-weight:700;color:var(--mstrlb-text-secondary)}.mstrlb-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--mstrlb-primary-light) 0%,#e0e7ff 100%);border-radius:50%;font-size:.875rem;font-weight:700;color:var(--mstrlb-primary);flex-shrink:0}.mstrlb-row.gold .mstrlb-avatar{background:linear-gradient(135deg,var(--mstrlb-gold-light) 0%,#fde68a 100%);color:var(--mstrlb-gold-dark)}.mstrlb-row.silver .mstrlb-avatar{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:var(--mstrlb-silver-dark)}.mstrlb-row.bronze .mstrlb-avatar{background:linear-gradient(135deg,var(--mstrlb-bronze-light) 0%,#fde68a 100%);color:var(--mstrlb-bronze-dark)}.mstrlb-name-text{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--mstrlb-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mstrlb-you-badge{padding:.125rem .5rem;background:var(--mstrlb-success);color:#fff;border-radius:10px;font-size:.625rem;font-weight:700;text-transform:uppercase}.mstrlb-score-badge{padding:.375rem .875rem;background:var(--mstrlb-primary);color:#fff;border-radius:20px;font-size:.8125rem;font-weight:700}.mstrlb-score-badge.top{background:linear-gradient(135deg,var(--mstrlb-gold) 0%,#f97316 100%)}.mstrlb-empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:var(--mstrlb-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mstrlb-glass-border);border-radius:var(--mstrlb-radius-xl);text-align:center}.mstrlb-empty-icon{color:var(--mstrlb-gold);opacity:.3;margin-bottom:1rem}.mstrlb-empty h3{font-size:1.375rem;font-weight:700;color:var(--mstrlb-text-primary);margin:0 0 .5rem}.mstrlb-empty p{font-size:.9375rem;color:var(--mstrlb-text-secondary);margin:0}.mstrlb-footer{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;margin-top:1.5rem;background:var(--mstrlb-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mstrlb-glass-border);border-radius:var(--mstrlb-radius-lg)}.mstrlb-footer-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--mstrlb-text-muted)}.mstrlb-footer-item svg{color:var(--mstrlb-text-secondary)}@media(max-width:1024px){.mstrlb-user-stats{grid-template-columns:repeat(2,1fr)}.mstrlb-table-header,.mstrlb-row{grid-template-columns:60px 1fr 90px 90px 100px;padding:.75rem 1rem}}@media(max-width:768px){.mstrlb-container{padding:1rem}.mstrlb-hero{flex-direction:column;align-items:stretch;padding:1.5rem;text-align:center}.mstrlb-hero-title{font-size:1.75rem}.mstrlb-refresh-btn{width:100%;justify-content:center}.mstrlb-user-card{padding:1rem}.mstrlb-user-header{flex-wrap:wrap}.mstrlb-user-rank-badge{width:100%;flex-direction:row;align-items:center;justify-content:center;gap:.375rem;margin-top:.5rem}.mstrlb-user-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.mstrlb-user-stat{flex-direction:column;align-items:flex-start;padding:.875rem}.mstrlb-table-header{display:none}.mstrlb-row{grid-template-columns:1fr;grid-template-areas:"rank name" "score time" "date date";gap:.75rem;padding:1rem}.mstrlb-cell.rank{grid-area:rank;justify-content:flex-start}.mstrlb-cell.name{grid-area:name;justify-content:flex-end}.mstrlb-cell.score{grid-area:score;justify-content:flex-start}.mstrlb-cell.time{grid-area:time;justify-content:flex-end}.mstrlb-cell.date{grid-area:date;justify-content:center;padding-top:.5rem;border-top:1px solid var(--mstrlb-border-light)}.mstrlb-footer{flex-direction:column;align-items:center;gap:.75rem}}@media(max-width:480px){.mstrlb-hero-title{font-size:1.5rem}.mstrlb-hero-subtitle{font-size:.875rem}.mstrlb-user-stats{grid-template-columns:1fr}.mstrlb-user-stat{flex-direction:row;align-items:center}.mstrlb-stat-value{font-size:1.125rem}.mstrlb-name-text{font-size:.8125rem}.mstrlb-avatar{width:32px;height:32px;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.mstrlb-ambient-orb,.mstrlb-spinner-orbit,.mstrlb-spinner-core,.mstrlb-loading-progress,.mstrlb-row{animation:none}.mstrlb-refresh-btn.refreshing svg{animation:none}.mstrlb-user-stat:hover,.mstrlb-row:hover,.mstrlb-refresh-btn:hover{transform:none}}.mastery-dashboard-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.mastery-dashboard-content{background:#fff;border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.mastery-dashboard-inner{padding:2rem}.mastery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.mastery-header h2{margin:0;font-size:2rem;font-weight:700;color:#0f172a}.mastery-close-btn{background:#64748b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s;white-space:nowrap}.mastery-close-btn:hover{background:#475569}.adaptive-learning-control{background:linear-gradient(135deg,#f8fafc,#fff);border:3px solid #e0f2fe;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 24px #0ea5e91f;transition:all .3s ease}.adaptive-learning-control:hover{border-color:#0ea5e9;box-shadow:0 12px 32px #0ea5e92e}.adaptive-control-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.adaptive-control-info{flex:1}.adaptive-control-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:.75rem}.adaptive-icon{font-size:1.75rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.adaptive-control-description{font-size:1rem;color:#64748b;line-height:1.6;font-weight:500}.adaptive-toggle{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:transparent;border:none;cursor:pointer;padding:.5rem;transition:transform .2s}.adaptive-toggle:hover{transform:scale(1.05)}.adaptive-toggle:disabled{opacity:.6;cursor:not-allowed}.adaptive-toggle-track{position:relative;width:80px;height:40px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 8px #00000026;display:flex;align-items:center;padding:0 4px}.adaptive-toggle.active .adaptive-toggle-track{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 16px #0ea5e966,inset 0 1px 4px #fff3}.adaptive-toggle-thumb{position:absolute;width:32px;height:32px;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,0 0 0 1px #0000000d;left:4px}.adaptive-toggle.active .adaptive-toggle-thumb{transform:translate(40px);background:linear-gradient(135deg,#fff,#fef9c3);box-shadow:0 4px 12px #0000004d,0 0 0 1px #0ea5e933}.adaptive-toggle-label{font-size:.875rem;font-weight:700;color:#64748b;letter-spacing:.5px;text-transform:uppercase;transition:all .3s}.adaptive-toggle.active .adaptive-toggle-label{color:#0ea5e9;text-shadow:0 0 8px rgba(14,165,233,.3)}.adaptive-status-badge{margin-top:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:12px;color:#1e40af;font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:.75rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.adaptive-status-icon{font-size:1.25rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mastery-overall-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem;color:#fff;margin-bottom:2rem;text-align:center}.mastery-overall-label{font-size:1rem;opacity:.9;margin-bottom:.5rem}.mastery-overall-score{font-size:4rem;font-weight:700;margin-bottom:.5rem;line-height:1}.mastery-overall-badge{display:inline-block;background:#fff3;padding:.5rem 1.5rem;border-radius:20px;font-size:1.25rem;font-weight:600}.mastery-overall-description{margin-top:1rem;opacity:.9}.mastery-info-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:2rem;color:#fff;margin-bottom:2rem;border:2px solid #34d399}.mastery-info-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;text-align:center}.mastery-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem}.mastery-info-item{background:#ffffff26;padding:1.25rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.mastery-info-icon{font-size:2.5rem;margin-bottom:.75rem}.mastery-info-item-title{font-weight:600;margin-bottom:.75rem;font-size:1.05rem}.mastery-info-item-desc{font-size:.9rem;opacity:.95;line-height:1.5}.mastery-info-result{background:#fff3;padding:1rem;border-radius:8px;text-align:center;font-size:.95rem;line-height:1.5}.mastery-section{margin-bottom:2rem}.mastery-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.mastery-section-title.weak{color:#ef4444}.mastery-section-title.strong{color:#10b981}.mastery-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem}.mastery-card{border-radius:12px;padding:1.5rem;background:#fff}.mastery-card.weak{border:2px solid #fecaca;background:#fef2f2}.mastery-card.strong{border:2px solid #86efac;background:#f0fdf4}.mastery-card.neutral{border:1px solid #e5e7eb}.mastery-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.mastery-card-info{flex:1;min-width:0}.mastery-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:#0f172a}.mastery-card-stats{color:#64748b;font-size:.9rem}.mastery-card-score{text-align:right;flex-shrink:0}.mastery-card-percentage{font-size:2rem;font-weight:700;line-height:1}.mastery-card-level{font-size:.9rem;font-weight:600;margin-top:.25rem}.mastery-progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:1rem}.mastery-progress-fill{height:100%;transition:width .3s}.mastery-recommendation{padding:.75rem;background:#f9fafb;border-radius:8px;font-size:.9rem;color:#374151;line-height:1.5}.mastery-empty-state{text-align:center;padding:3rem 1rem;background:#f9fafb;border-radius:12px;color:#64748b}.mastery-empty-icon{font-size:3rem;margin-bottom:1rem}.mastery-empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#475569}.mastery-loading{text-align:center;padding:3rem}@media(max-width:1200px){.mastery-info-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:1024px){.mastery-cards-grid{grid-template-columns:1fr}}@media(max-width:768px){.mastery-dashboard-overlay{padding:0;align-items:stretch}.mastery-dashboard-content{max-height:100vh;border-radius:0}.mastery-dashboard-inner{padding:1.5rem 1rem}.mastery-header{flex-direction:column;align-items:stretch;margin-bottom:1.5rem}.mastery-header h2{font-size:1.5rem;text-align:center}.mastery-close-btn{width:100%}.adaptive-learning-control{padding:1.5rem}.adaptive-control-content{flex-direction:column;gap:1.5rem}.adaptive-control-title{font-size:1.25rem}.adaptive-control-description{font-size:.9375rem;padding:.875rem}.mastery-overall-card{padding:1.5rem 1rem}.mastery-overall-score{font-size:3rem}.mastery-overall-badge{font-size:1rem;padding:.5rem 1rem}.mastery-info-card{padding:1.5rem 1rem}.mastery-info-title{font-size:1.25rem}.mastery-info-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.mastery-info-item{padding:1rem;align-items:flex-start;text-align:left}.mastery-info-icon{font-size:1.75rem;align-self:center}.mastery-info-item-title{font-size:1rem}.mastery-info-item-desc{font-size:.85rem}.mastery-info-result{font-size:.875rem}.mastery-section-title{font-size:1.25rem}.mastery-cards-grid{grid-template-columns:1fr}.mastery-card{padding:1rem}.mastery-card-header{flex-direction:column;align-items:stretch}.mastery-card-score{text-align:left;display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #e5e7eb}.mastery-card-title{font-size:1.125rem}.mastery-card-stats{font-size:.8125rem}.mastery-card-percentage{font-size:1.75rem}.mastery-card-level{font-size:.8125rem}.mastery-recommendation{font-size:.8125rem;padding:.625rem}.mastery-empty-state{padding:2rem 1rem}.mastery-empty-icon{font-size:2.5rem}.mastery-empty-title{font-size:1.125rem}}@media(max-width:480px){.mastery-overall-score{font-size:2.5rem}.mastery-card-title{font-size:1rem;word-break:break-word}}.mlc-container{--mlc-accent: #0c8ce9;--mlc-accent-light: #e8f4fd;--mlc-accent-dark: #0369a1;--mlc-success: #10b981;--mlc-success-light: #d1fae5;--mlc-error: #ef4444;--mlc-error-light: #fee2e2;--mlc-warning: #f59e0b;--mlc-warning-light: #fef3c7;--mlc-text-primary: #0f172a;--mlc-text-secondary: #64748b;--mlc-bg-card: #ffffff;--mlc-bg-subtle: #f8fafc;--mlc-border: #e2e8f0;--mlc-radius-sm: 8px;--mlc-radius-md: 12px;--mlc-radius-lg: 16px;--mlc-radius-xl: 24px;--mlc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--mlc-shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--mlc-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04)}.mlc-container{font-family:DM Sans,system-ui,-apple-system,sans-serif;width:100%;max-width:800px;margin:0 auto;padding:1rem 1.5rem 1.5rem;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:.875rem;box-sizing:border-box}.mlc-error{text-align:center;padding:2rem;color:var(--mlc-error);font-weight:500}.mlc-progress{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1.25rem;background:var(--mlc-bg-card);border-radius:var(--mlc-radius-md);box-shadow:var(--mlc-shadow-sm);border:1px solid var(--mlc-border)}.mlc-progress-header{display:flex;justify-content:space-between;align-items:center}.mlc-progress-label{font-size:.875rem;font-weight:600;color:var(--mlc-text-secondary)}.mlc-progress-value{display:flex;align-items:center;gap:.5rem}.mlc-progress-count{font-family:Fraunces,serif;font-size:1rem;font-weight:600;color:var(--mlc-text-primary)}.mlc-progress-percent{font-size:.75rem;font-weight:700;color:var(--mlc-accent);background:var(--mlc-accent-light);padding:.1875rem .5rem;border-radius:20px}.mlc-progress-track{height:6px;background:#e8ecf1;border-radius:100px;overflow:hidden;position:relative}.mlc-progress-fill{height:100%;background:linear-gradient(90deg,var(--mlc-accent) 0%,#38bdf8 100%);border-radius:100px;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative}.mlc-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:mlc-shimmer 2s ease-in-out infinite}@keyframes mlc-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mlc-card{position:relative;min-height:320px;perspective:1500px;animation:mlc-enter .4s ease forwards;width:100%}.mlc-card.mlc-exit{animation:mlc-exit-anim .3s ease forwards}@keyframes mlc-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mlc-exit-anim{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.98)}}.mlc-card-inner{position:relative;width:100%;min-height:620px;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.mlc-card-inner.flipped{transform:rotateY(180deg)}.mlc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--mlc-bg-card);border-radius:var(--mlc-radius-xl);box-shadow:var(--mlc-shadow-md);border:1px solid var(--mlc-border);display:flex;flex-direction:column;overflow:hidden}.mlc-face-back{transform:rotateY(180deg)}.mlc-front-content{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.5rem;cursor:pointer;transition:all .25s ease}.mlc-front-content:hover{background:linear-gradient(180deg,rgba(12,140,233,.02) 0%,transparent 100%)}.mlc-front-content:active{transform:scale(.995)}.mlc-front-content:focus{outline:2px solid var(--mlc-accent);outline-offset:-2px}.mlc-card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.mlc-tags{display:flex;flex-wrap:wrap;gap:.375rem}.mlc-tag{font-size:.6875rem;font-weight:600;color:var(--mlc-accent);background:var(--mlc-accent-light);padding:.25rem .625rem;border-radius:var(--mlc-radius-sm);letter-spacing:.01em;transition:all .2s ease}.mlc-tag:hover{background:#d4edfc}.mlc-difficulty{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .625rem;border-radius:var(--mlc-radius-sm);white-space:nowrap;flex-shrink:0}.mlc-difficulty-1{background:var(--mlc-success-light);color:#065f46}.mlc-difficulty-2{background:var(--mlc-warning-light);color:#92400e}.mlc-difficulty-3{background:var(--mlc-error-light);color:#991b1b}.mlc-concept-area{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.mlc-concept-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mlc-accent);background:var(--mlc-accent-light);padding:.375rem .625rem;border-radius:var(--mlc-radius-sm);width:fit-content}.mlc-concept-dot{width:5px;height:5px;background:var(--mlc-accent);border-radius:50%;animation:mlc-pulse 2s ease-in-out infinite}@keyframes mlc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.mlc-concept-text{font-family:Fraunces,serif;font-size:1.375rem;font-weight:500;line-height:1.4;color:var(--mlc-text-primary);margin:0}.mlc-reveal-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;margin-top:auto;color:var(--mlc-text-secondary);font-size:.8125rem;font-weight:500;border-top:1px dashed var(--mlc-border);animation:mlc-bounce 2s ease-in-out infinite}@keyframes mlc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mlc-reveal-icon{width:22px;height:22px;border:2px solid var(--mlc-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.mlc-front-content:hover .mlc-reveal-icon{border-color:var(--mlc-accent);background:var(--mlc-accent-light)}.mlc-back-content{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.5rem}.mlc-explanation-section{flex:1;display:flex;flex-direction:column;gap:.5rem}.mlc-explanation-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mlc-success)}.mlc-explanation-text{font-size:1rem;line-height:1.6;color:var(--mlc-text-primary);margin:0}.mlc-card-footer{margin-top:auto;padding-top:1rem}.mlc-continue-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--mlc-accent) 0%,#0078d4 100%);color:#fff;font-family:inherit;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--mlc-radius-md);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #0c8ce940}.mlc-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c8ce959}.mlc-continue-btn:active{transform:translateY(0)}.mlc-question-section{flex:1;display:flex;flex-direction:column;animation:mlc-fade-in .4s ease}@keyframes mlc-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mlc-question-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mlc-accent);background:var(--mlc-accent-light);padding:.375rem .625rem;border-radius:var(--mlc-radius-sm);margin-bottom:.625rem;width:fit-content}.mlc-question-text{font-family:Fraunces,serif;font-size:1.125rem;font-weight:500;line-height:1.4;color:var(--mlc-text-primary);margin:0 0 1rem}.mlc-options{display:flex;flex-direction:column;gap:.5rem}.mlc-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--mlc-bg-subtle);border:2px solid var(--mlc-border);border-radius:var(--mlc-radius-md);font-family:inherit;font-size:.875rem;color:var(--mlc-text-primary);text-align:left;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.mlc-option:not(:disabled):hover{background:#fff;border-color:var(--mlc-accent);transform:translate(4px)}.mlc-option:disabled{cursor:default}.mlc-option-letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#fff;border:2px solid var(--mlc-border);border-radius:var(--mlc-radius-sm);font-size:.75rem;font-weight:700;color:var(--mlc-text-secondary);flex-shrink:0;transition:all .2s ease}.mlc-option:not(:disabled):hover .mlc-option-letter{border-color:var(--mlc-accent);color:var(--mlc-accent)}.mlc-option.correct{background:var(--mlc-success-light);border-color:var(--mlc-success);animation:mlc-correct-pulse .5s ease}.mlc-option.correct .mlc-option-letter{background:var(--mlc-success);border-color:var(--mlc-success);color:#fff}@keyframes mlc-correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.mlc-option.incorrect{background:var(--mlc-error-light);border-color:var(--mlc-error);animation:mlc-shake .5s ease}.mlc-option.incorrect .mlc-option-letter{background:var(--mlc-error);border-color:var(--mlc-error);color:#fff}@keyframes mlc-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.mlc-option-text{flex:1;line-height:1.4}.mlc-option-icon{width:20px;height:20px;flex-shrink:0}.mlc-option.correct .mlc-option-icon{stroke:var(--mlc-success)}.mlc-option.incorrect .mlc-option-icon{stroke:var(--mlc-error)}.mlc-feedback{margin-top:.875rem;animation:mlc-slide-up .4s ease}@keyframes mlc-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mlc-feedback-message{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--mlc-radius-md);margin-bottom:.75rem}.mlc-feedback-correct{background:linear-gradient(135deg,var(--mlc-success-light) 0%,#bbf7d0 100%)}.mlc-feedback-incorrect{background:linear-gradient(135deg,var(--mlc-error-light) 0%,#fecaca 100%)}.mlc-feedback-emoji{font-size:1.25rem}.mlc-feedback-text{font-size:.875rem;font-weight:600}.mlc-feedback-correct .mlc-feedback-text{color:#065f46}.mlc-feedback-incorrect .mlc-feedback-text{color:#991b1b}.mlc-next-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--mlc-success) 0%,#059669 100%);color:#fff;font-family:inherit;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--mlc-radius-md);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #10b98140}.mlc-next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.mlc-next-btn-incorrect{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #64748b40}.mlc-next-btn-incorrect:hover{box-shadow:0 6px 20px #64748b59}.mlc-confidence{margin-top:.875rem;padding:1rem;background:var(--mlc-bg-subtle);border-radius:var(--mlc-radius-md);border:1px solid var(--mlc-border);animation:mlc-slide-up .4s ease}.mlc-confidence-header{text-align:center;margin-bottom:.875rem}.mlc-confidence-icon{font-size:1.5rem;margin-bottom:.25rem}.mlc-confidence-title{font-family:Fraunces,serif;font-size:1rem;font-weight:600;color:var(--mlc-text-primary);margin-bottom:.125rem}.mlc-confidence-subtitle{font-size:.75rem;color:var(--mlc-text-secondary)}.mlc-confidence-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mlc-confidence-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#fff;border:2px solid var(--mlc-border);border-radius:var(--mlc-radius-md);cursor:pointer;transition:all .2s ease;font-family:inherit}.mlc-confidence-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mlc-confidence-guessed:hover{border-color:var(--mlc-warning);background:var(--mlc-warning-light)}.mlc-confidence-uncertain:hover{border-color:var(--mlc-accent);background:var(--mlc-accent-light)}.mlc-confidence-confident:hover{border-color:var(--mlc-success);background:var(--mlc-success-light)}.mlc-confidence-emoji{font-size:1.375rem}.mlc-confidence-label{font-size:.6875rem;font-weight:600;color:var(--mlc-text-primary)}@media(max-width:768px){.mlc-container{padding:.875rem 1.25rem 1.25rem;max-width:100%;gap:.75rem}.mlc-card,.mlc-card-inner{min-height:300px}.mlc-front-content,.mlc-back-content{padding:1rem 1.25rem}.mlc-concept-text{font-size:1.25rem}.mlc-question-text{font-size:1.0625rem}}@media(max-width:640px){.mlc-container{padding:.75rem 1rem 1rem;gap:.625rem}.mlc-progress{padding:.75rem 1rem;gap:.375rem}.mlc-progress-label{font-size:.8125rem}.mlc-progress-count{font-size:.9375rem}.mlc-card,.mlc-card-inner{min-height:280px}.mlc-front-content,.mlc-back-content{padding:1rem}.mlc-concept-text{font-size:1.125rem}.mlc-question-text{font-size:1rem;margin-bottom:.75rem}.mlc-option{padding:.625rem .875rem;font-size:.8125rem;gap:.625rem}.mlc-option-letter{width:24px;height:24px;font-size:.6875rem}.mlc-options,.mlc-confidence-options{gap:.375rem}.mlc-confidence-btn{padding:.625rem .375rem}.mlc-confidence-emoji{font-size:1.25rem}.mlc-confidence-label{font-size:.625rem}.mlc-continue-btn,.mlc-next-btn{padding:.75rem;font-size:.875rem;-webkit-tap-highlight-color:transparent}.mlc-feedback-message{padding:.625rem .875rem;margin-bottom:.625rem}.mlc-feedback-emoji{font-size:1rem}.mlc-feedback-text{font-size:.8125rem}}@media(max-width:480px){.mlc-container{padding:.625rem .75rem 1rem}.mlc-card,.mlc-card-inner{min-height:260px}.mlc-front-content,.mlc-back-content{padding:.875rem}.mlc-concept-text{font-size:1.0625rem}.mlc-question-text{font-size:.9375rem}.mlc-tag{font-size:.625rem;padding:.1875rem .5rem}.mlc-difficulty{font-size:.5625rem;padding:.1875rem .5rem}.mlc-option{padding:.5rem .75rem;font-size:.75rem}.mlc-option-letter{width:22px;height:22px;font-size:.625rem}}@media(max-width:768px)and (orientation:landscape){.mlc-container{padding:.5rem 1rem .75rem;gap:.5rem}.mlc-progress{padding:.5rem 1rem}.mlc-card,.mlc-card-inner{min-height:240px}.mlc-front-content,.mlc-back-content{padding:.75rem 1rem}.mlc-concept-area,.mlc-options{gap:.375rem}.mlc-option{padding:.5rem .75rem}.mlc-card-footer{padding-top:.75rem}.mlc-confidence{padding:.75rem;margin-top:.625rem}.mlc-confidence-header{margin-bottom:.5rem}}@media(prefers-reduced-motion:reduce){.mlc-card{animation:none}.mlc-card-inner{transition:transform .1s}.mlc-option,.mlc-continue-btn,.mlc-next-btn,.mlc-confidence-btn,.mlc-progress-fill{transition:background-color .2s,border-color .2s}.mlc-option:not(:disabled):hover{transform:none}.mlc-continue-btn:hover,.mlc-next-btn:hover,.mlc-confidence-btn:hover{transform:none}.mlc-reveal-hint,.mlc-concept-dot{animation:none}.mlc-progress-fill:after{animation:none}@keyframes mlc-correct-pulse{0%,to{transform:none}}@keyframes mlc-shake{0%,to{transform:none}}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mlc-face{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.dls-container{--dls-accent: #0c8ce9;--dls-accent-light: #e8f4fd;--dls-accent-dark: #0369a1;--dls-success: #10b981;--dls-success-light: #d1fae5;--dls-warning: #f59e0b;--dls-warning-light: #fef3c7;--dls-error: #ef4444;--dls-text-primary: #0f172a;--dls-text-secondary: #64748b;--dls-text-tertiary: #94a3b8;--dls-bg-primary: #f8fafc;--dls-bg-card: #ffffff;--dls-border: #e2e8f0;--dls-border-light: #f1f5f9;--dls-radius-sm: 8px;--dls-radius-md: 12px;--dls-radius-lg: 16px;--dls-radius-xl: 24px;--dls-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--dls-shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--dls-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--dls-shadow-xl: 0 16px 40px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .06)}.dls-container{position:fixed;inset:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#eef6fc 0%,var(--dls-bg-primary) 40%);z-index:1000;overflow-y:auto;overflow-x:hidden;animation:dls-fade-in .35s ease}.dls-container.dls-exit{animation:dls-fade-out .3s ease forwards}@keyframes dls-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dls-fade-out{0%{opacity:1}to{opacity:0}}.dls-header,.dls-session-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--dls-border);position:sticky;top:0;z-index:100}.dls-header-spacer{width:40px}.dls-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--dls-bg-primary);border:1.5px solid var(--dls-border);border-radius:var(--dls-radius-md);color:var(--dls-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.dls-close-btn:hover{background:var(--dls-bg-card);border-color:var(--dls-accent);color:var(--dls-accent);transform:scale(1.05);box-shadow:var(--dls-shadow-md)}.dls-close-btn:active{transform:scale(.98)}.dls-session-stats{display:flex;gap:.375rem;align-items:center}.dls-mini-stat{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:var(--dls-bg-primary);border:1.5px solid var(--dls-border);border-radius:16px;transition:all .2s ease}.dls-mini-stat:hover{transform:translateY(-1px);box-shadow:var(--dls-shadow-sm)}.dls-mini-stat-icon{font-size:.8125rem}.dls-mini-stat-value{font-size:.8125rem;font-weight:700;color:var(--dls-text-primary)}.dls-mini-stat-points{background:var(--dls-accent-light);border-color:#0c8ce933}.dls-mini-stat-points .dls-mini-stat-value{color:var(--dls-accent-dark)}.dls-mini-stat-streak{background:var(--dls-warning-light);border-color:#f59e0b40;animation:dls-streak-pulse 2s ease-in-out infinite}@keyframes dls-streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.dls-session-content{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}.dls-category-screen{min-height:100vh;display:flex;flex-direction:column}.dls-category-content{flex:1;max-width:720px;margin:0 auto;padding:1.5rem;width:100%}.dls-category-intro{text-align:center;margin-bottom:2.5rem}.dls-category-icon-large{font-size:3.5rem;margin-bottom:1rem;animation:dls-float 3s ease-in-out infinite}@keyframes dls-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dls-category-title{font-family:Fraunces,serif;font-size:2rem;font-weight:600;color:var(--dls-text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.dls-category-subtitle{font-size:1.0625rem;color:var(--dls-text-secondary);margin:0;line-height:1.5}.dls-category-grid{display:flex;flex-direction:column;gap:.75rem}.dls-category-card{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;background:var(--dls-bg-card);border:2px solid var(--dls-border);border-radius:var(--dls-radius-lg);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:var(--dls-shadow-sm);animation:dls-slide-up .4s ease backwards;font-family:inherit}@keyframes dls-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dls-category-card:hover{border-color:var(--dls-accent);transform:translate(4px);box-shadow:var(--dls-shadow-md)}.dls-category-card:active{transform:translate(2px) scale(.995)}.dls-category-card.selected{border-color:var(--dls-accent);background:var(--dls-accent-light);box-shadow:0 0 0 3px #0c8ce91a}.dls-category-all{background:linear-gradient(135deg,var(--dls-accent-light) 0%,#dbeafe 100%);border-color:#0c8ce933}.dls-category-all:hover{border-color:var(--dls-accent)}.dls-category-card-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--dls-bg-primary);border-radius:var(--dls-radius-md);flex-shrink:0;transition:transform .2s ease}.dls-category-card:hover .dls-category-card-icon{transform:scale(1.08)}.dls-category-all .dls-category-card-icon{background:var(--dls-bg-card)}.dls-category-card-content{flex:1;min-width:0}.dls-category-card-name{display:block;font-size:1rem;font-weight:600;color:var(--dls-text-primary);margin-bottom:.125rem}.dls-category-card-desc{display:block;font-size:.8125rem;color:var(--dls-text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dls-category-card-arrow{color:var(--dls-text-tertiary);transition:all .2s ease;flex-shrink:0}.dls-category-card:hover .dls-category-card-arrow{color:var(--dls-accent);transform:translate(4px)}.dls-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.dls-loading-content{text-align:center}.dls-loading-spinner{position:relative;width:64px;height:64px;margin:0 auto 1.5rem}.dls-spinner-ring{position:absolute;inset:0;border:3px solid transparent;border-radius:50%}.dls-spinner-ring:nth-child(1){border-top-color:var(--dls-accent);animation:dls-spin 1s linear infinite}.dls-spinner-ring:nth-child(2){inset:6px;border-right-color:#38bdf8;animation:dls-spin 1.2s linear infinite reverse}.dls-spinner-ring:nth-child(3){inset:12px;border-bottom-color:#06b6d4;animation:dls-spin 1.4s linear infinite}@keyframes dls-spin{to{transform:rotate(360deg)}}.dls-loading-title{font-family:Fraunces,serif;font-size:1.375rem;font-weight:600;color:var(--dls-text-primary);margin:0 0 .375rem}.dls-loading-subtitle{font-size:.9375rem;color:var(--dls-text-secondary);margin:0}.dls-completion-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.dls-completion-content{text-align:center;max-width:480px;width:100%;animation:dls-completion-enter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes dls-completion-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dls-completion-badge{position:relative;margin-bottom:1.5rem}.dls-completion-check{width:88px;height:88px;background:linear-gradient(135deg,var(--dls-success-light) 0%,#a7f3d0 100%);border:3px solid var(--dls-success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--dls-success);animation:dls-check-pop .6s cubic-bezier(.34,1.56,.64,1) .2s backwards;box-shadow:0 8px 24px #10b98140}@keyframes dls-check-pop{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.dls-completion-title{font-family:Fraunces,serif;font-size:1.75rem;font-weight:600;color:var(--dls-text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.dls-completion-subtitle{font-size:1rem;color:var(--dls-text-secondary);margin:0 0 2rem;line-height:1.5}.dls-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.dls-stat-card{background:var(--dls-bg-card);border:1.5px solid var(--dls-border);border-radius:var(--dls-radius-md);padding:1rem .75rem;animation:dls-stat-enter .4s ease backwards;transition:all .2s ease}.dls-stat-card:nth-child(1){animation-delay:.1s}.dls-stat-card:nth-child(2){animation-delay:.15s}.dls-stat-card:nth-child(3){animation-delay:.2s}.dls-stat-card:nth-child(4){animation-delay:.25s}@keyframes dls-stat-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dls-stat-card:hover{transform:translateY(-2px);box-shadow:var(--dls-shadow-md);border-color:var(--dls-accent)}.dls-stat-highlight{background:linear-gradient(135deg,var(--dls-accent-light) 0%,#dbeafe 100%);border-color:#0c8ce933}.dls-stat-icon{font-size:1.25rem;margin-bottom:.375rem}.dls-stat-value{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--dls-text-primary);line-height:1;margin-bottom:.25rem}.dls-stat-total{font-size:1rem;color:var(--dls-text-secondary);font-weight:500}.dls-stat-label{font-size:.75rem;font-weight:600;color:var(--dls-text-secondary);text-transform:uppercase;letter-spacing:.04em}.dls-streak-banner{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--dls-warning-light) 0%,#fde68a 100%);border:2px solid var(--dls-warning);border-radius:100px;margin-bottom:2rem;animation:dls-stat-enter .4s ease .3s backwards;box-shadow:0 4px 16px #f59e0b33}.dls-streak-flame{font-size:1.5rem;animation:dls-wiggle 1s ease-in-out infinite}@keyframes dls-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.dls-streak-text{font-size:1rem;font-weight:700;color:#92400e}.dls-completion-actions{display:flex;flex-direction:column;gap:.75rem}.dls-btn-primary,.dls-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;border-radius:var(--dls-radius-md);cursor:pointer;transition:all .25s ease}.dls-btn-primary{background:linear-gradient(135deg,var(--dls-accent) 0%,#0078d4 100%);color:#fff;border:none;box-shadow:0 4px 12px #0c8ce94d}.dls-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c8ce966}.dls-btn-primary:active{transform:translateY(0)}.dls-btn-secondary{background:var(--dls-bg-card);color:var(--dls-text-primary);border:2px solid var(--dls-border)}.dls-btn-secondary:hover{border-color:var(--dls-accent);background:var(--dls-accent-light);color:var(--dls-accent-dark)}.dls-empty-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.dls-empty-content{text-align:center;max-width:360px}.dls-empty-icon{font-size:4rem;margin-bottom:1.25rem;animation:dls-float 3s ease-in-out infinite}.dls-empty-title{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--dls-text-primary);margin:0 0 .5rem}.dls-empty-subtitle{font-size:1rem;color:var(--dls-text-secondary);margin:0 0 1.5rem;line-height:1.5}@media(max-width:768px){.dls-category-title{font-size:1.75rem}.dls-stats-row{grid-template-columns:repeat(2,1fr)}.dls-completion-title{font-size:1.5rem}}@media(max-width:640px){.dls-header,.dls-session-header{padding:.625rem .875rem}.dls-close-btn{width:36px;height:36px}.dls-category-content{padding:.875rem}.dls-category-icon-large{font-size:3rem}.dls-category-title{font-size:1.5rem}.dls-category-subtitle{font-size:1rem}.dls-category-card{padding:1rem}.dls-category-card-icon{font-size:1.75rem;width:44px;height:44px}.dls-category-card-name{font-size:.9375rem}.dls-category-card-desc{font-size:.75rem}.dls-completion-screen,.dls-loading-screen,.dls-empty-screen{padding:1.5rem}.dls-completion-check{width:72px;height:72px}.dls-completion-check svg{width:36px;height:36px}.dls-completion-title{font-size:1.375rem}.dls-completion-subtitle{font-size:.9375rem}.dls-stats-row{gap:.625rem}.dls-stat-card{padding:.875rem .5rem}.dls-stat-value{font-size:1.25rem}.dls-stat-label{font-size:.6875rem}.dls-streak-banner{padding:.75rem 1.25rem}.dls-streak-flame{font-size:1.25rem}.dls-streak-text{font-size:.9375rem}.dls-mini-stat{padding:.3125rem .5rem}.dls-mini-stat-icon,.dls-mini-stat-value{font-size:.75rem}.dls-btn-primary,.dls-btn-secondary{padding:.875rem 1.25rem;font-size:.9375rem}}@media(max-width:480px){.dls-category-intro{margin-bottom:2rem}.dls-category-icon-large{font-size:2.5rem}.dls-category-title{font-size:1.375rem}.dls-stats-row{grid-template-columns:repeat(2,1fr)}.dls-stat-value{font-size:1.125rem}.dls-empty-icon{font-size:3rem}.dls-empty-title{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.dls-container{animation:none}.dls-container.dls-exit{animation:none;opacity:0}.dls-category-card,.dls-stat-card,.dls-completion-content,.dls-completion-check,.dls-category-icon-large,.dls-empty-icon,.dls-streak-flame{animation:none}.dls-spinner-ring{animation:dls-spin 2s linear infinite}.dls-spinner-ring:nth-child(2){animation:dls-spin 2s linear infinite reverse}.dls-mini-stat-streak{animation:none}.dls-category-card:hover,.dls-stat-card:hover,.dls-btn-primary:hover,.dls-btn-secondary:hover{transform:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dls-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.a1-focus-areas{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:2rem;animation:fadeIn .3s ease-out;width:100%;box-sizing:border-box;overflow-x:hidden}.header-content h1:before{content:"🎯";font-size:2.5rem}.weight-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.performance-guide-section{max-width:1600px;margin:0 auto;background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 4px 20px #00000014;border:3px solid #e2e8f0}.performance-guide-section h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 2rem}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.guide-item{display:flex;gap:1.25rem;padding:1.5rem;background:#f8fafc;border-radius:16px;border:2px solid #e2e8f0;transition:all .3s}.guide-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.guide-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.guide-content h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.guide-content p{font-size:.9375rem;color:#64748b;line-height:1.5;margin:0}@media(max-width:768px){.a1-focus-areas{padding:1rem}.focus-areas-header{flex-direction:column;align-items:stretch}.header-content h1{font-size:1.75rem}.performance-summary-card{padding:1.5rem}.summary-header{flex-direction:column;align-items:stretch}.readiness-message{font-size:1.125rem}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.focus-areas-grid,.recommendations-grid{grid-template-columns:1fr}.area-stats{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:1fr}}.a2-focus-areas{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(to bottom,#f8fafc,#fff);min-height:100vh}.focus-areas-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-content h1{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.header-subtitle{font-size:1rem;color:#64748b;margin:0}.btn-close-focus{padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-close-focus:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}.performance-summary-card{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.summary-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}.readiness-badge{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:3px solid;border-radius:12px;background:#fff}.readiness-icon{font-size:2.5rem}.readiness-score{font-size:2rem;font-weight:700;line-height:1}.readiness-label{font-size:.875rem;color:#64748b;font-weight:500}.readiness-message{flex:1;font-size:1.125rem;font-weight:600;line-height:1.5}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-box{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.stat-value{font-size:1.875rem;font-weight:700;color:#1e3a8a}.stat-label{font-size:.875rem;color:#475569;font-weight:600}.ase-weight-distribution{margin-top:2rem;padding-top:2rem;border-top:2px solid #f1f5f9}.ase-weight-distribution h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.weight-bar-container{position:relative;height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden}.weight-bar-fill{position:absolute;height:100%;background:#3b82f6;border-radius:8px;transition:width .3s ease}.weight-bar-overlay{position:absolute;height:100%;border-radius:8px;transition:all .3s ease}.weight-note{margin-top:1rem;font-size:.875rem;color:#64748b;font-style:italic}.recommendations-section{margin-bottom:2rem}.recommendations-section h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.section-subtitle{font-size:.875rem;color:#64748b;margin:0 0 1.5rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid;transition:all .2s}.recommendation-card[data-priority="1"]{border-left-color:#ef4444;background:linear-gradient(to right,#fef2f2,#fff 20%)}.recommendation-card[data-priority="2"]{border-left-color:#f59e0b;background:linear-gradient(to right,#fffbeb,#fff 20%)}.recommendation-card[data-priority="3"]{border-left-color:#3b82f6;background:linear-gradient(to right,#eff6ff,#fff 20%)}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.rec-priority{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.05em}.rec-code{font-size:.875rem;font-weight:600;color:#3b82f6;padding:.25rem .75rem;background:#eff6ff;border-radius:4px}.rec-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.rec-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.rec-stat-label{font-size:.75rem;color:#64748b;font-weight:500}.rec-stat-value{font-size:1.25rem;font-weight:700;color:#0f172a}.rec-reason{font-size:.875rem;color:#475569;line-height:1.5;margin:0}.focus-areas-section{margin-bottom:2rem}.focus-areas-section h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.focus-areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.focus-area-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s;border:2px solid transparent}.focus-area-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#e2e8f0}.focus-area-card.selected{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.area-code-badge{font-size:.875rem;font-weight:700;color:#fff;padding:.5rem .75rem;border-radius:6px}.area-weight{text-align:right}.weight-value{display:block;font-size:1.5rem;font-weight:700;color:#3b82f6;line-height:1}.weight-label{display:block;font-size:.75rem;color:#64748b;font-weight:500}.area-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .75rem}.area-description{font-size:.875rem;color:#64748b;line-height:1.5;margin:0 0 1.5rem}.performance-bar{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.performance-fill{height:100%;border-radius:6px;transition:width .3s ease}.performance-percentage{font-size:1rem;font-weight:700;min-width:60px;text-align:right}.area-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.area-stat{display:flex;align-items:center;gap:.5rem}.stat-icon{font-size:1.25rem}.stat-number{font-size:1.125rem;font-weight:700;color:#0f172a;line-height:1}.stat-text{font-size:.75rem;color:#64748b;line-height:1}.performance-level-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem}.level-icon{font-size:1.125rem}.area-expanded-content{margin-top:1.5rem}.expanded-divider{height:2px;background:linear-gradient(to right,#e2e8f0 0%,transparent 100%);margin-bottom:1.5rem}.expanded-insights h4{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .75rem}.insight-text{font-size:.875rem;color:#475569;line-height:1.6;margin:0 0 .75rem}.last-practiced{font-size:.75rem;color:#94a3b8;font-style:italic;margin:0}.drill-down-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.drill-down-section h4{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.loading-drill{font-size:.875rem;color:#64748b;font-style:italic}.drill-down-list{display:flex;flex-direction:column;gap:.75rem}.drill-down-item{padding:.75rem;background:#f8fafc;border-radius:6px;border-left:3px solid #cbd5e1}.drill-down-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.drill-down-topic{font-size:.875rem;font-weight:600;color:#0f172a;flex:1}.drill-down-accuracy{font-size:.875rem;font-weight:700}.drill-down-stats{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.performance-guide-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.performance-guide-section h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.guide-item{display:flex;gap:1rem;align-items:flex-start}.guide-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.guide-content h4{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.guide-content p{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}.exam-strategy-section{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;padding:2rem;color:#fff;box-shadow:0 4px 6px #0000001a}.exam-strategy-section h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.strategy-intro{font-size:1rem;line-height:1.6;margin:0 0 1.5rem;opacity:.95}.strategy-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.strategy-weight{font-size:1.5rem;font-weight:700;color:#fff;min-width:60px;text-align:center}.strategy-desc{font-size:.875rem;line-height:1.5;opacity:.95}@media(max-width:768px){.a2-focus-areas{padding:1rem}.focus-areas-header,.summary-header{flex-direction:column;gap:1rem}.summary-stats{grid-template-columns:repeat(2,1fr)}.focus-areas-grid{grid-template-columns:1fr}.area-stats,.rec-stats{grid-template-columns:repeat(2,1fr)}}.a3-focus-areas{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(to bottom,#f8fafc,#fff);min-height:100vh}.focus-areas-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;color:#64748b}.a3-focus-areas .focus-areas-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.a3-focus-areas .header-content h1{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.a3-focus-areas .header-subtitle{font-size:1rem;color:#64748b;margin:0}.a3-focus-areas .btn-close-focus{padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap}.a3-focus-areas .btn-close-focus:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}@media(max-width:768px){.a3-focus-areas{padding:1rem}.a3-focus-areas .focus-areas-header{flex-direction:column;gap:1rem}.a3-focus-areas .summary-stats{grid-template-columns:repeat(2,1fr)}.a3-focus-areas .focus-areas-grid{grid-template-columns:1fr}.a3-focus-areas .area-stats{grid-template-columns:repeat(2,1fr)}}.a4-focus-areas{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:2rem;animation:fadeIn .3s ease-out;width:100%;box-sizing:border-box;overflow-x:hidden}.empty-state-features{list-style:none;padding:0;margin:1rem 0 0;text-align:left;max-width:500px;margin:1.5rem auto 0}.empty-state-features li{padding:.75rem 0;font-size:1rem;color:#475569;border-bottom:1px solid #e2e8f0}.empty-state-features li:last-child{border-bottom:none}.recommendation-card[data-priority="2"]:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.recommendation-card[data-priority="3"]:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.rec-reason{font-size:.9375rem;color:#64748b;line-height:1.6;margin:0;font-weight:500}.performance-level-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-weight:700;font-size:.9375rem;transition:all .3s}.insight-metric{font-size:.9375rem;color:#475569;line-height:1.6;margin:.5rem 0 0}.strategy-tip{padding:1.25rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;border:2px solid #bfdbfe;font-size:.9375rem;color:#475569;line-height:1.6;margin:1rem 0 0}@media(max-width:768px){.a4-focus-areas{padding:1rem}.focus-areas-header{flex-direction:column;align-items:stretch}.header-content h1{font-size:1.75rem}.performance-summary-card{padding:1.5rem}.summary-header{flex-direction:column;align-items:stretch}.readiness-message{font-size:1.125rem}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.focus-areas-grid,.recommendations-grid{grid-template-columns:1fr}.area-stats{grid-template-columns:repeat(3,1fr)}}.a6-focus-areas{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:2rem;animation:fadeIn .3s ease-out;width:100%;box-sizing:border-box;overflow-x:hidden}.strength-note,.weakness-note{font-size:.875rem;color:#64748b;margin:0;font-style:italic}.ase-weight-distribution h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.rec-stat-value.impact-score{color:#ef4444}.rec-reason{font-size:.9375rem;color:#64748b;line-height:1.6;margin:0 0 .75rem;font-weight:500}.specific-actions{font-size:.875rem;color:#475569;line-height:1.6;padding:.75rem;background:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6}@media(max-width:768px){.a6-focus-areas{padding:1rem}.focus-areas-header{flex-direction:column;align-items:stretch}.header-content h1{font-size:1.75rem}.performance-summary-card{padding:1.5rem}.summary-header{flex-direction:column;align-items:stretch}.readiness-message{font-size:1.125rem}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.focus-areas-grid,.recommendations-grid{grid-template-columns:1fr}.area-stats{grid-template-columns:repeat(3,1fr)}.strengths-weaknesses-summary{grid-template-columns:1fr}}.a8-focus-areas{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:2rem;animation:fadeIn .3s ease-out;width:100%;box-sizing:border-box;overflow-x:hidden}.empty-state{max-width:800px;margin:4rem auto;background:#fff;border-radius:20px;padding:4rem 3rem;text-align:center;box-shadow:0 10px 30px #00000014}.empty-state-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.8}.empty-state h2{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.empty-state p{font-size:1.125rem;color:#64748b;margin:0 0 1rem;line-height:1.6}.empty-state-hint{font-weight:600;color:#475569;margin-top:2rem}.focus-areas-header{max-width:1600px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-content h1{font-size:2.25rem;font-weight:800;color:#1e293b;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.header-subtitle{font-size:1.125rem;color:#64748b;margin:0;font-weight:500}.btn-close-focus{padding:.875rem 1.75rem;background:#fff;color:#475569;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000d}.btn-close-focus:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translate(-2px)}.performance-summary-card{max-width:1600px;margin:0 auto 2.5rem;background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;border:3px solid #e2e8f0;position:relative;overflow:visible;width:100%;box-sizing:border-box}.performance-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6)}.summary-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.readiness-badge{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#f8fafc;border-radius:20px;border:3px solid #e2e8f0;transition:all .3s}.readiness-badge:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001a}.readiness-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.readiness-content{display:flex;flex-direction:column;gap:.25rem}.readiness-score{font-size:2.5rem;font-weight:900;line-height:1;letter-spacing:-1px}.readiness-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.readiness-message{flex:1;font-size:1.25rem;font-weight:700;line-height:1.4}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1.5rem;width:100%}.stat-box{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;border:2px solid #e2e8f0;transition:all .3s}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#cbd5e1}.stat-value{font-size:2.5rem;font-weight:900;color:#1e3a8a;line-height:1;margin-bottom:.5rem}.summary-stats .stat-box .stat-value.stat-value--questions{color:#1e3a8a}.stat-label{font-size:.875rem;font-weight:600;color:#475569;text-align:center;text-transform:uppercase;letter-spacing:.5px}.strengths-weaknesses-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.strength-summary-box,.weakness-summary-box{padding:1.5rem;border-radius:16px;border:2px solid}.strength-summary-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#86efac}.weakness-summary-box{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.strength-summary-box h3,.weakness-summary-box h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.strength-list,.weakness-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.strength-item,.weakness-item{display:flex;align-items:flex-start;gap:.75rem}.strength-icon,.weakness-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.strength-content,.weakness-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.strength-name,.weakness-name{font-size:.9375rem;font-weight:600;color:#1e293b}.strength-accuracy,.weakness-accuracy{font-size:.8125rem;color:#64748b}.ase-weight-distribution{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.ase-weight-distribution h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.weight-intro{font-size:.9375rem;color:#475569;line-height:1.6;margin:0 0 1.5rem}.weight-bars{display:flex;flex-direction:column;gap:1rem}.weight-bar-item{display:flex;flex-direction:column;gap:.5rem}.weight-bar-header{display:flex;justify-content:space-between;align-items:center}.weight-label{font-size:.875rem;font-weight:600;color:#475569}.weight-percentage{font-size:.875rem;font-weight:700;color:#3b82f6}.weight-bar-container{position:relative;height:24px;background:#f1f5f9;border-radius:12px;overflow:hidden}.weight-bar-fill,.weight-bar-overlay{position:absolute;height:100%;border-radius:12px;transition:all .3s}.weight-accuracy{font-size:.8125rem;font-weight:600;color:#64748b}.weight-note{font-size:.875rem;color:#64748b;margin:1rem 0 0;font-style:italic}.recommendations-section{max-width:1600px;margin:0 auto 2.5rem}.recommendations-section h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 .5rem}.section-subtitle{font-size:1rem;color:#64748b;margin:0 0 1.5rem;font-weight:500}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.recommendation-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;border:3px solid #e2e8f0;transition:all .3s;position:relative;overflow:hidden}.recommendation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ef4444,#f59e0b)}.recommendation-card[data-priority="1"]:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.recommendation-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:#cbd5e1}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rec-priority{padding:.375rem .875rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.rec-code{padding:.375rem .875rem;background:#f1f5f9;color:#475569;border-radius:8px;font-size:.875rem;font-weight:800}.rec-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem;line-height:1.3}.rec-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.rec-stat{display:flex;flex-direction:column;gap:.25rem}.rec-stat-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.rec-stat-value{font-size:1.5rem;font-weight:800;color:#1e293b}.rec-progress-bar{height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden;margin-bottom:1rem}.rec-progress-fill{height:100%;border-radius:6px;transition:all .3s}.specific-actions{font-size:.875rem;color:#475569;line-height:1.6;padding:.75rem;background:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6;margin-bottom:.75rem}.specific-actions strong{color:#1e293b}.specific-actions p{margin:.25rem 0 0}.impact-score{font-size:.8125rem;color:#64748b}.impact-score strong{color:#ef4444;font-size:1rem}.focus-areas-section{max-width:1600px;margin:0 auto 2.5rem;width:100%;box-sizing:border-box}.focus-areas-section h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 .5rem}.focus-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1.5rem;width:100%}.focus-area-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;border:3px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.focus-area-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#64748b,#94a3b8);transition:all .3s}.focus-area-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:#cbd5e1}.focus-area-card:hover:before{height:6px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.focus-area-card.selected{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f633}.focus-area-card.selected:before{height:6px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.area-code-badge{padding:.625rem 1.125rem;border-radius:12px;font-size:1rem;font-weight:800;color:#fff;letter-spacing:.5px;box-shadow:0 4px 12px #00000026}.area-weight{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.weight-value{font-size:1.25rem;font-weight:800;color:#1e293b}.area-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;line-height:1.3}.area-description{font-size:.9375rem;color:#64748b;line-height:1.6;margin:0 0 1.5rem}.performance-bar-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.performance-bar{flex:1;height:16px;background:#f1f5f9;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.performance-fill{height:100%;border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.performance-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.performance-percentage{font-size:1.125rem;font-weight:800;min-width:60px;text-align:right}.area-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.area-stat{display:flex;align-items:center;gap:.75rem}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-number{font-size:1.25rem;font-weight:800;color:#1e293b;line-height:1}.stat-text{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.performance-level-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-weight:700;font-size:.9375rem;transition:all .3s;flex-wrap:wrap}.level-icon{font-size:1.25rem}.level-text{letter-spacing:.5px}.strength-badge,.weakness-badge{font-size:.8125rem;padding:.25rem .5rem;border-radius:6px;font-weight:600}.strength-badge{background:#dcfce7;color:#15803d}.weakness-badge{background:#fee2e2;color:#dc2626}.area-expanded-content{animation:expandDown .3s ease-out}.expanded-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#cbd5e1 50%,transparent 100%);margin:1.5rem 0}.expanded-insights{padding:1rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.expanded-insights h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.insight-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.125rem;font-weight:700;color:#1e293b}.metric-value.highlight{color:#3b82f6}.insight-text{font-size:.9375rem;color:#475569;line-height:1.6;margin:0 0 .75rem}.last-practiced{font-size:.8125rem;color:#94a3b8;font-style:italic;margin:0}.exam-strategy-section{max-width:1600px;margin:0 auto;background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 4px 20px #00000014;border:3px solid #e2e8f0}.exam-strategy-section h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 1.5rem}.strategy-content{display:flex;flex-direction:column;gap:1.5rem}.strategy-intro{font-size:1.0625rem;color:#475569;line-height:1.7;margin:0}.strategy-list{display:flex;flex-direction:column;gap:1rem}.strategy-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.25rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.strategy-weight{flex-shrink:0;font-size:1.5rem;font-weight:800;color:#3b82f6;min-width:60px}.strategy-desc{font-size:.9375rem;color:#475569;line-height:1.6}.strategy-tip{padding:1.25rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;border:2px solid #bfdbfe;font-size:.9375rem;color:#475569;line-height:1.6;margin:0}.strategy-tip strong{color:#1e40af}.focus-areas-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:#64748b;font-weight:600}.focus-areas-loading:before{content:"";width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:1rem}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1024px){.focus-areas-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.area-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media(max-width:768px){.a8-focus-areas{padding:1rem}.focus-areas-header{flex-direction:column;align-items:stretch}.header-content h1{font-size:1.75rem}.performance-summary-card{padding:1.5rem}.summary-header{flex-direction:column;align-items:stretch}.readiness-message{font-size:1.125rem}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.focus-areas-grid,.recommendations-grid{grid-template-columns:1fr}.area-stats{grid-template-columns:repeat(3,1fr)}.strengths-weaknesses-summary{grid-template-columns:1fr}}@media(max-width:480px){.header-content h1{font-size:1.5rem}.readiness-badge{padding:1.25rem 1.5rem}.readiness-score,.stat-value{font-size:2rem}.area-stats,.summary-stats{grid-template-columns:1fr}}.focus-areas-page{min-height:100vh;background:linear-gradient(to bottom,#f8fafc,#fff)}.focus-areas-page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;gap:2rem;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.focus-areas-page-header .header-content h1{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.focus-areas-page-header .header-subtitle{font-size:1rem;color:#64748b;margin:0}.btn-close-focus-page{padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-close-focus-page:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}.focus-areas-dropdown-container{padding:1.5rem 2rem;background:#fff;border-bottom:2px solid #e2e8f0}.dropdown-wrapper{position:relative;max-width:600px;margin:0 auto}.dropdown-trigger{display:flex;align-items:center;gap:1rem;width:100%;padding:1.125rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #2563eb;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f640;position:relative;overflow:hidden}.dropdown-trigger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .25s ease}.dropdown-trigger:hover:before{opacity:1}.dropdown-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659;border-color:#1d4ed8}.dropdown-trigger:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.dropdown-trigger:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}.trigger-icon{font-size:2.25rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-trigger:hover .trigger-icon{transform:scale(1.1)}.trigger-content{display:flex;flex-direction:column;gap:.25rem;text-align:left;flex:1;min-width:0}.trigger-title{font-size:1.125rem;font-weight:700;color:#fff;line-height:1.3;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-subtitle{font-size:.875rem;color:#ffffffe6;font-weight:500;letter-spacing:.01em}.dropdown-arrow{color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 32px #0000001f,0 2px 8px #00000014;z-index:100;max-height:480px;overflow-y:auto;animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 12px 12px 0}.dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #f1f5f9;position:relative}.dropdown-item:last-child{border-bottom:none}.dropdown-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#3b82f6 0%,transparent 100%);transition:width .25s ease}.dropdown-item:hover:before{width:4px}.dropdown-item:hover{background:linear-gradient(90deg,#3b82f60f,#3b82f605)}.dropdown-item:active{background:#3b82f61a}.dropdown-item:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:-2px;background:#3b82f60d}.dropdown-item.selected{background:linear-gradient(90deg,#3b82f61a,#3b82f60d);border-left:3px solid #3b82f6;padding-left:calc(1.5rem - 3px)}.dropdown-item.selected:before{width:3px}.item-icon{font-size:2rem;line-height:1;transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-item:hover .item-icon{transform:scale(1.08)}.dropdown-item.selected .item-icon{transform:scale(1.05);filter:drop-shadow(0 1px 3px rgba(59,130,246,.3))}.item-content{display:flex;flex-direction:column;gap:.25rem;text-align:left;flex:1;min-width:0}.item-title{font-size:1rem;font-weight:600;color:#0f172a;line-height:1.3;transition:color .2s ease;letter-spacing:-.01em}.dropdown-item:hover .item-title{color:#1e40af}.dropdown-item.selected .item-title{color:#1e40af;font-weight:700}.item-subtitle{font-size:.8125rem;color:#64748b;font-weight:500;transition:color .2s ease;letter-spacing:.01em}.dropdown-item:hover .item-subtitle{color:#475569}.dropdown-item.selected .item-subtitle{color:#3b82f6;font-weight:600}.check-icon{color:#3b82f6;flex-shrink:0;animation:checkMarkIn .3s cubic-bezier(.4,0,.2,1)}@keyframes checkMarkIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.focus-areas-content{padding:0}.focus-areas-content .a1-focus-areas,.focus-areas-content .a2-focus-areas{padding:2rem;background:transparent;min-height:auto}.focus-areas-content .focus-areas-header{display:none}@media(max-width:768px){.focus-areas-page-header{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.focus-areas-dropdown-container{padding:1rem}.dropdown-wrapper{max-width:100%}.dropdown-trigger{padding:1rem 1.25rem}.trigger-icon{font-size:2rem}.trigger-title{font-size:1rem}.trigger-subtitle{font-size:.8125rem}.dropdown-item{padding:.875rem 1.25rem}.item-icon{font-size:1.75rem}.item-title{font-size:.9375rem}.item-subtitle{font-size:.75rem}.focus-areas-content .a1-focus-areas,.focus-areas-content .a2-focus-areas{padding:1rem}}@media(max-width:1024px)and (min-width:769px){.dropdown-wrapper{max-width:500px}}.dlassess-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#fef3c7);position:relative;overflow-x:hidden}.dlassess-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dlassess-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:dlassess-float 20s ease-in-out infinite}.dlassess-ambient-orb.orb-1{width:450px;height:450px;background:linear-gradient(135deg,#3b82f6,#10b981);top:-10%;right:-5%}.dlassess-ambient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#f59e0b);bottom:10%;left:-10%;animation-delay:-10s}@keyframes dlassess-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.95)}}.dlassess-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:100}.dlassess-spinner{width:60px;height:60px;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:dlassess-spin .8s linear infinite}@keyframes dlassess-spin{to{transform:rotate(360deg)}}.dlassess-loading p{font-size:1rem;font-weight:600;color:#475569}.dlassess-welcome{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.dlassess-welcome-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;max-width:700px;width:100%;padding:3rem;text-align:center}.dlassess-welcome-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#10b9811a);display:flex;align-items:center;justify-content:center;color:#3b82f6}.dlassess-welcome-card h1{font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 1rem}.dlassess-welcome-description{font-size:1.0625rem;line-height:1.6;color:#64748b;margin:0 0 2rem}.dlassess-welcome-details{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-radius:16px}.dlassess-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#475569}.dlassess-detail-item svg{color:#3b82f6;flex-shrink:0}.dlassess-welcome-sections{text-align:left;margin-bottom:2.5rem}.dlassess-welcome-sections h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.dlassess-welcome-sections ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.dlassess-welcome-sections li{padding:1rem;background:#fff9;border-radius:12px;border:1px solid rgba(100,116,139,.1)}.dlassess-welcome-sections li strong{display:block;font-size:.9375rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.dlassess-welcome-sections li span{font-size:.875rem;color:#64748b}.dlassess-welcome-actions{display:flex;gap:1rem;justify-content:center}.dlassess-btn-primary,.dlassess-btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.dlassess-btn-primary{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;box-shadow:0 4px 12px #3b82f64d}.dlassess-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.dlassess-btn-secondary{background:#fffc;color:#475569;border:1px solid rgba(100,116,139,.2)}.dlassess-btn-secondary:hover{background:#fff;border-color:#3b82f6;color:#3b82f6}.dlassess-header{position:sticky;top:0;z-index:50;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.8);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.dlassess-header-left{display:flex;align-items:center;gap:1rem}.dlassess-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.dlassess-header-text h1{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.dlassess-header-text p{font-size:.875rem;color:#64748b;margin:0}.dlassess-header-progress{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:12px;font-weight:700;color:#1e293b}.dlassess-progress-bar{height:4px;background:#3b82f61a;position:relative}.dlassess-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .5s ease}.dlassess-main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.dlassess-section-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000000f;overflow:hidden}.dlassess-section-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-bottom:1px solid rgba(255,255,255,.8)}.dlassess-section-badge{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;font-size:.75rem;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.dlassess-section-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.dlassess-section-header p{font-size:.9375rem;color:#64748b;margin:0}.dlassess-reading-passage{padding:2rem}.dlassess-passage-icon{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#3b82f6;margin-bottom:1rem}.dlassess-passage-content{background:linear-gradient(135deg,#f1f5f999,#f8fafc99);border-radius:12px;padding:1.5rem;border:1px solid rgba(100,116,139,.1)}.dlassess-passage-content p{font-size:.9375rem;line-height:1.7;color:#334155;margin:0 0 .875rem;font-family:Courier New,monospace;white-space:pre-wrap}.dlassess-passage-content p:last-child{margin-bottom:0}.dlassess-question-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000000f;overflow:hidden}.dlassess-question-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-bottom:1px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:space-between}.dlassess-question-number{font-size:.875rem;font-weight:700;color:#3b82f6}.dlassess-qualifier-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:.75rem;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.05em}.dlassess-qualifier-badge svg{color:#f59e0b}.dlassess-question-text{padding:2rem;font-size:1.125rem;line-height:1.7;color:#1e293b;font-weight:500}.dlassess-options{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:.875rem}.dlassess-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff9;border:2px solid rgba(100,116,139,.15);border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.dlassess-option:hover{background:#ffffffe6;border-color:#3b82f64d;transform:translate(4px);box-shadow:0 2px 8px #0000000a}.dlassess-option.selected{background:linear-gradient(135deg,#3b82f61a,#10b98114);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.dlassess-option-letter{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9375rem;color:#475569;flex-shrink:0;transition:all .3s ease}.dlassess-option.selected .dlassess-option-letter{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;box-shadow:0 2px 8px #3b82f666}.dlassess-option-text{flex:1;font-size:1rem;line-height:1.5;color:#334155}.dlassess-option-check{flex-shrink:0;color:#3b82f6;animation:dlassess-check-pop .3s ease-out}@keyframes dlassess-check-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.dlassess-question-footer{padding:1.25rem 2rem;background:#ffffff80;border-top:1px solid rgba(255,255,255,.8);display:flex;justify-content:flex-end}.dlassess-btn-next{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#3b82f6,#10b981);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.dlassess-btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.dlassess-btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:768px){.dlassess-welcome-card{padding:2rem 1.5rem}.dlassess-welcome-card h1{font-size:1.5rem}.dlassess-welcome-details{flex-direction:column;gap:1rem}.dlassess-welcome-actions{flex-direction:column}.dlassess-header{padding:.875rem 1rem}.dlassess-header-icon{width:40px;height:40px}.dlassess-header-icon svg{width:20px;height:20px}.dlassess-header-text h1{font-size:1.0625rem}.dlassess-main{padding:1rem}.dlassess-section-header{padding:1.25rem 1.5rem}.dlassess-reading-passage{padding:1.5rem}.dlassess-question-text{padding:1.5rem;font-size:1rem}.dlassess-options{padding:0 1.5rem 1.5rem}.dlassess-option{padding:.875rem 1rem}.dlassess-option-letter{width:32px;height:32px;font-size:.875rem}.dlassess-option-text{font-size:.9375rem}.dlassess-question-footer{padding:1rem 1.5rem}}@media(max-width:480px){.dlassess-welcome-card{padding:1.5rem 1rem}.dlassess-welcome-icon{width:64px;height:64px}.dlassess-welcome-icon svg{width:32px;height:32px}.dlassess-section-header h2{font-size:1.25rem}.dlassess-passage-content{padding:1rem}.dlassess-passage-content p{font-size:.875rem}}.dlresults-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#fef3c7);position:relative;overflow-x:hidden}.dlresults-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dlresults-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:dlresults-float 20s ease-in-out infinite}.dlresults-ambient-orb.orb-1{width:450px;height:450px;background:linear-gradient(135deg,#3b82f6,#10b981);top:-10%;right:-5%}.dlresults-ambient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#f59e0b);bottom:10%;left:-10%;animation-delay:-10s}@keyframes dlresults-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.95)}}.dlresults-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:100}.dlresults-spinner{width:60px;height:60px;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:dlresults-spin .8s linear infinite}@keyframes dlresults-spin{to{transform:rotate(360deg)}}.dlresults-loading p{font-size:1rem;font-weight:600;color:#475569}.dlresults-content{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:2rem}.dlresults-hero{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;padding:2.5rem;display:flex;align-items:center;gap:3rem;margin-bottom:2rem;animation:dlresults-fade-in .5s ease-out}@keyframes dlresults-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dlresults-hero.pass{border-color:#10b9814d;background:linear-gradient(135deg,#fffffff2,#ecfdf5cc)}.dlresults-hero.fail{border-color:#ef444433;background:linear-gradient(135deg,#fffffff2,#fef2f2cc)}.dlresults-hero-content{flex:1}.dlresults-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.dlresults-hero.pass .dlresults-icon{background:linear-gradient(135deg,#10b98126,#06b6d41a);color:#10b981}.dlresults-hero.fail .dlresults-icon{background:#ef44441a;color:#ef4444}.dlresults-hero h1{font-size:2rem;font-weight:800;margin:0 0 .5rem}.dlresults-hero.pass h1{color:#047857}.dlresults-hero.fail h1{color:#b91c1c}.dlresults-hero p{font-size:1.0625rem;color:#64748b;margin:0}.dlresults-score-display{text-align:center}.dlresults-score-circle{width:160px;height:160px;position:relative;margin-bottom:1.25rem}.dlresults-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.dlresults-score-bg{fill:none;stroke:#e2e8f0;stroke-width:8}.dlresults-score-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease-out}.dlresults-hero.pass .dlresults-score-progress{stroke:#10b981}.dlresults-hero.fail .dlresults-score-progress{stroke:#ef4444}.dlresults-score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dlresults-score-value{font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1}.dlresults-score-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.dlresults-hero.pass .dlresults-score-label{color:#10b981}.dlresults-hero.fail .dlresults-score-label{color:#ef4444}.dlresults-score-stats{display:flex;justify-content:center;gap:1.5rem}.dlresults-score-stat{display:flex;flex-direction:column;align-items:center}.dlresults-score-stat .value{font-size:1.25rem;font-weight:700;color:#1e293b}.dlresults-score-stat .label{font-size:.75rem;color:#64748b;text-transform:uppercase}.dlresults-section{margin-bottom:2rem;animation:dlresults-fade-in .5s ease-out .1s backwards}.dlresults-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.dlresults-section-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);display:flex;align-items:center;justify-content:center;color:#3b82f6}.dlresults-section-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.dlresults-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.dlresults-category-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.8);padding:1.5rem;transition:all .3s ease}.dlresults-category-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.dlresults-category-card.pass{border-color:#10b9814d}.dlresults-category-card.fail{border-color:#ef444433}.dlresults-category-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:1rem}.dlresults-category-card h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem;line-height:1.4}.dlresults-category-progress{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.dlresults-category-bar{height:100%;border-radius:3px;transition:width .5s ease-out}.dlresults-category-card.pass .dlresults-category-bar{background:linear-gradient(90deg,#10b981,#06b6d4)}.dlresults-category-card.fail .dlresults-category-bar{background:linear-gradient(90deg,#ef4444,#f59e0b)}.dlresults-category-stats{display:flex;justify-content:space-between;align-items:center}.dlresults-category-percent{font-size:1.125rem;font-weight:700}.dlresults-category-card.pass .dlresults-category-percent{color:#10b981}.dlresults-category-card.fail .dlresults-category-percent{color:#ef4444}.dlresults-category-count{font-size:.875rem;color:#64748b}.dlresults-skills-grid{display:flex;flex-direction:column;gap:1rem}.dlresults-skill-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.8);padding:1.5rem;transition:all .3s ease}.dlresults-skill-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.dlresults-skill-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dlresults-skill-header h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.dlresults-skill-badge{padding:.375rem .875rem;border-radius:6px;font-size:.875rem;font-weight:700}.dlresults-skill-badge.pass{background:#10b9811a;color:#047857}.dlresults-skill-badge.fail{background:#ef44441a;color:#b91c1c}.dlresults-skill-feedback{font-size:.9375rem;line-height:1.6;color:#475569;margin:0 0 .75rem}.dlresults-skill-stats{font-size:.875rem;color:#64748b}.dlresults-review-list{display:flex;flex-direction:column;gap:1rem}.dlresults-review-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.8);overflow:hidden}.dlresults-review-card.correct{border-left:4px solid #10b981}.dlresults-review-card.incorrect{border-left:4px solid #ef4444}.dlresults-review-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#f1f5f999,#f8fafc99);border-bottom:1px solid rgba(255,255,255,.8)}.dlresults-review-meta{display:flex;align-items:center;gap:.75rem}.dlresults-review-number{font-weight:700;color:#1e293b}.dlresults-review-section{font-size:.75rem;font-weight:600;color:#3b82f6;background:#3b82f61a;padding:.25rem .625rem;border-radius:4px}.dlresults-review-status{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600}.dlresults-review-status.correct{color:#10b981}.dlresults-review-status.incorrect{color:#ef4444}.dlresults-review-question{padding:1.5rem;font-size:1rem;line-height:1.6;color:#1e293b;margin:0;border-bottom:1px solid rgba(241,245,249,.8)}.dlresults-review-options{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.625rem}.dlresults-review-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f1f5f980;border-radius:12px;border:1px solid transparent}.dlresults-review-option.correct{background:#10b9811a;border-color:#10b9814d}.dlresults-review-option.incorrect{background:#ef444414;border-color:#ef444433}.dlresults-option-letter{width:32px;height:32px;border-radius:50%;background:#fffc;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#475569;flex-shrink:0}.dlresults-review-option.correct .dlresults-option-letter{background:#10b981;color:#fff}.dlresults-review-option.incorrect .dlresults-option-letter{background:#ef4444;color:#fff}.dlresults-option-text{flex:1;font-size:.9375rem;color:#334155}.dlresults-review-option svg{flex-shrink:0;color:#10b981}.dlresults-review-explanation{display:flex;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-top:1px solid rgba(255,255,255,.8)}.dlresults-explanation-icon{width:28px;height:28px;border-radius:50%;background:#3b82f61a;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.dlresults-review-explanation p{font-size:.9375rem;line-height:1.6;color:#475569;margin:0}.dlresults-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.dlresults-btn-review,.dlresults-btn-close{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.dlresults-btn-review{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;box-shadow:0 4px 12px #3b82f64d}.dlresults-btn-review:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.dlresults-btn-close{background:#fffc;color:#475569;border:1px solid rgba(100,116,139,.2)}.dlresults-btn-close:hover{background:#fff;border-color:#3b82f6;color:#3b82f6}@media(max-width:768px){.dlresults-content{padding:1rem}.dlresults-hero{flex-direction:column;text-align:center;gap:2rem;padding:2rem 1.5rem}.dlresults-hero h1{font-size:1.5rem}.dlresults-score-circle{width:130px;height:130px}.dlresults-score-value{font-size:2rem}.dlresults-category-grid{grid-template-columns:1fr}.dlresults-actions{flex-direction:column}.dlresults-review-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.diag-list-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.diag-list-ambient{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.diag-list-ambient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:float 20s ease-in-out infinite}.diag-list-ambient-orb.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);top:-300px;right:-200px;animation-delay:0s}.diag-list-ambient-orb.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#06b6d4,#3b82f6);bottom:-250px;left:-150px;animation-delay:5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.diag-list-header{position:sticky;top:0;z-index:10;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.diag-list-header-content{display:flex;align-items:center;gap:1.5rem;flex:1}.diag-list-header-icon{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.diag-list-header h1{margin:0;font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.02em}.diag-list-header p{margin:.25rem 0 0;font-size:.95rem;color:#94a3b8}.diag-list-close-btn{width:44px;height:44px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.diag-list-close-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.diag-list-content{position:relative;z-index:1;padding:2rem;max-width:1400px;margin:0 auto}.diag-list-loading,.diag-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;gap:1rem}.diag-list-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.diag-list-empty svg{color:#475569;margin-bottom:.5rem}.diag-list-empty p{font-size:1.1rem;color:#94a3b8}.diag-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2rem}.diag-list-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .3s}.diag-list-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 20px 40px #0000004d}.diag-list-card-header{padding:1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.diag-list-card-difficulty{display:flex;align-items:center;gap:1rem}.diag-list-difficulty-badge{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.diag-list-difficulty-bars{display:flex;gap:3px;flex:1}.diag-list-difficulty-bar{height:6px;flex:1;background:#ffffff1a;border-radius:2px;transition:all .3s}.diag-list-difficulty-bar.active{background:#3b82f6}.diag-list-difficulty-number{font-size:.9rem;font-weight:600;color:#fff;min-width:45px;text-align:right}.diag-list-card-body{padding:1.5rem}.diag-list-card-body h3{margin:0 0 .75rem;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.01em}.diag-list-card-body>p{margin:0 0 1.5rem;font-size:.95rem;line-height:1.6;color:#cbd5e1}.diag-list-card-features{display:flex;gap:1.5rem;flex-wrap:wrap}.diag-list-feature{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.9rem}.diag-list-feature svg{color:#3b82f6;flex-shrink:0}.diag-list-card-stats{margin-top:1.5rem}.diag-list-stat-divider{height:1px;background:#ffffff14;margin-bottom:1rem}.diag-list-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.diag-list-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.diag-list-stat-value{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.diag-list-stat-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.diag-list-card-footer{padding:1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06)}.diag-list-start-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s}.diag-list-start-btn:hover{transform:scale(1.02);box-shadow:0 10px 30px #3b82f64d}.diag-list-start-btn:active{transform:scale(.98)}.diag-list-start-btn svg{transition:transform .2s}.diag-list-start-btn:hover svg{transform:translate(4px)}@media(max-width:768px){.diag-list-header{padding:1rem;flex-direction:column;align-items:flex-start}.diag-list-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.diag-list-header h1{font-size:1.5rem}.diag-list-close-btn{position:absolute;top:1rem;right:1rem}.diag-list-content{padding:1rem}.diag-list-grid{grid-template-columns:1fr;gap:1rem}.diag-list-card-difficulty{flex-direction:column;align-items:flex-start}.diag-list-difficulty-bars{width:100%}.diag-list-card-features{flex-direction:column;gap:.75rem}.diag-list-stats-row{grid-template-columns:1fr;gap:.75rem}.diag-list-stat{flex-direction:row;justify-content:space-between;text-align:left}}.dslist-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#fef3c7);position:relative;overflow-x:hidden;padding:2rem}.dslist-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dslist-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:dslist-float 20s ease-in-out infinite}.dslist-ambient-orb.orb-1{width:450px;height:450px;background:linear-gradient(135deg,#3b82f6,#10b981);top:-10%;right:-5%}.dslist-ambient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#f59e0b);bottom:10%;left:-10%;animation-delay:-10s}@keyframes dslist-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.95)}}.dslist-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:100}.dslist-spinner{width:60px;height:60px;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:dslist-spin .8s linear infinite}@keyframes dslist-spin{to{transform:rotate(360deg)}}.dslist-loading p{font-size:1rem;font-weight:600;color:#475569}.dslist-header{position:relative;z-index:1;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;padding:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.dslist-header-content{display:flex;align-items:center;gap:1.5rem}.dslist-header-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #3b82f64d}.dslist-header-content h1{font-size:2rem;font-weight:800;color:#1e293b;margin:0}.dslist-header-content p{font-size:1rem;color:#64748b;margin:.25rem 0 0}.dslist-close-btn{width:40px;height:40px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.dslist-close-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.dslist-filters{position:relative;z-index:1;display:flex;gap:1rem;margin-bottom:2rem}.dslist-filter-group{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.8);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem}.dslist-filter-group label{font-size:.875rem;font-weight:600;color:#64748b}.dslist-filter-group select{border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 2.5rem .5rem .75rem;font-size:.9375rem;font-weight:600;color:#1e293b;background:#fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2364748b" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat right .75rem center;background-size:16px;appearance:none;cursor:pointer;transition:all .3s ease}.dslist-filter-group select:hover{border-color:#3b82f6}.dslist-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.dslist-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000000f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.dslist-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.dslist-card-header{padding:1.5rem;background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-bottom:1px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:space-between}.dslist-card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f626,#10b9811a);display:flex;align-items:center;justify-content:center;color:#3b82f6}.dslist-difficulty{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dslist-difficulty-dot{width:8px;height:8px;border-radius:50%}.dslist-difficulty.easy{background:#10b9811a;color:#047857}.dslist-difficulty.easy .dslist-difficulty-dot{background:#10b981}.dslist-difficulty.medium{background:#f59e0b1a;color:#b45309}.dslist-difficulty.medium .dslist-difficulty-dot{background:#f59e0b}.dslist-difficulty.hard{background:#ef44441a;color:#b91c1c}.dslist-difficulty.hard .dslist-difficulty-dot{background:#ef4444}.dslist-card-content{padding:1.5rem;flex:1}.dslist-card-content h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.4}.dslist-card-description{font-size:.9375rem;line-height:1.6;color:#64748b;margin:0 0 1rem}.dslist-card-meta{display:flex;gap:1rem;margin-bottom:.75rem}.dslist-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#64748b}.dslist-meta-item svg{color:#3b82f6;flex-shrink:0}.dslist-card-vehicle{font-size:.875rem;font-weight:600;color:#475569;padding:.625rem .875rem;background:#f1f5f999;border-radius:8px;border:1px solid rgba(226,232,240,.8)}.dslist-card-stats{display:flex;padding:1rem 1.5rem;background:linear-gradient(135deg,#f1f5f999,#f8fafc99);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8)}.dslist-stat{flex:1;text-align:center}.dslist-stat-label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.dslist-stat-value{display:block;font-size:1.125rem;font-weight:700;color:#1e293b}.dslist-card-footer{padding:1.5rem}.dslist-start-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#10b981);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.dslist-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.dslist-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8}.dslist-empty svg{margin-bottom:1rem}.dslist-empty p{font-size:1rem;font-weight:600}@media(max-width:768px){.dslist-container{padding:1rem}.dslist-header{padding:1.5rem;flex-direction:column;gap:1rem}.dslist-header-content{flex-direction:column;text-align:center}.dslist-header-content h1{font-size:1.5rem}.dslist-filters{flex-direction:column}.dslist-grid{grid-template-columns:1fr}}.dst-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#fef3c7);position:relative;overflow-x:hidden;padding:2rem}.dst-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dst-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:dst-float 20s ease-in-out infinite}.dst-ambient-orb.orb-1{width:450px;height:450px;background:linear-gradient(135deg,#3b82f6,#10b981);top:-10%;right:-5%}.dst-ambient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#f59e0b);bottom:10%;left:-10%;animation-delay:-10s}@keyframes dst-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.95)}}.dst-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:100}.dst-spinner{width:60px;height:60px;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:dst-spin .8s linear infinite}@keyframes dst-spin{to{transform:rotate(360deg)}}.dst-loading p{font-size:1rem;font-weight:600;color:#475569}.dst-header{position:relative;z-index:1;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;padding:2rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.dst-header-content h1{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 .25rem}.dst-header-content p{font-size:.9375rem;color:#64748b;margin:0}.dst-progress-info{font-size:.875rem;font-weight:600;color:#475569;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:10px}.dst-progress-bar{position:relative;z-index:1;height:8px;background:#fff9;border-radius:10px;overflow:hidden;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f}.dst-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:10px;transition:width .5s ease}.dst-main{position:relative;z-index:1;max-width:900px;margin:0 auto}.dst-ro-card,.dst-findings-card,.dst-question-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;margin-bottom:2rem}.dst-ro-card,.dst-findings-card{padding:2rem}.dst-ro-header,.dst-findings-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(59,130,246,.1)}.dst-ro-icon,.dst-findings-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;color:#fff}.dst-ro-header h2,.dst-findings-header h2{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.dst-ro-content p,.dst-findings-content p{font-size:.9375rem;line-height:1.7;color:#334155;margin:0 0 .75rem;white-space:pre-wrap}.dst-ro-content p:last-child,.dst-findings-content p:last-child{margin-bottom:0}.dst-ro-reminder{margin-top:1.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-left:4px solid #3b82f6;border-radius:10px;display:flex;align-items:center;gap:.75rem}.dst-ro-reminder svg{color:#3b82f6;flex-shrink:0}.dst-ro-reminder span{font-size:.9375rem;font-weight:600;color:#475569}.dst-question-card{padding:2rem}.dst-question-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.dst-options{display:flex;flex-direction:column;gap:1rem}.dst-option{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative}.dst-option:hover{border-color:#3b82f6;background:#3b82f605;transform:translate(4px)}.dst-option.selected{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f614,#10b9810d);box-shadow:0 4px 16px #3b82f626}.dst-option-number{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#475569;flex-shrink:0}.dst-option.selected .dst-option-number{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.dst-option-text{flex:1;font-size:1rem;font-weight:600;color:#334155;line-height:1.5}.dst-option-check{color:#10b981;flex-shrink:0}.dst-footer{position:relative;z-index:1;display:flex;justify-content:flex-end;margin-top:2rem}.dst-next-btn{display:flex;align-items:center;gap:.625rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#3b82f6,#10b981);border:none;border-radius:12px;color:#fff;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d}.dst-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.dst-next-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.dst-container{padding:1rem}.dst-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.dst-header-content h1{font-size:1.25rem}.dst-ro-card,.dst-findings-card,.dst-question-card{padding:1.5rem}.dst-option{padding:1rem}.dst-footer{justify-content:stretch}.dst-next-btn{width:100%;justify-content:center}}.dsr-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#fef3c7);position:relative;overflow-x:hidden;padding:2rem}.dsr-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dsr-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:dsr-float 20s ease-in-out infinite}.dsr-ambient-orb.orb-1{width:450px;height:450px;background:linear-gradient(135deg,#3b82f6,#10b981);top:-10%;right:-5%}.dsr-ambient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#f59e0b);bottom:10%;left:-10%;animation-delay:-10s}@keyframes dsr-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.95)}}.dsr-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:100}.dsr-spinner{width:60px;height:60px;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:dsr-spin .8s linear infinite}@keyframes dsr-spin{to{transform:rotate(360deg)}}.dsr-loading p{font-size:1rem;font-weight:600;color:#475569}.dsr-header{position:relative;z-index:1;text-align:center;margin-bottom:2rem}.dsr-header-content h1{font-size:2.25rem;font-weight:800;color:#1e293b;margin:0 0 .5rem}.dsr-header-content p{font-size:1.0625rem;color:#64748b;margin:0}.dsr-score-card{position:relative;z-index:1;max-width:900px;margin:0 auto 2rem;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;padding:2.5rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}.dsr-score-display{text-align:center;padding:2rem;border-radius:20px;min-width:200px}.dsr-score-display.excellent{background:linear-gradient(135deg,#10b98126,#0596691a);border:2px solid rgba(16,185,129,.3)}.dsr-score-display.good{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:2px solid rgba(59,130,246,.3)}.dsr-score-display.fair{background:linear-gradient(135deg,#f59e0b26,#d977061a);border:2px solid rgba(245,158,11,.3)}.dsr-score-display.needs-improvement{background:linear-gradient(135deg,#ef444426,#dc26261a);border:2px solid rgba(239,68,68,.3)}.dsr-score-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.5rem}.dsr-score-value{font-size:4rem;font-weight:800;line-height:1;color:#1e293b;margin-bottom:.25rem}.dsr-score-max{font-size:.875rem;color:#64748b}.dsr-diagnosis-result{margin-bottom:1.5rem}.dsr-diagnosis{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:14px;font-size:1.125rem;font-weight:700}.dsr-diagnosis.correct{background:linear-gradient(135deg,#10b9811a,#0596690d);color:#047857;border:2px solid rgba(16,185,129,.3)}.dsr-diagnosis.incorrect{background:linear-gradient(135deg,#ef44441a,#dc26260d);color:#b91c1c;border:2px solid rgba(239,68,68,.3)}.dsr-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dsr-stat{text-align:center;padding:1.25rem;background:#f1f5f980;border-radius:12px}.dsr-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.dsr-stat-icon.best{background:#10b98126;color:#047857}.dsr-stat-icon.acceptable{background:#3b82f626;color:#1e40af}.dsr-stat-icon.poor{background:#ef444426;color:#b91c1c}.dsr-stat-value{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.dsr-stat-label{font-size:.875rem;color:#64748b}.dsr-timeline{position:relative;z-index:1;max-width:900px;margin:0 auto}.dsr-timeline h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 1.5rem}.dsr-steps{display:flex;flex-direction:column;gap:1.5rem}.dsr-step{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000000f;overflow:hidden}.dsr-step-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f1f5f9cc,#f8fafccc);border-bottom:1px solid rgba(226,232,240,.8)}.dsr-step-number{font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.dsr-quality-badge{padding:.375rem .875rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dsr-quality-badge.best{background:#10b9811a;color:#047857}.dsr-quality-badge.acceptable{background:#3b82f61a;color:#1e40af}.dsr-quality-badge.poor{background:#ef44441a;color:#b91c1c}.dsr-step-content{padding:1.5rem}.dsr-step-choice,.dsr-step-findings{margin-bottom:1.25rem}.dsr-step-choice strong,.dsr-step-findings strong,.dsr-step-coaching strong{display:block;font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.dsr-step-choice p,.dsr-step-findings p,.dsr-step-coaching p{font-size:.9375rem;line-height:1.7;color:#334155;margin:0;white-space:pre-wrap}.dsr-step-coaching{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#3b82f60d,#10b98108);border-radius:12px;border-left:4px solid #3b82f6}.dsr-coaching-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f626,#10b9811a);display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.dsr-footer{position:relative;z-index:1;max-width:900px;margin:2rem auto 0;text-align:center}.dsr-close-btn{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#3b82f6,#10b981);border:none;border-radius:12px;color:#fff;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d}.dsr-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}@media(max-width:768px){.dsr-container{padding:1rem}.dsr-header-content h1{font-size:1.75rem}.dsr-score-card{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.dsr-score-display{min-width:auto}.dsr-stats-grid{grid-template-columns:1fr}.dsr-step-content{padding:1rem}.dsr-step-coaching{flex-direction:column}}.rfdash-container{--rfdash-primary: #3b82f6;--rfdash-primary-light: #60a5fa;--rfdash-success: #10b981;--rfdash-success-light: #34d399;--rfdash-warning: #f59e0b;--rfdash-warning-light: #fbbf24;--rfdash-purple: #8b5cf6;--rfdash-purple-light: #a78bfa;--rfdash-pink: #ec4899;--rfdash-cyan: #06b6d4;--rfdash-glass-bg: rgba(255, 255, 255, .85);--rfdash-glass-border: rgba(255, 255, 255, .6);--rfdash-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--rfdash-shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--rfdash-shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--rfdash-shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--rfdash-radius-sm: 10px;--rfdash-radius-md: 14px;--rfdash-radius-lg: 18px;--rfdash-radius-xl: 24px;--rfdash-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.rfdash-container{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#faf5ff,#f0fdf4);position:relative;overflow-x:hidden;padding:2rem}.rfdash-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.rfdash-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:rfdash-float 20s ease-in-out infinite}.rfdash-ambient-orb.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);top:-15%;right:-10%;animation-delay:0s}.rfdash-ambient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#06b6d4);bottom:-10%;left:-10%;animation-delay:-7s}.rfdash-ambient-orb.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#f59e0b,#ec4899);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes rfdash-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.rfdash-content{position:relative;z-index:1;max-width:900px;margin:0 auto}.rfdash-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:2rem}.rfdash-loading-spinner{width:100px;height:100px;position:relative}.rfdash-spinner-orbit{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;animation:rfdash-spin 2s linear infinite}.rfdash-spinner-orbit:nth-child(1){border-top-color:var(--rfdash-primary);animation-duration:1.5s}.rfdash-spinner-orbit:nth-child(2){inset:10px;border-right-color:var(--rfdash-purple);animation-duration:2s;animation-direction:reverse}.rfdash-spinner-orbit:nth-child(3){inset:20px;border-bottom-color:var(--rfdash-success);animation-duration:2.5s}.rfdash-spinner-dot{position:absolute;width:10px;height:10px;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.rfdash-spinner-orbit:nth-child(1) .rfdash-spinner-dot{background:var(--rfdash-primary);box-shadow:0 0 12px var(--rfdash-primary)}.rfdash-spinner-orbit:nth-child(2) .rfdash-spinner-dot{background:var(--rfdash-purple);box-shadow:0 0 12px var(--rfdash-purple)}.rfdash-spinner-orbit:nth-child(3) .rfdash-spinner-dot{background:var(--rfdash-success);box-shadow:0 0 12px var(--rfdash-success)}.rfdash-spinner-core{position:absolute;inset:35px;border-radius:50%;background:linear-gradient(135deg,var(--rfdash-primary),var(--rfdash-purple));animation:rfdash-pulse 1.5s ease-in-out infinite}@keyframes rfdash-spin{to{transform:rotate(360deg)}}@keyframes rfdash-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.rfdash-loading-text{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.rfdash-loading-bar{width:200px;height:4px;background:#3b82f626;border-radius:2px;overflow:hidden}.rfdash-loading-progress{height:100%;width:30%;background:linear-gradient(90deg,var(--rfdash-primary),var(--rfdash-purple));border-radius:2px;animation:rfdash-loading-slide 1.5s ease-in-out infinite}@keyframes rfdash-loading-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.rfdash-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:1.5rem;text-align:center;padding:2rem}.rfdash-error-icon{width:72px;height:72px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;color:#ef4444}.rfdash-error p{font-size:1.125rem;color:#475569;margin:0;max-width:400px}.rfdash-retry-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--rfdash-primary),var(--rfdash-purple));border:none;border-radius:var(--rfdash-radius-md);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--rfdash-transition);box-shadow:0 4px 12px #3b82f64d}.rfdash-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.rfdash-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2rem;animation:rfdash-fade-in .5s ease-out}@keyframes rfdash-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rfdash-header-icon{width:64px;height:64px;border-radius:var(--rfdash-radius-lg);background:linear-gradient(135deg,var(--rfdash-primary),var(--rfdash-purple));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #3b82f64d}.rfdash-header-text h1{font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 .5rem;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rfdash-header-text p{font-size:1rem;color:#64748b;line-height:1.6;margin:0;max-width:600px}.rfdash-free-banner{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--rfdash-success),#059669);border-radius:var(--rfdash-radius-lg);margin-bottom:1.5rem;overflow:hidden;animation:rfdash-fade-in .5s ease-out .1s backwards}.rfdash-free-banner-glow{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#fff3;border-radius:50%;filter:blur(40px)}.rfdash-free-banner-icon{width:48px;height:48px;border-radius:var(--rfdash-radius-md);background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.rfdash-free-banner-content{flex:1;display:flex;flex-direction:column;gap:.25rem;color:#fff;position:relative;z-index:1}.rfdash-free-banner-content strong{font-size:1.0625rem;font-weight:700}.rfdash-free-banner-content span{font-size:.875rem;opacity:.9}.rfdash-free-banner-badge{padding:.375rem .875rem;background:#fff3;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.05em;position:relative;z-index:1}.rfdash-link-card{background:var(--rfdash-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--rfdash-radius-xl);border:1px solid var(--rfdash-glass-border);box-shadow:var(--rfdash-shadow-lg);padding:1.5rem;margin-bottom:1.5rem;animation:rfdash-fade-in .5s ease-out .15s backwards}.rfdash-link-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.rfdash-link-icon{width:36px;height:36px;border-radius:var(--rfdash-radius-sm);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--rfdash-primary)}.rfdash-link-header span{font-size:.9375rem;font-weight:600;color:#1e293b}.rfdash-link-container{display:flex;gap:.75rem;margin-bottom:1rem}.rfdash-link-input{flex:1;padding:.875rem 1rem;border:2px solid rgba(100,116,139,.15);border-radius:var(--rfdash-radius-md);font-size:.875rem;font-family:SF Mono,Fira Code,monospace;background:#f1f5f999;color:#334155;transition:var(--rfdash-transition)}.rfdash-link-input:focus{outline:none;border-color:var(--rfdash-primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.rfdash-copy-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--rfdash-primary),var(--rfdash-purple));border:none;border-radius:var(--rfdash-radius-md);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--rfdash-transition);white-space:nowrap;box-shadow:0 4px 12px #3b82f64d}.rfdash-copy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.rfdash-copy-btn:active:not(:disabled){transform:translateY(0)}.rfdash-copy-btn.success{background:linear-gradient(135deg,var(--rfdash-success),#059669);box-shadow:0 4px 12px #10b9814d}.rfdash-copy-btn:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.rfdash-code-display{display:flex;align-items:center;gap:.625rem;padding-top:.75rem;border-top:1px solid rgba(100,116,139,.1)}.rfdash-code-label{font-size:.8125rem;color:#64748b}.rfdash-code-value{font-family:SF Mono,Fira Code,monospace;font-weight:700;font-size:.9375rem;color:var(--rfdash-primary);background:#3b82f61a;padding:.375rem .75rem;border-radius:6px;letter-spacing:.05em}.rfdash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.rfdash-stat-card{position:relative;background:var(--rfdash-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--rfdash-radius-lg);border:1px solid var(--rfdash-glass-border);box-shadow:var(--rfdash-shadow-md);padding:1.5rem;display:flex;align-items:center;gap:1rem;overflow:hidden;transition:var(--rfdash-transition);animation:rfdash-fade-in .5s ease-out calc(.2s + var(--index, 0) * .05s) backwards}.rfdash-stat-card:nth-child(1){--index: 0}.rfdash-stat-card:nth-child(2){--index: 1}.rfdash-stat-card:nth-child(3){--index: 2}.rfdash-stat-card:hover{transform:translateY(-4px);box-shadow:var(--rfdash-shadow-lg);border-color:var(--stat-color, var(--rfdash-primary))}.rfdash-stat-card.highlight{background:linear-gradient(135deg,#8b5cf614,#ec48990d);border-color:#8b5cf64d}.rfdash-stat-decoration{position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:var(--stat-color, var(--rfdash-primary));opacity:.08;border-radius:50%}.rfdash-stat-icon{width:52px;height:52px;border-radius:var(--rfdash-radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--stat-color) 15%,transparent),color-mix(in srgb,var(--stat-color) 5%,transparent));display:flex;align-items:center;justify-content:center;color:var(--stat-color, var(--rfdash-primary));flex-shrink:0;position:relative;z-index:1}.rfdash-stat-content{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.rfdash-stat-value{font-size:2rem;font-weight:800;color:#1e293b;line-height:1}.rfdash-stat-label{font-size:.8125rem;color:#64748b;font-weight:500}.rfdash-how-it-works{background:var(--rfdash-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--rfdash-radius-xl);border:1px solid var(--rfdash-glass-border);box-shadow:var(--rfdash-shadow-lg);padding:2rem;animation:rfdash-fade-in .5s ease-out .35s backwards}.rfdash-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.rfdash-section-icon{width:40px;height:40px;border-radius:var(--rfdash-radius-sm);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:var(--rfdash-primary)}.rfdash-section-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.rfdash-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rfdash-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.rfdash-step-number{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--rfdash-primary),var(--rfdash-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;margin-bottom:1rem;box-shadow:0 4px 12px #3b82f64d;position:relative;z-index:2}.rfdash-step-connector{position:absolute;top:22px;left:calc(50% + 22px);width:calc(100% - 44px);height:2px;background:linear-gradient(90deg,var(--rfdash-primary),var(--rfdash-purple));opacity:.3;z-index:1}.rfdash-step:last-child .rfdash-step-connector{display:none}.rfdash-step-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rfdash-step-icon{width:44px;height:44px;border-radius:var(--rfdash-radius-sm);background:#f1f5f9cc;display:flex;align-items:center;justify-content:center;color:#64748b;margin-bottom:.25rem}.rfdash-step-content h4{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0}.rfdash-step-content p{font-size:.8125rem;color:#64748b;line-height:1.5;margin:0}@media(max-width:900px){.rfdash-stats-grid{grid-template-columns:1fr}.rfdash-steps{grid-template-columns:repeat(2,1fr);gap:1.5rem}.rfdash-step-connector{display:none}}@media(max-width:768px){.rfdash-container{padding:1rem}.rfdash-header{flex-direction:column;align-items:center;text-align:center}.rfdash-header-icon{width:56px;height:56px}.rfdash-header-text h1{font-size:1.625rem}.rfdash-header-text p{font-size:.9375rem}.rfdash-free-banner{flex-direction:column;text-align:center;padding:1.25rem}.rfdash-free-banner-badge{margin-top:.5rem}.rfdash-link-container{flex-direction:column}.rfdash-copy-btn{width:100%;justify-content:center}.rfdash-code-display{flex-direction:column;align-items:flex-start;gap:.5rem}.rfdash-stat-card{padding:1.25rem}.rfdash-stat-value{font-size:1.75rem}.rfdash-how-it-works{padding:1.5rem}.rfdash-steps{grid-template-columns:1fr;gap:1.5rem}.rfdash-step{flex-direction:row;text-align:left;gap:1rem}.rfdash-step-number{margin-bottom:0;flex-shrink:0}.rfdash-step-content{align-items:flex-start}.rfdash-step-icon{display:none}}@media(max-width:480px){.rfdash-header-text h1{font-size:1.5rem}.rfdash-link-card{padding:1.25rem}.rfdash-link-input{font-size:.8125rem;padding:.75rem}.rfdash-stat-icon{width:44px;height:44px}.rfdash-stat-value{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.rfdash-ambient-orb,.rfdash-spinner-orbit,.rfdash-spinner-core,.rfdash-loading-progress{animation:none}.rfdash-stat-card,.rfdash-copy-btn,.rfdash-retry-btn{transition:none}.rfdash-stat-card:hover,.rfdash-copy-btn:hover,.rfdash-retry-btn:hover{transform:none}.rfdash-header,.rfdash-free-banner,.rfdash-link-card,.rfdash-stat-card,.rfdash-how-it-works{animation:none}}.tdash-container,.tdash-loading,.tdash-challenge-view{--tdash-primary: #3b82f6;--tdash-primary-light: #eff6ff;--tdash-primary-dark: #2563eb;--tdash-success: #10b981;--tdash-success-light: #d1fae5;--tdash-success-dark: #059669;--tdash-warning: #f59e0b;--tdash-warning-light: #fef3c7;--tdash-warning-dark: #d97706;--tdash-error: #ef4444;--tdash-error-light: #fee2e2;--tdash-error-dark: #dc2626;--tdash-text-primary: #1e293b;--tdash-text-secondary: #64748b;--tdash-text-tertiary: #94a3b8;--tdash-bg-page: #f8fafc;--tdash-bg-card: #ffffff;--tdash-border: #e2e8f0;--tdash-border-light: #f1f5f9;--tdash-radius-sm: 8px;--tdash-radius-md: 12px;--tdash-radius-lg: 16px;--tdash-radius-xl: 20px;--tdash-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--tdash-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--tdash-shadow-lg: 0 12px 32px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--tdash-transition: .25s cubic-bezier(.4, 0, .2, 1)}.tdash-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tdash-bg-page);gap:1.5rem}.tdash-loading-spinner{position:relative;width:60px;height:60px}.tdash-spinner-ring{position:absolute;inset:0;border:3px solid transparent;border-radius:50%}.tdash-spinner-ring:nth-child(1){border-top-color:var(--tdash-primary);animation:tdash-spin 1s linear infinite}.tdash-spinner-ring:nth-child(2){inset:6px;border-right-color:#60a5fa;animation:tdash-spin 1.2s linear infinite reverse}.tdash-spinner-ring:nth-child(3){inset:12px;border-bottom-color:#93c5fd;animation:tdash-spin 1.4s linear infinite}@keyframes tdash-spin{to{transform:rotate(360deg)}}.tdash-loading-text{color:var(--tdash-text-secondary);font-size:1rem;font-weight:500;margin:0}.tdash-container{min-height:100vh;background:var(--tdash-bg-page);padding-bottom:3rem}.tdash-header{background:var(--tdash-bg-card);border-bottom:1px solid var(--tdash-border);padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.tdash-header-main{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.tdash-brand{display:flex;align-items:center;gap:.875rem}.tdash-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tdash-primary) 0%,var(--tdash-primary-dark) 100%);border-radius:var(--tdash-radius-md);color:#fff;box-shadow:0 4px 12px #3b82f640}.tdash-brand-text h1{font-size:1.375rem;font-weight:800;color:var(--tdash-text-primary);margin:0;letter-spacing:-.02em}.tdash-role-badge{display:block;font-size:.75rem;font-weight:600;color:var(--tdash-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.tdash-header-actions{display:flex;align-items:center;gap:.5rem}.tdash-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--tdash-border-light);border:1px solid var(--tdash-border);border-radius:var(--tdash-radius-md);color:var(--tdash-text-secondary);cursor:pointer;transition:all var(--tdash-transition)}.tdash-icon-btn:hover{background:var(--tdash-bg-card);border-color:var(--tdash-primary);color:var(--tdash-primary);box-shadow:var(--tdash-shadow-sm)}.tdash-signout-btn:hover{border-color:var(--tdash-error);color:var(--tdash-error)}.tdash-mobile-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:var(--tdash-border-light);border:1px solid var(--tdash-border);border-radius:var(--tdash-radius-md);color:var(--tdash-text-primary);cursor:pointer}.tdash-nav{display:flex;align-items:center;gap:.5rem;max-width:1400px;margin:1rem auto 0;padding-top:1rem;border-top:1px solid var(--tdash-border-light);overflow-x:auto;scrollbar-width:none}.tdash-nav::-webkit-scrollbar{display:none}.tdash-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--tdash-border-light);border:1px solid var(--tdash-border);border-radius:var(--tdash-radius-md);color:var(--tdash-text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--tdash-transition);white-space:nowrap}.tdash-nav-btn:hover{background:var(--tdash-bg-card);border-color:var(--tdash-primary);color:var(--tdash-primary);transform:translateY(-2px);box-shadow:var(--tdash-shadow-md)}.tdash-nav-btn-highlight{background:var(--tdash-success);border-color:var(--tdash-success-dark);color:#fff}.tdash-nav-btn-highlight:hover{background:var(--tdash-success-dark);border-color:var(--tdash-success-dark);color:#fff}.tdash-nav-btn-danger:hover{background:var(--tdash-error-light);border-color:var(--tdash-error);color:var(--tdash-error)}.tdash-nav-icon{font-size:1.125rem;line-height:1}.tdash-nav-divider,.tdash-mobile-only{display:none}.tdash-main{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.tdash-widgets-row,.tdash-section{margin-bottom:2rem}.tdash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.tdash-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.375rem;font-weight:700;color:var(--tdash-text-primary);margin:0;letter-spacing:-.01em}.tdash-section-icon{font-size:1.25rem}.tdash-meta-text{font-size:.875rem;color:var(--tdash-text-tertiary);font-weight:500;padding:.375rem .875rem;background:var(--tdash-border-light);border-radius:20px}.tdash-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700}.tdash-badge-warning{background:var(--tdash-warning-light);color:var(--tdash-warning-dark)}.tdash-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--tdash-radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--tdash-transition);min-height:44px}.tdash-btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.tdash-btn-lg{padding:.875rem 1.5rem;font-size:1rem}.tdash-btn-xl{padding:1rem 2rem;font-size:1.0625rem}.tdash-btn-primary{background:linear-gradient(135deg,var(--tdash-primary) 0%,var(--tdash-primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #3b82f640}.tdash-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.tdash-btn-secondary{background:var(--tdash-border-light);border:1px solid var(--tdash-border);color:var(--tdash-text-secondary)}.tdash-btn-secondary:hover{background:var(--tdash-bg-card);border-color:var(--tdash-primary);color:var(--tdash-primary)}.tdash-btn-ghost{background:transparent;color:var(--tdash-text-secondary)}.tdash-btn-ghost:hover{background:var(--tdash-border-light);color:var(--tdash-text-primary)}.tdash-learning-card{display:flex;gap:2rem;padding:2rem;background:linear-gradient(135deg,var(--tdash-primary-light) 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:var(--tdash-radius-xl);box-shadow:var(--tdash-shadow-sm);transition:all var(--tdash-transition)}.tdash-learning-card:hover{transform:translateY(-4px);box-shadow:var(--tdash-shadow-lg)}.tdash-learning-content{flex:1;display:flex;flex-direction:column;gap:1.25rem}.tdash-learning-header{display:flex;align-items:center;gap:1rem}.tdash-learning-icon-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--tdash-radius-lg);box-shadow:var(--tdash-shadow-sm)}.tdash-learning-emoji{font-size:2rem}.tdash-learning-info h3{font-size:1.375rem;font-weight:700;color:var(--tdash-text-primary);margin:0}.tdash-learning-info p{font-size:.9375rem;color:var(--tdash-text-secondary);margin:.25rem 0 0}.tdash-learning-features{display:flex;flex-wrap:wrap;gap:.5rem}.tdash-feature-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fffc;border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:.8125rem;font-weight:600;color:var(--tdash-text-secondary)}.tdash-learning-preview{width:280px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tdash-preview-card{width:180px;padding:1.25rem;background:#fff;border-radius:var(--tdash-radius-lg);box-shadow:var(--tdash-shadow-md);border:1px solid var(--tdash-border);animation:tdash-float 4s ease-in-out infinite;transform:rotate(-3deg)}@keyframes tdash-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-3deg)}}.tdash-preview-label{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tdash-primary);padding:.25rem .5rem;background:var(--tdash-primary-light);border-radius:4px;margin-bottom:.75rem}.tdash-preview-text{font-size:.875rem;line-height:1.5;color:var(--tdash-text-primary);font-weight:500}.tdash-assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.tdash-assignment-card{display:flex;background:var(--tdash-bg-card);border-radius:var(--tdash-radius-lg);box-shadow:var(--tdash-shadow-sm);border:1px solid var(--tdash-border);overflow:hidden;transition:all var(--tdash-transition);animation:tdash-slide-up .4s ease backwards}@keyframes tdash-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tdash-assignment-card:hover{transform:translateY(-4px);box-shadow:var(--tdash-shadow-md)}.tdash-assignment-indicator{width:4px;flex-shrink:0}.tdash-assignment-normal .tdash-assignment-indicator{background:var(--tdash-success)}.tdash-assignment-urgent .tdash-assignment-indicator{background:var(--tdash-warning)}.tdash-assignment-overdue .tdash-assignment-indicator{background:var(--tdash-error)}.tdash-assignment-content{flex:1;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.tdash-assignment-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.tdash-assignment-category{display:flex;flex-direction:column;gap:.25rem}.tdash-category-code{font-size:1.125rem;font-weight:700;color:var(--tdash-text-primary)}.tdash-category-name{font-size:.875rem;color:var(--tdash-text-secondary)}.tdash-due-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.tdash-due-normal{background:var(--tdash-success-light);color:var(--tdash-success-dark)}.tdash-due-urgent{background:var(--tdash-warning-light);color:var(--tdash-warning-dark)}.tdash-due-overdue{background:var(--tdash-error-light);color:var(--tdash-error-dark)}.tdash-assignment-meta{display:flex;flex-direction:column;gap:.375rem}.tdash-due-date{font-size:.8125rem;color:var(--tdash-text-tertiary);margin:0}.tdash-assignment-notes{font-size:.875rem;color:var(--tdash-text-secondary);margin:0;line-height:1.5}.tdash-exam-card{display:flex;gap:2rem;padding:2rem;background:var(--tdash-bg-card);border-radius:var(--tdash-radius-xl);box-shadow:var(--tdash-shadow-sm);border:1px solid var(--tdash-border)}.tdash-exam-content{flex:1}.tdash-exam-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.tdash-exam-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--tdash-primary-light);border-radius:var(--tdash-radius-lg);color:var(--tdash-primary);flex-shrink:0}.tdash-exam-header h3{font-size:1.25rem;font-weight:700;color:var(--tdash-text-primary);margin:0}.tdash-exam-header p{font-size:.9375rem;color:var(--tdash-text-secondary);margin:.25rem 0 0}.tdash-exam-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.tdash-exam-features li{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--tdash-text-secondary)}.tdash-exam-features li svg{color:var(--tdash-success);flex-shrink:0}.tdash-exam-action{display:flex;align-items:center}.tdash-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.tdash-category-card{background:var(--tdash-bg-card);border-radius:var(--tdash-radius-lg);padding:1.5rem;box-shadow:var(--tdash-shadow-sm);border:1px solid var(--tdash-border);transition:all var(--tdash-transition);animation:tdash-slide-up .4s ease backwards}.tdash-category-card:hover{transform:translateY(-4px);box-shadow:var(--tdash-shadow-md);border-color:var(--tdash-primary)}.tdash-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tdash-category-card .tdash-category-code{display:inline-block;padding:.375rem .75rem;background:var(--tdash-primary-light);color:var(--tdash-primary-dark);border-radius:var(--tdash-radius-sm);font-size:.875rem;font-weight:700}.tdash-score-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:700}.tdash-score-pass{background:var(--tdash-success-light);color:var(--tdash-success-dark)}.tdash-score-fail{background:var(--tdash-error-light);color:var(--tdash-error-dark)}.tdash-category-card .tdash-category-name{font-size:1.0625rem;font-weight:700;color:var(--tdash-text-primary);margin:0 0 .5rem;display:block}.tdash-category-desc{font-size:.875rem;color:var(--tdash-text-secondary);line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tdash-category-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--tdash-border-light)}.tdash-tests-count{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--tdash-text-tertiary)}.tdash-category-actions{display:flex;gap:.5rem}.tdash-history-table-wrap{display:block;overflow-x:auto}.tdash-history-table{width:100%;border-collapse:collapse;background:var(--tdash-bg-card);border-radius:var(--tdash-radius-lg);overflow:hidden;box-shadow:var(--tdash-shadow-sm);border:1px solid var(--tdash-border)}.tdash-history-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tdash-text-tertiary);background:var(--tdash-border-light);border-bottom:1px solid var(--tdash-border)}.tdash-history-row{cursor:pointer;transition:background-color var(--tdash-transition)}.tdash-history-row:hover{background:var(--tdash-primary-light)}.tdash-history-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--tdash-border-light);font-size:.9375rem;color:var(--tdash-text-secondary)}.tdash-history-table tr:last-child td{border-bottom:none}.tdash-history-category{display:flex;flex-direction:column;gap:.125rem}.tdash-cat-code{font-weight:700;color:var(--tdash-text-primary)}.tdash-cat-name{font-size:.8125rem;color:var(--tdash-text-tertiary)}.tdash-score-pill{display:inline-block;padding:.25rem .625rem;border-radius:20px;font-size:.8125rem;font-weight:700}.tdash-score-pill.pass{background:var(--tdash-success-light);color:var(--tdash-success-dark)}.tdash-score-pill.fail{background:var(--tdash-error-light);color:var(--tdash-error-dark)}.tdash-status-badge{display:inline-block;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600}.tdash-status-badge.completed{background:var(--tdash-success-light);color:var(--tdash-success-dark)}.tdash-status-badge.progress{background:var(--tdash-warning-light);color:var(--tdash-warning-dark)}.tdash-history-cards{display:none;flex-direction:column;gap:.875rem}.tdash-history-card{background:var(--tdash-bg-card);border-radius:var(--tdash-radius-md);padding:1rem;box-shadow:var(--tdash-shadow-sm);border:1px solid var(--tdash-border);cursor:pointer;transition:all var(--tdash-transition);animation:tdash-slide-up .4s ease backwards}.tdash-history-card:hover{transform:translateY(-2px);box-shadow:var(--tdash-shadow-md)}.tdash-history-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem;padding-bottom:.875rem;border-bottom:1px solid var(--tdash-border-light)}.tdash-history-card-body{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.tdash-history-stat{display:flex;flex-direction:column;gap:.25rem}.tdash-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tdash-text-tertiary)}.tdash-stat-value{font-size:.9375rem;font-weight:600;color:var(--tdash-text-primary)}.tdash-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--tdash-bg-card);border-radius:var(--tdash-radius-xl);border:1px dashed var(--tdash-border);text-align:center}.tdash-empty-icon{font-size:3.5rem;margin-bottom:1rem}.tdash-empty-text{font-size:1.125rem;font-weight:600;color:var(--tdash-text-primary);margin:0 0 .375rem}.tdash-empty-subtext{font-size:.9375rem;color:var(--tdash-text-secondary);margin:0}.tdash-challenge-view{min-height:100vh;background:var(--tdash-bg-page)}.tdash-challenge-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--tdash-bg-card);border-bottom:1px solid var(--tdash-border)}.tdash-challenge-title-area h1{font-size:1.5rem;font-weight:700;color:var(--tdash-text-primary);margin:0}.tdash-challenge-title-area p{font-size:.875rem;color:var(--tdash-text-secondary);margin:.25rem 0 0}.tdash-challenge-actions{display:flex;gap:.75rem}@media(max-width:1024px){.tdash-main{padding:1.5rem 1rem}.tdash-exam-card{flex-direction:column;gap:1.5rem}.tdash-exam-action,.tdash-exam-action .tdash-btn{width:100%}.tdash-learning-preview{display:none}}@media(max-width:768px){.tdash-header{padding:.875rem 1rem}.tdash-logo{width:40px;height:40px}.tdash-logo svg{width:24px;height:24px}.tdash-brand-text h1{font-size:1.125rem}.tdash-icon-btn{display:none}.tdash-mobile-toggle{display:flex}.tdash-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--tdash-bg-card);border-top:1px solid var(--tdash-border);box-shadow:var(--tdash-shadow-lg);padding:0;max-height:0;overflow:hidden;opacity:0;transition:all var(--tdash-transition);margin:0;z-index:99}.tdash-nav-open{max-height:80vh;opacity:1;padding:.75rem;overflow-y:auto}.tdash-nav-btn{width:100%;padding:1rem;font-size:1rem;border-radius:var(--tdash-radius-sm);margin-bottom:.25rem}.tdash-nav-divider{display:block;height:1px;background:var(--tdash-border);margin:.75rem 0}.tdash-mobile-only{display:flex}.tdash-main{padding:1rem}.tdash-section-title{font-size:1.125rem}.tdash-learning-card{padding:1.25rem;flex-direction:column;gap:1rem}.tdash-learning-header{flex-direction:column;text-align:center}.tdash-learning-features{justify-content:center}.tdash-learning-content .tdash-btn{width:100%}.tdash-assignments-grid{grid-template-columns:1fr}.tdash-categories-grid{grid-template-columns:1fr;gap:1rem}.tdash-history-table-wrap{display:none}.tdash-history-cards{display:flex}.tdash-challenge-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.tdash-challenge-actions{width:100%;flex-direction:column}.tdash-challenge-actions .tdash-btn{width:100%}}@media(max-width:480px){.tdash-brand-text h1{font-size:1rem}.tdash-role-badge{font-size:.625rem}.tdash-section-title{font-size:1rem}.tdash-learning-info h3{font-size:1.125rem}.tdash-category-card{padding:1.25rem}.tdash-history-card-body{grid-template-columns:1fr 1fr;gap:.5rem}.tdash-history-card-body .tdash-history-stat:last-child{grid-column:span 2}}@media(prefers-reduced-motion:reduce){.tdash-assignment-card,.tdash-category-card,.tdash-history-card,.tdash-preview-card{animation:none}.tdash-learning-card:hover,.tdash-assignment-card:hover,.tdash-category-card:hover,.tdash-history-card:hover,.tdash-btn-primary:hover,.tdash-nav-btn:hover{transform:none}.tdash-spinner-ring{animation:tdash-spin 2s linear infinite}}.executive-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #667eea4d;color:#fff}.executive-summary-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.executive-summary-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#fff}.executive-summary-subtitle{margin:0;font-size:.9375rem;opacity:.9}.executive-summary .time-range-selector{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:#ffffff14;box-shadow:0 16px 40px #0f172a40;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.executive-summary .time-range-selector button{padding:.45rem 1.2rem;border:none;background:transparent;color:#f9fafb;border-radius:999px;cursor:pointer;font-weight:600;font-size:.875rem;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.executive-summary .time-range-selector button:not(.active):hover{background:#ffffff1f}.executive-summary .time-range-selector button.active{background:#ffffff42;box-shadow:0 10px 25px #0f172a59;transform:translateY(-1px)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.kpi-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:all .2s;border:1px solid rgba(255,255,255,.2)}.kpi-card:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.kpi-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;box-shadow:0 4px 12px #00000026}.kpi-content{flex:1;min-width:0}.kpi-label{font-size:.875rem;opacity:.9;margin-bottom:.5rem;font-weight:500}.kpi-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem;font-family:JetBrains Mono,monospace}.kpi-trend{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.kpi-subtitle{font-size:.8125rem;opacity:.8}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.executive-summary .insight-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.insight-title{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;color:#fff}.insight-empty{color:#ffffffb3;font-size:.9375rem;margin:0;text-align:center;padding:2rem 0}.top-performers-list{display:flex;flex-direction:column;gap:1rem}.top-performer-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:8px;transition:all .2s}.top-performer-item:hover{background:#ffffff26;transform:translate(4px)}.performer-rank{font-size:1.5rem;line-height:1}.performer-info{flex:1;min-width:0}.performer-name{font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.performer-stats{font-size:.8125rem;opacity:.8}.performer-score{font-size:1.5rem;font-weight:700;font-family:JetBrains Mono,monospace}.trend-item{display:grid;grid-template-columns:120px 1fr 60px;gap:1rem;align-items:center;margin-bottom:1rem}.trend-item:last-child{margin-bottom:0}.trend-label{font-size:.875rem;font-weight:500}.trend-bar-container{height:12px;background:#fff3;border-radius:6px;overflow:hidden}.trend-bar{height:100%;border-radius:6px;transition:width .6s ease;box-shadow:0 2px 8px #0003}.trend-value{text-align:right;font-weight:700;font-family:JetBrains Mono,monospace;font-size:.875rem}.quick-insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;font-size:.875rem;font-weight:500;line-height:1.5}.insight-item.positive{background:#10b98133;border:1px solid rgba(16,185,129,.3)}.insight-item.warning{background:#f59e0b33;border:1px solid rgba(245,158,11,.3)}.insight-item.neutral{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.insight-icon{font-size:1.25rem;line-height:1;flex-shrink:0}@media(max-width:768px){.executive-summary{padding:1.5rem}.executive-summary-header{flex-direction:column}.time-range-selector{width:100%;justify-content:stretch}.time-range-selector button{flex:1;padding:.625rem .5rem}.kpi-grid,.insights-grid{grid-template-columns:1fr}.trend-item{grid-template-columns:100px 1fr 50px;gap:.75rem}.kpi-value{font-size:1.75rem}}@media(max-width:480px){.kpi-icon{width:48px;height:48px;font-size:1.5rem}.kpi-value{font-size:1.5rem}}.manager-schedule-view{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:2rem;animation:fadeIn .3s ease-out}.schedule-view-header{max-width:1600px;margin:0 auto 2rem;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 24px #00000014;border:2px solid #e2e8f0}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-top h2{font-size:2rem;font-weight:800;color:#1e293b;margin:0;display:flex;align-items:center;gap:.75rem}.header-top h2:before{content:"🗓️";font-size:2.25rem}.btn-close-view{padding:.875rem 1.75rem;background:#f1f5f9;color:#475569;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-close-view:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.header-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.view-toggle{display:flex;gap:.5rem;background:#f8fafc;padding:.375rem;border-radius:12px;border:2px solid #e2e8f0}.toggle-btn{padding:.625rem 1.25rem;border:none;background:transparent;border-radius:8px;font-weight:600;font-size:.9375rem;color:#64748b;cursor:pointer;transition:all .2s}.toggle-btn:hover{color:#3b82f6}.toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.filters{display:flex;gap:.75rem;flex-wrap:wrap;flex:1;justify-content:center}.filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;font-size:.9375rem;color:#475569;background:#fff;cursor:pointer;transition:all .2s;min-width:180px}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:hover{border-color:#cbd5e1}.btn-add-schedule-manager{padding:.875rem 1.75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d;white-space:nowrap}.btn-add-schedule-manager:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.calendar-view-manager{max-width:1600px;margin:0 auto;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 24px #00000014;border:2px solid #e2e8f0}.calendar-grid-manager{display:flex;flex-direction:column;gap:.75rem}.calendar-days-manager{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem}.calendar-day-manager{min-height:120px;padding:.875rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;transition:all .2s;position:relative;overflow-y:auto}.calendar-day-manager.empty{background:transparent;border-color:transparent}.calendar-day-manager.today{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.calendar-day-manager.has-schedule{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.calendar-day-manager:hover:not(.empty){transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.day-schedules{display:flex;flex-direction:column;gap:.5rem;flex:1}.schedule-chip{padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.schedule-chip:hover{transform:scale(1.02);box-shadow:0 4px 8px #0000001f}.schedule-chip.certification{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.schedule-chip.recertification{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.schedule-chip.completed{opacity:.6;text-decoration:line-through}.schedule-chip.cancelled{opacity:.4;background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.chip-tech{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-category{font-weight:800;background:#0000001a;padding:.125rem .5rem;border-radius:4px}.list-view-manager{max-width:1600px;margin:0 auto}.schedules-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#3b82f6)}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-value{font-size:2.5rem;font-weight:900;color:#1e293b}.stat-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:center}.schedules-table{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #00000014;border:2px solid #e2e8f0}.table-header{display:grid;grid-template-columns:1.5fr 1.2fr 1.5fr .8fr 1.2fr .8fr 1.2fr;padding:1.5rem;background:#f8fafc;font-weight:700;font-size:.8125rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;gap:1rem}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.5fr .8fr 1.2fr .8fr 1.2fr;padding:1.5rem;border-bottom:1px solid #f1f5f9;transition:all .2s;align-items:center;gap:1rem}.table-row:hover{background:#f8fafc}.table-row.urgent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626}.table-row.urgent:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.col-tech strong{color:#1e293b;font-weight:700}.col-date{display:flex;flex-direction:column;gap:.25rem}.days-until{font-size:.75rem;font-weight:600;color:#f59e0b;background:#fef3c7;padding:.25rem .5rem;border-radius:4px;display:inline-block;align-self:flex-start}.col-category{display:flex;flex-direction:column;gap:.25rem}.category-badge{font-weight:800;font-size:.875rem;color:#1e293b;background:#e0e7ff;padding:.25rem .625rem;border-radius:6px;display:inline-block;align-self:flex-start}.category-name-small{font-size:.75rem;color:#64748b}.type-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block;align-self:flex-start}.type-badge.certification{background:#d1fae5;color:#065f46}.type-badge.recertification{background:#dbeafe;color:#1e40af}.status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.scheduled{background:#dbeafe;color:#1e40af}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#f1f5f9;color:#64748b}.status-badge.rescheduled{background:#fef3c7;color:#92400e}.col-actions{display:flex;gap:.5rem}.btn-edit-small,.btn-delete-small{padding:.5rem .875rem;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;border:none}.btn-edit-small{background:#eff6ff;color:#2563eb}.btn-edit-small:hover{background:#2563eb;color:#fff}.btn-delete-small{background:#fef2f2;color:#dc2626}.btn-delete-small:hover{background:#dc2626;color:#fff}.modal-content-manager{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.schedule-form-manager{padding:2rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.manager-schedule-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:#64748b;font-weight:600}.manager-schedule-loading:before{content:"";width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-right:1rem}@media(max-width:1200px){.table-header,.table-row{grid-template-columns:1.5fr 1.2fr 1.2fr .8fr 1fr 1fr;font-size:.8125rem}.col-location{display:none}}@media(max-width:1024px){.header-controls{flex-direction:column;align-items:stretch}.filters{justify-content:stretch}.filter-select{flex:1;min-width:auto}.calendar-days-manager{gap:.5rem}.calendar-day-manager{min-height:100px}}@media(max-width:768px){.manager-schedule-view{padding:1rem}.schedule-view-header{padding:1.5rem}.header-top{flex-direction:column;align-items:stretch}.calendar-view-manager{padding:1.5rem}.table-header{display:none}.table-row{grid-template-columns:1fr;padding:1.5rem;gap:.75rem;border-bottom:2px solid #e2e8f0}.col-tech,.col-date,.col-category,.col-type,.col-location,.col-status{display:flex;justify-content:space-between;align-items:center}.col-tech:before,.col-date:before,.col-category:before,.col-type:before,.col-location:before,.col-status:before{content:attr(data-label);font-weight:700;color:#64748b;font-size:.75rem;text-transform:uppercase}.col-actions{width:100%;justify-content:stretch}.btn-edit-small,.btn-delete-small{flex:1}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.header-top h2{font-size:1.5rem}.view-toggle{width:100%}.toggle-btn{flex:1}.calendar-days-manager{gap:.25rem}.calendar-day-manager{min-height:70px;padding:.5rem}.schedule-chip{font-size:.625rem;padding:.375rem .5rem}}.mgrdash{--mgrdash-primary: #3b82f6;--mgrdash-primary-dark: #2563eb;--mgrdash-primary-light: #dbeafe;--mgrdash-primary-glow: rgba(59, 130, 246, .4);--mgrdash-success: #10b981;--mgrdash-success-dark: #059669;--mgrdash-success-light: #d1fae5;--mgrdash-success-glow: rgba(16, 185, 129, .4);--mgrdash-warning: #f59e0b;--mgrdash-warning-dark: #d97706;--mgrdash-warning-light: #fef3c7;--mgrdash-warning-glow: rgba(245, 158, 11, .4);--mgrdash-error: #ef4444;--mgrdash-error-dark: #dc2626;--mgrdash-error-light: #fee2e2;--mgrdash-error-glow: rgba(239, 68, 68, .4);--mgrdash-purple: #8b5cf6;--mgrdash-purple-dark: #7c3aed;--mgrdash-purple-light: #ede9fe;--mgrdash-purple-glow: rgba(139, 92, 246, .4);--mgrdash-text-primary: #0f172a;--mgrdash-text-secondary: #475569;--mgrdash-text-muted: #94a3b8;--mgrdash-bg-page: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0fdf4 100%);--mgrdash-bg-card: rgba(255, 255, 255, .85);--mgrdash-bg-card-solid: #ffffff;--mgrdash-border: rgba(226, 232, 240, .8);--mgrdash-border-light: rgba(241, 245, 249, .9);--mgrdash-glass-bg: rgba(255, 255, 255, .7);--mgrdash-glass-border: rgba(255, 255, 255, .3);--mgrdash-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--mgrdash-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--mgrdash-shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04);--mgrdash-shadow-xl: 0 24px 60px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .06);--mgrdash-shadow-glow: 0 0 40px rgba(59, 130, 246, .15);--mgrdash-radius-sm: 10px;--mgrdash-radius-md: 14px;--mgrdash-radius-lg: 18px;--mgrdash-radius-xl: 24px;--mgrdash-radius-2xl: 32px;--mgrdash-transition: .3s cubic-bezier(.4, 0, .2, 1);--mgrdash-transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}.mgrdash{min-height:100vh;background:var(--mgrdash-bg-page);position:relative;overflow-x:hidden}.mgrdash-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.mgrdash-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:mgrdash-float 20s ease-in-out infinite}.mgrdash-ambient-orb.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);top:-200px;right:-100px;animation-delay:0s}.mgrdash-ambient-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);bottom:-150px;left:-100px;animation-delay:-7s}.mgrdash-ambient-orb.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);top:40%;left:30%;animation-delay:-14s}@keyframes mgrdash-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.mgrdash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem;position:relative;z-index:1}.mgrdash-loading-spinner{position:relative;width:80px;height:80px}.mgrdash-spinner-orbit{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:mgrdash-orbit 2s linear infinite}.mgrdash-spinner-orbit:nth-child(1){border-color:#3b82f633;border-top-color:var(--mgrdash-primary);animation-duration:1.5s}.mgrdash-spinner-orbit:nth-child(2){inset:10px;border-color:#10b98133;border-right-color:var(--mgrdash-success);animation-duration:2s;animation-direction:reverse}.mgrdash-spinner-orbit:nth-child(3){inset:20px;border-color:#8b5cf633;border-bottom-color:var(--mgrdash-purple);animation-duration:2.5s}.mgrdash-spinner-dot{position:absolute;width:8px;height:8px;background:currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.mgrdash-spinner-orbit:nth-child(1) .mgrdash-spinner-dot{background:var(--mgrdash-primary);box-shadow:0 0 12px var(--mgrdash-primary-glow)}.mgrdash-spinner-orbit:nth-child(2) .mgrdash-spinner-dot{background:var(--mgrdash-success);box-shadow:0 0 12px var(--mgrdash-success-glow)}.mgrdash-spinner-orbit:nth-child(3) .mgrdash-spinner-dot{background:var(--mgrdash-purple);box-shadow:0 0 12px var(--mgrdash-purple-glow)}.mgrdash-spinner-core{position:absolute;inset:30px;background:linear-gradient(135deg,var(--mgrdash-primary) 0%,var(--mgrdash-purple) 100%);border-radius:50%;animation:mgrdash-pulse 1.5s ease-in-out infinite}@keyframes mgrdash-orbit{to{transform:rotate(360deg)}}@keyframes mgrdash-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.mgrdash-loading-text{font-size:1rem;font-weight:600;color:var(--mgrdash-text-secondary);letter-spacing:.02em}.mgrdash-loading-bar{width:200px;height:4px;background:var(--mgrdash-border);border-radius:4px;overflow:hidden}.mgrdash-loading-progress{height:100%;width:40%;background:linear-gradient(90deg,var(--mgrdash-primary),var(--mgrdash-purple),var(--mgrdash-primary));background-size:200% 100%;border-radius:4px;animation:mgrdash-progress 1.5s ease-in-out infinite}@keyframes mgrdash-progress{0%{transform:translate(-100%);background-position:0% 50%}to{transform:translate(350%);background-position:100% 50%}}.mgrdash-header{position:sticky;top:0;z-index:100;background:var(--mgrdash-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--mgrdash-glass-border)}.mgrdash-header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.mgrdash-brand{display:flex;align-items:center;gap:1rem}.mgrdash-logo{position:relative;width:56px;height:56px}.mgrdash-logo-inner{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mgrdash-primary) 0%,var(--mgrdash-primary-dark) 100%);border-radius:var(--mgrdash-radius-md);color:#fff;box-shadow:var(--mgrdash-shadow-md)}.mgrdash-logo-glow{position:absolute;inset:-4px;background:linear-gradient(135deg,var(--mgrdash-primary-glow),var(--mgrdash-purple-glow));border-radius:var(--mgrdash-radius-lg);filter:blur(12px);opacity:.6;animation:mgrdash-logo-pulse 3s ease-in-out infinite}@keyframes mgrdash-logo-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.mgrdash-brand-text h1{font-size:1.375rem;font-weight:800;color:var(--mgrdash-text-primary);margin:0;letter-spacing:-.02em}.mgrdash-shop-badge{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.mgrdash-shop-indicator{width:8px;height:8px;background:var(--mgrdash-success);border-radius:50%;box-shadow:0 0 8px var(--mgrdash-success-glow);animation:mgrdash-pulse 2s ease-in-out infinite}.mgrdash-shop-badge span:last-child{font-size:.8125rem;font-weight:500;color:var(--mgrdash-text-secondary)}.mgrdash-header-actions{display:flex;align-items:center;gap:.75rem}.mgrdash-header-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--mgrdash-bg-card-solid);border:1px solid var(--mgrdash-border);border-radius:var(--mgrdash-radius-md);font-size:.875rem;font-weight:600;color:var(--mgrdash-text-secondary);cursor:pointer;transition:all var(--mgrdash-transition)}.mgrdash-header-btn:hover{background:var(--mgrdash-border-light);color:var(--mgrdash-text-primary);transform:translateY(-1px)}.mgrdash-header-btn.profile:hover{border-color:var(--mgrdash-primary);color:var(--mgrdash-primary)}.mgrdash-header-btn.signout{background:var(--mgrdash-error-light);border-color:transparent;color:var(--mgrdash-error)}.mgrdash-header-btn.signout:hover{background:var(--mgrdash-error);color:#fff}.mgrdash-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.mgrdash-hero{position:relative;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:var(--mgrdash-radius-2xl);padding:2.5rem;overflow:hidden}.mgrdash-hero-content{position:relative;z-index:1}.mgrdash-hero-intro{margin-bottom:2rem}.mgrdash-hero-eyebrow{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,var(--mgrdash-primary) 0%,var(--mgrdash-purple) 100%);border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.mgrdash-hero-title{font-size:1.75rem;font-weight:700;color:var(--mgrdash-text-primary);margin:0;max-width:600px;line-height:1.3}.mgrdash-hero-decoration{position:absolute;top:50%;right:-50px;transform:translateY(-50%);width:400px;height:400px;pointer-events:none}.mgrdash-hero-ring{position:absolute;border-radius:50%;border:2px solid;animation:mgrdash-ring-rotate 20s linear infinite}.mgrdash-hero-ring.ring-1{inset:0;border-color:#3b82f626;animation-duration:25s}.mgrdash-hero-ring.ring-2{inset:40px;border-color:#8b5cf61f;animation-duration:20s;animation-direction:reverse}.mgrdash-hero-ring.ring-3{inset:80px;border-color:#10b9811a;animation-duration:15s}@keyframes mgrdash-ring-rotate{to{transform:rotate(360deg)}}.mgrdash-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.mgrdash-metric-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--mgrdash-bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--mgrdash-glass-border);border-radius:var(--mgrdash-radius-lg);box-shadow:var(--mgrdash-shadow-sm);transition:all var(--mgrdash-transition);overflow:hidden}.mgrdash-metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.5) 100%);opacity:0;transition:opacity var(--mgrdash-transition)}.mgrdash-metric-card:hover{transform:translateY(-4px);box-shadow:var(--mgrdash-shadow-lg),var(--mgrdash-shadow-glow)}.mgrdash-metric-card:hover:before{opacity:1}.mgrdash-metric-visual{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--mgrdash-radius-md);flex-shrink:0}.mgrdash-metric-visual.blue{background:var(--mgrdash-primary-light);color:var(--mgrdash-primary)}.mgrdash-metric-visual.green{background:var(--mgrdash-success-light);color:var(--mgrdash-success)}.mgrdash-metric-visual.amber{background:var(--mgrdash-warning-light);color:var(--mgrdash-warning)}.mgrdash-metric-visual.purple{background:var(--mgrdash-purple-light);color:var(--mgrdash-purple)}.mgrdash-metric-glow{position:absolute;inset:-8px;border-radius:var(--mgrdash-radius-lg);filter:blur(16px);opacity:0;transition:opacity var(--mgrdash-transition)}.mgrdash-metric-visual.blue .mgrdash-metric-glow{background:var(--mgrdash-primary-glow)}.mgrdash-metric-visual.green .mgrdash-metric-glow{background:var(--mgrdash-success-glow)}.mgrdash-metric-visual.amber .mgrdash-metric-glow{background:var(--mgrdash-warning-glow)}.mgrdash-metric-visual.purple .mgrdash-metric-glow{background:var(--mgrdash-purple-glow)}.mgrdash-metric-card:hover .mgrdash-metric-glow{opacity:1}.mgrdash-metric-data{flex:1;min-width:0}.mgrdash-metric-value{display:block;font-size:2rem;font-weight:800;color:var(--mgrdash-text-primary);line-height:1;letter-spacing:-.02em}.mgrdash-metric-unit{font-size:1.25rem;font-weight:600;opacity:.7}.mgrdash-metric-label{display:block;font-size:.8125rem;font-weight:500;color:var(--mgrdash-text-secondary);margin-top:.25rem}.mgrdash-metric-trend{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.mgrdash-metric-trend.up{background:var(--mgrdash-success-light);color:var(--mgrdash-success)}.mgrdash-metric-trend.down{background:var(--mgrdash-error-light);color:var(--mgrdash-error)}.mgrdash-glass-card{background:var(--mgrdash-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mgrdash-glass-border);border-radius:var(--mgrdash-radius-xl);box-shadow:var(--mgrdash-shadow-md);overflow:hidden;animation:mgrdash-card-enter .4s ease backwards}@keyframes mgrdash-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mgrdash-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--mgrdash-border-light);gap:1rem}.mgrdash-card-title{display:flex;align-items:center;gap:1rem}.mgrdash-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--mgrdash-radius-md);flex-shrink:0}.mgrdash-card-icon.blue{background:var(--mgrdash-primary-light);color:var(--mgrdash-primary)}.mgrdash-card-icon.green{background:var(--mgrdash-success-light);color:var(--mgrdash-success)}.mgrdash-card-icon.amber{background:var(--mgrdash-warning-light);color:var(--mgrdash-warning)}.mgrdash-card-icon.purple{background:var(--mgrdash-purple-light);color:var(--mgrdash-purple)}.mgrdash-card-title h2{font-size:1.125rem;font-weight:700;color:var(--mgrdash-text-primary);margin:0}.mgrdash-card-title p{font-size:.8125rem;color:var(--mgrdash-text-muted);margin:.125rem 0 0}.mgrdash-primary-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--mgrdash-primary) 0%,var(--mgrdash-primary-dark) 100%);border:none;border-radius:var(--mgrdash-radius-md);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--mgrdash-transition);box-shadow:0 4px 12px #3b82f640}.mgrdash-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.mgrdash-secondary-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--mgrdash-bg-card-solid);border:1px solid var(--mgrdash-border);border-radius:var(--mgrdash-radius-md);font-size:.875rem;font-weight:600;color:var(--mgrdash-text-secondary);cursor:pointer;transition:all var(--mgrdash-transition)}.mgrdash-secondary-btn:hover{border-color:var(--mgrdash-primary);color:var(--mgrdash-primary);background:var(--mgrdash-primary-light)}.mgrdash-link-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:none;font-size:.8125rem;font-weight:600;color:var(--mgrdash-primary);cursor:pointer;transition:all var(--mgrdash-transition);border-radius:var(--mgrdash-radius-sm)}.mgrdash-link-btn:hover{background:var(--mgrdash-primary-light)}.mgrdash-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.mgrdash-action-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--mgrdash-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--mgrdash-glass-border);border-radius:var(--mgrdash-radius-xl);cursor:pointer;transition:all var(--mgrdash-transition);overflow:hidden}.mgrdash-action-bg{position:absolute;inset:0;opacity:0;transition:opacity var(--mgrdash-transition)}.mgrdash-action-card.green .mgrdash-action-bg{background:linear-gradient(135deg,var(--mgrdash-success-light) 0%,rgba(16,185,129,.1) 100%)}.mgrdash-action-card.purple .mgrdash-action-bg{background:linear-gradient(135deg,var(--mgrdash-purple-light) 0%,rgba(139,92,246,.1) 100%)}.mgrdash-action-card.blue .mgrdash-action-bg{background:linear-gradient(135deg,var(--mgrdash-primary-light) 0%,rgba(59,130,246,.1) 100%)}.mgrdash-action-card.amber .mgrdash-action-bg{background:linear-gradient(135deg,var(--mgrdash-warning-light) 0%,rgba(245,158,11,.1) 100%)}.mgrdash-action-card:hover{transform:translateY(-4px);box-shadow:var(--mgrdash-shadow-lg)}.mgrdash-action-card:hover .mgrdash-action-bg{opacity:1}.mgrdash-action-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--mgrdash-radius-lg);flex-shrink:0;transition:all var(--mgrdash-transition)}.mgrdash-action-card.green .mgrdash-action-icon{background:var(--mgrdash-success-light);color:var(--mgrdash-success)}.mgrdash-action-card.purple .mgrdash-action-icon{background:var(--mgrdash-purple-light);color:var(--mgrdash-purple)}.mgrdash-action-card.blue .mgrdash-action-icon{background:var(--mgrdash-primary-light);color:var(--mgrdash-primary)}.mgrdash-action-card.amber .mgrdash-action-icon{background:var(--mgrdash-warning-light);color:var(--mgrdash-warning)}.mgrdash-action-card:hover .mgrdash-action-icon{transform:scale(1.1)}.mgrdash-action-card.green:hover .mgrdash-action-icon{background:var(--mgrdash-success);color:#fff;box-shadow:0 8px 24px var(--mgrdash-success-glow)}.mgrdash-action-card.purple:hover .mgrdash-action-icon{background:var(--mgrdash-purple);color:#fff;box-shadow:0 8px 24px var(--mgrdash-purple-glow)}.mgrdash-action-card.blue:hover .mgrdash-action-icon{background:var(--mgrdash-primary);color:#fff;box-shadow:0 8px 24px var(--mgrdash-primary-glow)}.mgrdash-action-card.amber:hover .mgrdash-action-icon{background:var(--mgrdash-warning);color:#fff;box-shadow:0 8px 24px var(--mgrdash-warning-glow)}.mgrdash-action-content{position:relative;z-index:1;flex:1;min-width:0}.mgrdash-action-content h3{font-size:1rem;font-weight:700;color:var(--mgrdash-text-primary);margin:0 0 .25rem}.mgrdash-action-content p{font-size:.8125rem;color:var(--mgrdash-text-muted);margin:0}.mgrdash-action-arrow{position:relative;z-index:1;color:var(--mgrdash-text-muted);flex-shrink:0;transition:all var(--mgrdash-transition)}.mgrdash-action-card:hover .mgrdash-action-arrow{transform:translate(4px)}.mgrdash-action-card.green:hover .mgrdash-action-arrow{color:var(--mgrdash-success)}.mgrdash-action-card.purple:hover .mgrdash-action-arrow{color:var(--mgrdash-purple)}.mgrdash-action-card.blue:hover .mgrdash-action-arrow{color:var(--mgrdash-primary)}.mgrdash-action-card.amber:hover .mgrdash-action-arrow{color:var(--mgrdash-warning)}.mgrdash-requests-list{padding:1rem 2rem 2rem;display:flex;flex-direction:column;gap:.75rem}.mgrdash-request-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--mgrdash-border-light);border:1px solid var(--mgrdash-border);border-radius:var(--mgrdash-radius-lg);transition:all var(--mgrdash-transition);animation:mgrdash-row-enter .3s ease backwards}@keyframes mgrdash-row-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mgrdash-request-item:hover{background:var(--mgrdash-bg-card-solid);box-shadow:var(--mgrdash-shadow-sm)}.mgrdash-request-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,var(--mgrdash-primary) 0%,var(--mgrdash-purple) 100%);border-radius:50%;flex-shrink:0}.mgrdash-request-avatar span{font-size:1.25rem;font-weight:700;color:#fff}.mgrdash-avatar-ring{position:absolute;inset:-3px;border:2px solid var(--mgrdash-primary);border-radius:50%;opacity:.3}.mgrdash-request-details{flex:1;min-width:0}.mgrdash-request-details h3{font-size:.9375rem;font-weight:700;color:var(--mgrdash-text-primary);margin:0 0 .125rem}.mgrdash-request-email{font-size:.8125rem;color:var(--mgrdash-text-secondary);margin:0}.mgrdash-request-notes{font-size:.8125rem;color:var(--mgrdash-text-muted);font-style:italic;margin:.375rem 0 0}.mgrdash-request-date{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--mgrdash-text-muted);margin-top:.375rem}.mgrdash-request-actions{display:flex;gap:.5rem;flex-shrink:0}.mgrdash-btn-approve,.mgrdash-btn-reject{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:var(--mgrdash-radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--mgrdash-transition)}.mgrdash-btn-approve{background:var(--mgrdash-success-light);color:var(--mgrdash-success)}.mgrdash-btn-approve:hover{background:var(--mgrdash-success);color:#fff;transform:translateY(-1px)}.mgrdash-btn-reject{background:var(--mgrdash-error-light);color:var(--mgrdash-error)}.mgrdash-btn-reject:hover{background:var(--mgrdash-error);color:#fff;transform:translateY(-1px)}.mgrdash-table-wrapper{overflow-x:auto;padding:0 0 1rem}.mgrdash-table{width:100%;border-collapse:collapse;min-width:700px}.mgrdash-table thead{background:linear-gradient(180deg,var(--mgrdash-border-light) 0%,rgba(241,245,249,.5) 100%)}.mgrdash-table th{padding:1rem 1.5rem;text-align:left;font-size:.6875rem;font-weight:700;color:var(--mgrdash-text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--mgrdash-border)}.mgrdash-table tbody tr{border-bottom:1px solid var(--mgrdash-border-light);transition:all var(--mgrdash-transition);animation:mgrdash-row-enter .3s ease backwards}.mgrdash-table tbody tr:last-child{border-bottom:none}.mgrdash-table tbody tr:hover{background:#3b82f608}.mgrdash-table tbody tr.overdue{background:#ef444408}.mgrdash-table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--mgrdash-text-primary);vertical-align:middle}.mgrdash-tech-cell{display:flex;align-items:center;gap:.875rem}.mgrdash-tech-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--mgrdash-primary) 0%,var(--mgrdash-primary-dark) 100%);border-radius:50%;flex-shrink:0}.mgrdash-tech-avatar span{font-size:1rem;font-weight:700;color:#fff}.mgrdash-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid white}.mgrdash-avatar-status.online{background:var(--mgrdash-success);box-shadow:0 0 8px var(--mgrdash-success-glow)}.mgrdash-tech-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.mgrdash-tech-name{background:none;border:none;padding:0;font-size:.875rem;font-weight:600;color:var(--mgrdash-primary);cursor:pointer;text-align:left;transition:color var(--mgrdash-transition)}.mgrdash-tech-name:hover{color:var(--mgrdash-primary-dark);text-decoration:underline}.mgrdash-tech-email{font-size:.75rem;color:var(--mgrdash-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgrdash-stat-pill{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.25rem .625rem;background:var(--mgrdash-border-light);border-radius:20px;font-size:.8125rem;font-weight:700;color:var(--mgrdash-text-primary)}.mgrdash-score-pill{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:700}.mgrdash-score-pill.pass{background:var(--mgrdash-success-light);color:var(--mgrdash-success-dark)}.mgrdash-score-pill.fail{background:var(--mgrdash-error-light);color:var(--mgrdash-error-dark)}.mgrdash-no-data{color:var(--mgrdash-text-muted)}.mgrdash-table-actions{display:flex;gap:.375rem}.mgrdash-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--mgrdash-border-light);border:1px solid transparent;border-radius:var(--mgrdash-radius-sm);color:var(--mgrdash-text-secondary);cursor:pointer;transition:all var(--mgrdash-transition)}.mgrdash-icon-btn:hover{transform:translateY(-2px)}.mgrdash-icon-btn.view:hover{background:var(--mgrdash-primary-light);border-color:var(--mgrdash-primary);color:var(--mgrdash-primary)}.mgrdash-icon-btn.assign:hover{background:var(--mgrdash-success-light);border-color:var(--mgrdash-success);color:var(--mgrdash-success)}.mgrdash-icon-btn.analytics:hover{background:var(--mgrdash-purple-light);border-color:var(--mgrdash-purple);color:var(--mgrdash-purple)}.mgrdash-icon-btn.delete:hover{background:var(--mgrdash-error-light);border-color:var(--mgrdash-error);color:var(--mgrdash-error)}.mgrdash-category-cell{display:flex;flex-direction:column;gap:.125rem}.mgrdash-category-code{font-size:.8125rem;font-weight:700;color:var(--mgrdash-primary);background:var(--mgrdash-primary-light);padding:.125rem .5rem;border-radius:4px;display:inline-block;width:fit-content}.mgrdash-category-name{font-size:.75rem;color:var(--mgrdash-text-muted)}.mgrdash-cell-name{font-weight:600;color:var(--mgrdash-text-primary)}.mgrdash-cell-date{font-size:.8125rem;color:var(--mgrdash-text-secondary)}.mgrdash-due-cell{display:flex;flex-direction:column;gap:.25rem}.mgrdash-due-date{font-size:.875rem;font-weight:500;color:var(--mgrdash-text-primary)}.mgrdash-due-tag{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--mgrdash-text-muted)}.mgrdash-due-tag.overdue{color:var(--mgrdash-error)}.mgrdash-due-tag.soon{color:var(--mgrdash-warning)}.mgrdash-status-pill{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.mgrdash-status-pill.pending{background:var(--mgrdash-border-light);color:var(--mgrdash-text-muted)}.mgrdash-status-pill.in_progress{background:var(--mgrdash-primary-light);color:var(--mgrdash-primary)}.mgrdash-status-pill.completed{background:var(--mgrdash-success-light);color:var(--mgrdash-success-dark)}.mgrdash-status-pill.overdue{background:var(--mgrdash-error-light);color:var(--mgrdash-error-dark)}.mgrdash-questions-cell{display:flex;align-items:center;gap:.25rem;font-family:monospace;font-size:.875rem}.mgrdash-correct{font-weight:700;color:var(--mgrdash-success)}.mgrdash-divider{color:var(--mgrdash-text-muted)}.mgrdash-total{color:var(--mgrdash-text-secondary)}.mgrdash-time-cell{font-family:monospace;font-size:.8125rem;color:var(--mgrdash-text-secondary);background:var(--mgrdash-border-light);padding:.25rem .5rem;border-radius:4px}.mgrdash-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:3rem}.mgrdash-empty-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:var(--mgrdash-border-light);border-radius:50%;color:var(--mgrdash-text-muted);margin-bottom:1.5rem}.mgrdash-empty-state h2{font-size:1.5rem;font-weight:700;color:var(--mgrdash-text-primary);margin:0 0 .5rem}.mgrdash-empty-state p{font-size:1rem;color:var(--mgrdash-text-secondary);margin:0;max-width:400px}.mgrdash-empty-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.mgrdash-empty-inline-icon{color:var(--mgrdash-text-muted);margin-bottom:1rem;opacity:.5}.mgrdash-empty-inline p{font-size:.9375rem;color:var(--mgrdash-text-secondary);margin:0;max-width:400px}.mgrdash-subpage-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--mgrdash-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--mgrdash-glass-border);gap:1rem}.mgrdash-subpage-title{display:flex;align-items:center;gap:1rem}.mgrdash-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--mgrdash-bg-card-solid);border:1px solid var(--mgrdash-border);border-radius:var(--mgrdash-radius-md);color:var(--mgrdash-text-secondary);cursor:pointer;transition:all var(--mgrdash-transition)}.mgrdash-back-btn:hover{background:var(--mgrdash-primary-light);border-color:var(--mgrdash-primary);color:var(--mgrdash-primary)}.mgrdash-subpage-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--mgrdash-radius-md)}.mgrdash-subpage-icon.blue{background:var(--mgrdash-primary-light);color:var(--mgrdash-primary)}.mgrdash-subpage-icon.green{background:var(--mgrdash-success-light);color:var(--mgrdash-success)}.mgrdash-subpage-icon.amber{background:var(--mgrdash-warning-light);color:var(--mgrdash-warning)}.mgrdash-subpage-icon.purple{background:var(--mgrdash-purple-light);color:var(--mgrdash-purple)}.mgrdash-subpage-title h1{font-size:1.25rem;font-weight:700;color:var(--mgrdash-text-primary);margin:0}.mgrdash-subpage-title p{font-size:.8125rem;color:var(--mgrdash-text-muted);margin:.125rem 0 0}.mgrdash-subpage-content{max-width:1400px;margin:0 auto;padding:2rem}@media(max-width:1024px){.mgrdash-metrics-grid,.mgrdash-quick-actions{grid-template-columns:repeat(2,1fr)}.mgrdash-hero-decoration{display:none}}@media(max-width:768px){.mgrdash-header-content{padding:.875rem 1rem;flex-wrap:wrap}.mgrdash-logo{width:44px;height:44px}.mgrdash-logo-inner svg{width:22px;height:22px}.mgrdash-brand-text h1{font-size:1.125rem}.mgrdash-shop-badge,.mgrdash-header-btn span{display:none}.mgrdash-header-btn{padding:.625rem}.mgrdash-main{padding:1rem;gap:1.5rem}.mgrdash-hero{padding:1.5rem}.mgrdash-hero-title{font-size:1.25rem}.mgrdash-metrics-grid{grid-template-columns:1fr;gap:.75rem}.mgrdash-metric-card{padding:1rem 1.25rem}.mgrdash-metric-value{font-size:1.5rem}.mgrdash-quick-actions{grid-template-columns:1fr;gap:.75rem}.mgrdash-action-card{padding:1rem 1.25rem}.mgrdash-card-header{flex-direction:column;align-items:flex-start;padding:1rem 1.25rem}.mgrdash-table th,.mgrdash-table td{padding:.75rem 1rem}.mgrdash-request-item{flex-direction:column;align-items:flex-start;gap:.75rem}.mgrdash-request-actions{width:100%}.mgrdash-btn-approve,.mgrdash-btn-reject{flex:1;justify-content:center}.mgrdash-subpage-header{flex-direction:column;align-items:flex-start;padding:1rem}.mgrdash-subpage-title h1{font-size:1rem}.mgrdash-subpage-content{padding:1rem}}@media(max-width:480px){.mgrdash-hero-eyebrow{font-size:.6875rem;padding:.25rem .625rem}.mgrdash-hero-title{font-size:1.125rem}.mgrdash-metric-visual{width:44px;height:44px}.mgrdash-action-icon{width:48px;height:48px}.mgrdash-tech-cell{flex-direction:column;align-items:flex-start;gap:.5rem}.mgrdash-table-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.mgrdash-ambient-orb,.mgrdash-spinner-orbit,.mgrdash-spinner-core,.mgrdash-loading-progress,.mgrdash-logo-glow,.mgrdash-shop-indicator,.mgrdash-hero-ring,.mgrdash-glass-card,.mgrdash-table tbody tr,.mgrdash-request-item{animation:none}.mgrdash-metric-card:hover,.mgrdash-action-card:hover{transform:none}}.intd-container{--intd-primary: #0c8ce9;--intd-primary-light: #e0f2fe;--intd-primary-dark: #0369a1;--intd-success: #10b981;--intd-success-light: #d1fae5;--intd-warning: #f59e0b;--intd-warning-light: #fef3c7;--intd-error: #ef4444;--intd-error-light: #fee2e2;--intd-text-primary: #1e293b;--intd-text-secondary: #64748b;--intd-text-tertiary: #94a3b8;--intd-bg-page: #f1f5f9;--intd-bg-card: #ffffff;--intd-border: #e2e8f0;--intd-border-light: #f1f5f9;--intd-radius-sm: 8px;--intd-radius-md: 12px;--intd-radius-lg: 16px;--intd-radius-xl: 20px;--intd-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--intd-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--intd-shadow-lg: 0 12px 32px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--intd-transition: .25s cubic-bezier(.4, 0, .2, 1)}.intd-container{max-width:1400px;margin:0 auto;padding:2rem 2.5rem;min-height:100vh;background:var(--intd-bg-page)}.intd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.intd-loading-spinner{position:relative;width:60px;height:60px}.intd-spinner-ring{position:absolute;inset:0;border:3px solid transparent;border-radius:50%}.intd-spinner-ring:nth-child(1){border-top-color:var(--intd-primary);animation:intd-spin 1s linear infinite}.intd-spinner-ring:nth-child(2){inset:6px;border-right-color:#38bdf8;animation:intd-spin 1.2s linear infinite reverse}.intd-spinner-ring:nth-child(3){inset:12px;border-bottom-color:#7dd3fc;animation:intd-spin 1.4s linear infinite}@keyframes intd-spin{to{transform:rotate(360deg)}}.intd-loading-text{color:var(--intd-text-secondary);font-size:1rem;font-weight:500;margin:0}.intd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:var(--intd-bg-card);border-radius:var(--intd-radius-xl);box-shadow:var(--intd-shadow-sm);border:1px solid var(--intd-border)}.intd-header-left{display:flex;align-items:center;gap:1.25rem}.intd-header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--intd-primary-light) 0%,#bae6fd 100%);border-radius:var(--intd-radius-lg);color:var(--intd-primary)}.intd-header-text{display:flex;flex-direction:column;gap:.25rem}.intd-title{font-size:1.625rem;font-weight:700;color:var(--intd-text-primary);margin:0;letter-spacing:-.02em}.intd-subtitle{color:var(--intd-text-secondary);font-size:.9375rem;margin:0}.intd-export-btn{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--intd-primary) 0%,var(--intd-primary-dark) 100%);color:#fff;border:none;border-radius:var(--intd-radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--intd-transition);box-shadow:0 4px 14px #0c8ce94d}.intd-export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c8ce966}.intd-export-btn:active{transform:translateY(0)}.intd-nav{margin-bottom:2rem}.intd-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--intd-bg-card);border-radius:var(--intd-radius-lg);box-shadow:var(--intd-shadow-sm);border:1px solid var(--intd-border);overflow-x:auto;scrollbar-width:none}.intd-tabs::-webkit-scrollbar{display:none}.intd-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.375rem;background:transparent;border:none;border-radius:var(--intd-radius-md);color:var(--intd-text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--intd-transition);white-space:nowrap;position:relative}.intd-tab:hover{color:var(--intd-primary);background:var(--intd-primary-light)}.intd-tab-active{color:#fff;background:linear-gradient(135deg,var(--intd-primary) 0%,var(--intd-primary-dark) 100%);box-shadow:0 4px 12px #0c8ce940}.intd-tab-active:hover{color:#fff;background:linear-gradient(135deg,var(--intd-primary) 0%,var(--intd-primary-dark) 100%)}.intd-tab-icon{font-size:1.125rem}.intd-tab-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--intd-error);color:#fff;border-radius:10px;font-size:.6875rem;font-weight:700}.intd-tab-active .intd-tab-badge{background:#fff;color:var(--intd-error)}.intd-content{animation:intd-fade-in .4s ease}@keyframes intd-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intd-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.intd-stat-card{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.75rem;background:var(--intd-bg-card);border-radius:var(--intd-radius-lg);box-shadow:var(--intd-shadow-sm);border:1px solid var(--intd-border);overflow:hidden;transition:all var(--intd-transition)}.intd-stat-card:hover{transform:translateY(-4px);box-shadow:var(--intd-shadow-md);border-color:var(--intd-primary)}.intd-stat-decoration{position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:linear-gradient(135deg,var(--intd-primary-light) 0%,transparent 60%);border-radius:50%;opacity:.5}.intd-stat-icon{position:relative;z-index:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--intd-radius-md);flex-shrink:0}.intd-stat-icon-primary{background:var(--intd-primary-light);color:var(--intd-primary)}.intd-stat-icon-warning{background:var(--intd-warning-light);color:var(--intd-warning)}.intd-stat-icon-success{background:var(--intd-success-light);color:var(--intd-success)}.intd-stat-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem}.intd-stat-value{font-size:2.25rem;font-weight:700;color:var(--intd-text-primary);line-height:1;letter-spacing:-.02em}.intd-stat-label{font-size:.875rem;color:var(--intd-text-secondary);font-weight:500}.intd-section{background:var(--intd-bg-card);border-radius:var(--intd-radius-xl);padding:1.75rem;box-shadow:var(--intd-shadow-sm);border:1px solid var(--intd-border)}.intd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.intd-section-title{font-size:1.25rem;font-weight:700;color:var(--intd-text-primary);margin:0;letter-spacing:-.01em}.intd-link-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--intd-primary);font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem .75rem;border-radius:var(--intd-radius-sm);transition:all var(--intd-transition)}.intd-link-btn:hover{background:var(--intd-primary-light)}.intd-header-meta{display:flex;align-items:center;gap:.5rem}.intd-meta-text{font-size:.875rem;color:var(--intd-text-tertiary);font-weight:500;padding:.375rem .875rem;background:var(--intd-border-light);border-radius:20px}.intd-filter-pills{display:flex;gap:.5rem}.intd-pill{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700}.intd-pill-critical{background:var(--intd-error-light);color:var(--intd-error)}.intd-pill-high{background:var(--intd-warning-light);color:var(--intd-warning)}.intd-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.intd-empty-icon{font-size:3.5rem;margin-bottom:1rem}.intd-empty-text{font-size:1.125rem;font-weight:600;color:var(--intd-text-primary);margin:0 0 .375rem}.intd-empty-subtext{font-size:.9375rem;color:var(--intd-text-secondary);margin:0}.intd-anomaly-list{display:flex;flex-direction:column;gap:1rem}.intd-anomaly-card{display:flex;background:var(--intd-bg-card);border-radius:var(--intd-radius-md);border:1px solid var(--intd-border);overflow:hidden;transition:all var(--intd-transition);animation:intd-slide-up .4s ease backwards}@keyframes intd-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.intd-anomaly-card:hover{box-shadow:var(--intd-shadow-md);transform:translate(4px)}.intd-anomaly-indicator{width:4px;flex-shrink:0}.intd-severity-low .intd-anomaly-indicator{background:var(--intd-success)}.intd-severity-medium .intd-anomaly-indicator{background:#eab308}.intd-severity-high .intd-anomaly-indicator{background:var(--intd-warning)}.intd-severity-critical .intd-anomaly-indicator{background:var(--intd-error)}.intd-anomaly-content{flex:1;padding:1.25rem 1.5rem}.intd-anomaly-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;gap:1rem}.intd-anomaly-type{font-weight:700;color:var(--intd-text-primary);font-size:1rem}.intd-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.intd-badge-low{background:var(--intd-success-light);color:#059669}.intd-badge-medium{background:#fef9c3;color:#ca8a04}.intd-badge-high{background:var(--intd-warning-light);color:#d97706}.intd-badge-critical{background:var(--intd-error-light);color:var(--intd-error)}.intd-anomaly-desc{color:var(--intd-text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 .75rem}.intd-anomaly-meta{display:flex;align-items:center;gap:1rem}.intd-anomaly-time{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--intd-text-tertiary)}.intd-benchmarks,.intd-anomalies-view,.intd-recommendations-view,.intd-trends-view{background:var(--intd-bg-card);border-radius:var(--intd-radius-xl);padding:1.75rem;box-shadow:var(--intd-shadow-sm);border:1px solid var(--intd-border)}.intd-metrics-list{display:flex;flex-direction:column;gap:.875rem}.intd-metric-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--intd-border-light);border-radius:var(--intd-radius-md);border:1px solid transparent;transition:all var(--intd-transition);animation:intd-slide-up .4s ease backwards}.intd-metric-row:hover{background:#fff;border-color:var(--intd-primary);box-shadow:var(--intd-shadow-sm);transform:translate(4px)}.intd-metric-main{display:flex;flex-direction:column;gap:.5rem}.intd-metric-name{font-weight:700;color:var(--intd-text-primary);font-size:1rem}.intd-metric-values{display:flex;align-items:center;gap:.875rem}.intd-metric-current{font-size:1.625rem;font-weight:700;color:var(--intd-primary);letter-spacing:-.02em}.intd-trend-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase}.intd-trend-up{background:var(--intd-success-light);color:#059669}.intd-trend-down{background:var(--intd-error-light);color:var(--intd-error)}.intd-trend-stable{background:var(--intd-border-light);color:var(--intd-text-secondary);border:1px solid var(--intd-border)}.intd-metric-compare{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.intd-compare-label{font-size:.75rem;color:var(--intd-text-tertiary)}.intd-compare-value{font-size:1.0625rem;font-weight:600;color:var(--intd-text-secondary)}.intd-anomaly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.intd-anomaly-detail{background:var(--intd-border-light);border-radius:var(--intd-radius-lg);overflow:hidden;transition:all var(--intd-transition);animation:intd-slide-up .4s ease backwards}.intd-anomaly-detail:hover{box-shadow:var(--intd-shadow-md);transform:translateY(-4px)}.intd-anomaly-detail.intd-severity-critical{border-left:4px solid var(--intd-error)}.intd-anomaly-detail.intd-severity-high{border-left:4px solid var(--intd-warning)}.intd-anomaly-detail.intd-severity-medium{border-left:4px solid #eab308}.intd-anomaly-detail.intd-severity-low{border-left:4px solid var(--intd-success)}.intd-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;gap:1rem}.intd-detail-title{font-size:1.0625rem;font-weight:700;color:var(--intd-text-primary);margin:0}.intd-detail-desc{color:var(--intd-text-secondary);font-size:.9375rem;line-height:1.6;margin:0;padding:0 1.5rem}.intd-detail-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.5rem;margin:1rem 0 0}.intd-info-item{display:flex;flex-direction:column;gap:.25rem}.intd-info-label{font-size:.6875rem;font-weight:600;color:var(--intd-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.intd-info-value{font-size:.9375rem;color:var(--intd-text-primary);font-weight:500}.intd-recommendation-box{margin:0 1rem 1rem;padding:1rem 1.25rem;background:#fff;border-radius:var(--intd-radius-md);border:1px solid var(--intd-border)}.intd-rec-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--intd-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.03em}.intd-rec-text{color:var(--intd-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.intd-rec-list{display:flex;flex-direction:column;gap:1rem}.intd-insight-card{display:flex;gap:1.25rem;padding:1.5rem;background:var(--intd-border-light);border-radius:var(--intd-radius-lg);border-left:4px solid var(--intd-primary);transition:all var(--intd-transition);animation:intd-slide-up .4s ease backwards}.intd-insight-card:hover{background:#fff;box-shadow:var(--intd-shadow-md);transform:translate(6px)}.intd-insight-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--intd-primary-light);color:var(--intd-primary);border-radius:var(--intd-radius-md);flex-shrink:0}.intd-insight-content{flex:1;min-width:0}.intd-insight-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.625rem}.intd-insight-title{font-size:1.0625rem;font-weight:700;color:var(--intd-text-primary);margin:0}.intd-priority{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.intd-priority-low{color:var(--intd-success)}.intd-priority-medium{color:#ca8a04}.intd-priority-high{color:var(--intd-warning)}.intd-priority-critical{color:var(--intd-error)}.intd-insight-text{color:var(--intd-text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.intd-insight-footer{padding-top:.875rem;border-top:1px solid var(--intd-border)}.intd-affected-entity{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--intd-text-tertiary)}.intd-trends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.intd-trend-card{padding:1.375rem;background:var(--intd-border-light);border-radius:var(--intd-radius-md);border:1px solid transparent;transition:all var(--intd-transition);animation:intd-slide-up .4s ease backwards}.intd-trend-card:hover{background:#fff;border-color:var(--intd-primary);box-shadow:var(--intd-shadow-sm);transform:translateY(-4px)}.intd-trend-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.intd-trend-period{font-size:.75rem;font-weight:600;color:var(--intd-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.intd-change-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.intd-change-badge.intd-positive{background:var(--intd-success-light);color:#059669}.intd-change-badge.intd-negative{background:var(--intd-error-light);color:var(--intd-error)}.intd-trend-main{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.intd-trend-metric{font-size:.9375rem;font-weight:600;color:var(--intd-text-primary)}.intd-trend-value{font-size:1.5rem;font-weight:700;color:var(--intd-primary);letter-spacing:-.02em}.intd-trend-bar{height:6px;background:var(--intd-border);border-radius:3px;overflow:hidden}.intd-trend-fill{height:100%;border-radius:3px;transition:width .6s ease}.intd-trend-fill.intd-positive{background:linear-gradient(90deg,var(--intd-success) 0%,#34d399 100%)}.intd-trend-fill.intd-negative{background:linear-gradient(90deg,var(--intd-error) 0%,#f87171 100%)}@media(max-width:1024px){.intd-container{padding:1.5rem}.intd-anomaly-grid{grid-template-columns:1fr}}@media(max-width:768px){.intd-container{padding:1rem}.intd-header{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.25rem}.intd-export-btn{justify-content:center}.intd-tabs{padding:.375rem;gap:.25rem}.intd-tab{padding:.75rem 1rem;font-size:.875rem}.intd-tab-label{display:none}.intd-tab-icon{font-size:1.25rem}.intd-stats-grid{grid-template-columns:1fr;gap:1rem}.intd-stat-card{padding:1.25rem}.intd-stat-value{font-size:1.875rem}.intd-section,.intd-benchmarks,.intd-anomalies-view,.intd-recommendations-view,.intd-trends-view{padding:1.25rem;border-radius:var(--intd-radius-lg)}.intd-trends-grid{grid-template-columns:1fr}.intd-metric-row{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.intd-metric-compare{align-items:flex-start;flex-direction:row;gap:.5rem}.intd-insight-card{flex-direction:column;gap:1rem}.intd-insight-top{flex-direction:column;align-items:flex-start;gap:.5rem}.intd-detail-info{grid-template-columns:1fr}}@media(max-width:480px){.intd-header-icon{width:48px;height:48px}.intd-header-icon svg{width:24px;height:24px}.intd-title{font-size:1.375rem}.intd-subtitle{font-size:.875rem}.intd-section-title{font-size:1.125rem}.intd-anomaly-content{padding:1rem}.intd-anomaly-type{font-size:.9375rem}}@media(prefers-reduced-motion:reduce){.intd-content,.intd-anomaly-card,.intd-metric-row,.intd-anomaly-detail,.intd-insight-card,.intd-trend-card{animation:none}.intd-spinner-ring{animation:intd-spin 2s linear infinite}.intd-stat-card:hover,.intd-anomaly-card:hover,.intd-metric-row:hover,.intd-insight-card:hover,.intd-trend-card:hover,.intd-export-btn:hover,.intd-anomaly-detail:hover{transform:none}}.authority-dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem}.authority-header{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.authority-header:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#f59e0b,#ef4444,#ec4899)}.authority-header h1{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:-1px}.header-subtitle{color:#64748b;font-size:1rem;margin:0 0 .5rem;font-weight:500}.data-freshness{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;margin-top:.5rem}.freshness-indicator{color:#10b981;font-size:.625rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.metrics-section{margin-bottom:2rem}.metrics-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:stretch}.metric-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:2px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column;min-height:280px}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#f59e0b}.metric-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;min-height:44px}.metric-header h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0;flex:1;line-height:1.3;padding-right:.5rem}.trend-indicator{padding:.375rem .75rem;border-radius:8px;font-weight:700;font-size:.875rem;flex-shrink:0;height:fit-content;white-space:nowrap}.trend-indicator.up{background:#d1fae5;color:#059669}.trend-indicator.down{background:#fee2e2;color:#dc2626}.trend-indicator.stable{background:#e0f2fe;color:#0284c7}.metric-value{font-size:2.5rem;font-weight:900;color:#1e293b;margin:0;line-height:1;height:60px;display:flex;align-items:baseline}.metric-details{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;flex:1}.detail-row{display:flex;justify-content:space-between;font-size:.875rem;color:#64748b;line-height:1.5;min-height:24px;align-items:center}.detail-row span:first-child{flex-shrink:0}.detail-row span:last-child{font-weight:700;color:#1e293b;text-align:right}.btn-export-small{background:#f1f5f9;color:#1e293b;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-top:auto;height:40px}.btn-export-small:hover{background:#f59e0b;color:#fff}.quick-insights-section{margin-bottom:2rem}.quick-insights-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.insight-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border-left:6px solid #e2e8f0;transition:all .3s ease}.insight-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.insight-card.trend{border-left-color:#3b82f6}.insight-card.anomaly{border-left-color:#f59e0b}.insight-card.prediction{border-left-color:#8b5cf6}.insight-card.benchmark{border-left-color:#10b981}.insight-type-badge{display:inline-block;padding:.25rem .75rem;background:#f1f5f9;color:#1e293b;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.insight-card h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;line-height:1.4}.insight-card p{color:#475569;line-height:1.6;margin-bottom:1rem}.insight-confidence{margin-bottom:1rem;padding:.5rem;background:#f8fafc;border-radius:8px;font-size:.875rem;color:#64748b;font-weight:600}.insight-actions{display:flex;gap:.75rem}.btn-summary,.btn-details{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-summary{background:#f59e0b;color:#fff}.btn-summary:hover{background:#d97706;transform:translateY(-2px)}.btn-details{background:#f1f5f9;color:#1e293b}.btn-details:hover{background:#e2e8f0}.insights-detailed-grid{display:grid;gap:1.5rem}.insight-detailed-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border-left:6px solid #e2e8f0;cursor:pointer;transition:all .3s ease}.insight-detailed-card:hover{box-shadow:0 8px 30px #0000001f}.insight-detailed-card.selected{border-left-color:#f59e0b;box-shadow:0 8px 30px #f59e0b33}.insight-detailed-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.type-badge{padding:.375rem .875rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;display:inline-block}.type-badge.trend{background:#dbeafe;color:#1e40af}.type-badge.anomaly{background:#fef3c7;color:#b45309}.type-badge.prediction{background:#ede9fe;color:#6b21a8}.type-badge.benchmark{background:#d1fae5;color:#065f46}.publication-status{display:flex;gap:.5rem;align-items:center}.ready-badge{padding:.375rem .875rem;background:#d1fae5;color:#065f46;border-radius:8px;font-size:.75rem;font-weight:700}.confidence-badge{padding:.375rem .875rem;background:#f1f5f9;color:#1e293b;border-radius:8px;font-size:.75rem;font-weight:700}.insight-expanded{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.key-findings{margin-bottom:1.5rem}.key-findings h4{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.key-findings ul{list-style:none;padding:0;margin:0}.key-findings li{padding:.75rem 1rem;background:#f8fafc;border-left:3px solid #f59e0b;border-radius:8px;margin-bottom:.5rem;color:#475569;line-height:1.5}.supporting-data{margin-bottom:1.5rem}.supporting-data h4{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.data-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.data-label{color:#64748b;font-weight:600;text-transform:capitalize}.data-value{color:#1e293b;font-weight:700}.export-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.btn-export,.btn-social{padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-export{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-export:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.btn-social{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.btn-social:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ec489966}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.report-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:2px solid #e2e8f0;transition:all .3s ease}.report-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#f59e0b}.report-type-badge{display:inline-block;padding:.375rem .875rem;background:#fef3c7;color:#b45309;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.report-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem;line-height:1.3}.report-summary{color:#475569;line-height:1.6;margin-bottom:1.5rem}.report-stats h4{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-item{display:flex;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px}.stat-label{color:#64748b;font-weight:600;font-size:.875rem}.stat-value{color:#1e293b;font-weight:700;font-size:.875rem}.report-metadata{margin:1.5rem 0;padding:1rem;background:#f8fafc;border-radius:8px}.metadata-item{font-size:.875rem;color:#475569;margin-bottom:.5rem;line-height:1.5}.metadata-item:last-child{margin-bottom:0}.format-options h4{font-size:.875rem;font-weight:700;color:#1e293b;margin:1rem 0 .5rem}.format-badges{display:flex;gap:.5rem;flex-wrap:wrap}.format-badge{padding:.25rem .75rem;background:#e0f2fe;color:#0c4a6e;border-radius:6px;font-size:.75rem;font-weight:600}.report-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.5rem}.btn-export-report{padding:.75rem;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-export-report:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.publishing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.publishing-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:2px solid #e2e8f0;transition:all .3s ease}.publishing-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.card-icon{font-size:3rem;margin-bottom:1rem}.publishing-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.publishing-card p{color:#64748b;line-height:1.5;margin-bottom:1rem}.asset-options,.webinar-options,.whitepaper-config{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.asset-options label,.webinar-options label,.whitepaper-config label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;cursor:pointer}.insight-selector{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:1rem;cursor:pointer}.template-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.template-btn{padding:.75rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.template-btn:hover{border-color:#f59e0b;background:#fffbeb}.newsletter-preview{padding:1rem;background:#f8fafc;border-radius:8px;margin-bottom:1rem}.newsletter-preview strong{display:block;margin-bottom:.5rem;color:#1e293b}.newsletter-preview ul{list-style:none;padding:0;margin:0}.newsletter-preview li{padding:.5rem 0;color:#475569;font-size:.875rem;border-bottom:1px solid #e2e8f0}.newsletter-preview li:last-child{border-bottom:none}.btn-generate{width:100%;padding:.875rem;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.analytics-grid{display:grid;gap:1.5rem}.analytics-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:2px solid #e2e8f0}.analytics-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.forecast-chart,.market-share-chart,.positioning-matrix{margin-bottom:1.5rem}.chart-placeholder{background:#f8fafc;border-radius:12px;padding:2rem;text-align:center;color:#94a3b8;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.forecast-bars{display:flex;align-items:flex-end;gap:.5rem;height:200px;width:100%;max-width:600px;margin-top:2rem}.forecast-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.forecast-bar{width:100%;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0;transition:all .3s ease}.forecast-bar-wrapper:hover .forecast-bar{background:linear-gradient(180deg,#f59e0b,#d97706);transform:scaleY(1.05)}.bar-label{margin-top:.5rem;font-size:.75rem;color:#64748b;font-weight:600}.forecast-details,.market-insights,.positioning-details{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1rem}.forecast-details p,.market-insights p,.positioning-details p{margin:.5rem 0;color:#475569;font-size:.875rem}.share-segments{display:flex;height:60px;border-radius:8px;overflow:hidden;margin-bottom:1rem}.segment{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;transition:all .3s ease}.segment:hover{opacity:.9;transform:scaleY(1.1)}.matrix-quadrants{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e2e8f0;margin-top:1rem}.quadrant{background:#f8fafc;padding:2rem;min-height:150px;display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;color:#64748b}.quadrant.leaders{background:#d1fae5;color:#065f46}.marker{position:absolute;width:12px;height:12px;background:#ef4444;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0000004d}.marker.your-position{top:30%;right:35%}.authority-footer{background:#fff;border-radius:16px;padding:2rem;margin-top:2rem;box-shadow:0 4px 20px #00000014}.footer-content{display:grid;gap:1rem}.methodology-note,.data-attribution,.freshness-info{color:#64748b;font-size:.875rem;line-height:1.6}.methodology-note strong,.data-attribution strong,.freshness-info strong{color:#1e293b;display:inline-block;margin-right:.5rem}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.insights-grid,.reports-grid{grid-template-columns:1fr}.publishing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.authority-dashboard{padding:1rem}.authority-header{flex-direction:column;align-items:flex-start;gap:1rem}.authority-header h1{font-size:1.5rem}.metrics-grid,.stats-grid,.report-actions,.publishing-grid,.template-options,.export-options{grid-template-columns:1fr}}.blog-management{padding:32px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.blog-header h1{font-size:32px;font-weight:700;color:#1a202c;margin:0;display:flex;align-items:center;gap:12px}.blog-header-actions{display:flex;gap:12px}.blog-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative}.search-box input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#718096;font-size:18px}.filter-group{display:flex;gap:8px}.filter-btn{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;color:#4a5568}.filter-btn:hover{border-color:#667eea;color:#667eea;background:#f7fafc}.filter-btn.active{background:#667eea;color:#fff;border-color:#667eea}.blog-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.blog-list-header{display:grid;grid-template-columns:1fr 120px 150px 150px 120px;padding:16px 24px;background:#f8f9fa;border-bottom:2px solid #e2e8f0;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#4a5568}.blog-list-item{display:grid;grid-template-columns:1fr 120px 150px 150px 120px;padding:20px 24px;border-bottom:1px solid #e2e8f0;align-items:center;transition:all .2s}.blog-list-item:hover{background:#f8f9fa}.blog-list-item:last-child{border-bottom:none}.post-title-cell{display:flex;flex-direction:column;gap:4px}.post-title{font-size:16px;font-weight:600;color:#1a202c;margin:0}.post-excerpt{font-size:13px;color:#718096;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#c6f6d5;color:#22543d}.status-badge.draft{background:#fed7d7;color:#742a2a}.post-date{font-size:13px;color:#718096}.post-actions{display:flex;gap:8px}.action-btn{padding:8px 12px;border:none;background:#edf2f7;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;color:#4a5568;transition:all .2s}.action-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.action-btn.primary{background:#667eea;color:#fff}.action-btn.primary:hover{background:#5568d3}.action-btn.danger{background:#fc8181;color:#fff}.action-btn.danger:hover{background:#f56565}.blog-editor-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;overflow-y:auto}.blog-editor{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.editor-header{padding:24px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.editor-header h2{font-size:24px;font-weight:700;margin:0}.editor-header-actions{display:flex;gap:12px}.editor-body{padding:32px;overflow-y:auto;flex:1}.editor-section{margin-bottom:32px}.editor-section h3{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 16px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.rich-text-editor{border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;gap:4px;padding:12px;background:#f8f9fa;border-bottom:2px solid #e2e8f0;flex-wrap:wrap}.toolbar-btn{padding:8px 12px;border:none;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#4a5568;transition:all .2s;display:flex;align-items:center;gap:4px}.toolbar-btn:hover{background:#e2e8f0}.toolbar-btn.active{background:#667eea;color:#fff}.editor-content{min-height:400px;padding:20px;font-size:15px;line-height:1.8;color:#2d3748}.editor-content:focus{outline:none}.editor-content h1{font-size:32px;font-weight:700;margin:24px 0 16px;color:#1a202c}.editor-content h2{font-size:28px;font-weight:700;margin:20px 0 12px;color:#1a202c}.editor-content h3{font-size:24px;font-weight:600;margin:16px 0 8px;color:#1a202c}.editor-content p{margin:12px 0}.editor-content ul,.editor-content ol{margin:12px 0;padding-left:32px}.editor-content li{margin:8px 0}.editor-content a{color:#667eea;text-decoration:underline}.editor-content blockquote{border-left:4px solid #667eea;padding-left:16px;margin:16px 0;color:#4a5568;font-style:italic}.editor-content code{background:#f8f9fa;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;color:#e53e3e}.editor-content pre{background:#2d3748;color:#f7fafc;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.editor-content pre code{background:none;color:inherit;padding:0}.tags-input-container{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;min-height:48px}.tag-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea;color:#fff;border-radius:20px;font-size:13px;font-weight:600}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.tag-remove:hover{background:#fff3}.tags-input{flex:1;min-width:150px;border:none;outline:none;font-size:14px;padding:6px}.publish-controls{display:flex;gap:16px;align-items:center;padding:20px;background:#f8f9fa;border-radius:8px}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:relative;width:56px;height:28px;background:#cbd5e0;border-radius:28px;transition:all .3s}.toggle-switch input:checked+.toggle-slider{background:#48bb78}.toggle-slider:before{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px)}.toggle-label{font-size:15px;font-weight:600;color:#2d3748}.empty-state{text-align:center;padding:80px 20px;color:#718096}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:#4a5568;margin:0 0 8px}.empty-state p{font-size:15px;margin:0}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{padding:12px 24px;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#cbd5e0;background:#f8f9fa}@media(max-width:1024px){.blog-list-header,.blog-list-item{grid-template-columns:1fr 100px 100px}.blog-list-header span:nth-child(3),.blog-list-header span:nth-child(4),.blog-list-item>div:nth-child(3),.blog-list-item>div:nth-child(4){display:none}}@media(max-width:768px){.blog-management{padding:16px}.blog-header{flex-direction:column;align-items:flex-start;gap:16px}.blog-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.blog-list-header{display:none}.blog-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.post-actions{width:100%;justify-content:flex-end}.editor-body{padding:20px}.editor-toolbar{flex-wrap:wrap}}.literacy-results-container{--literacy-primary: #3b82f6;--literacy-primary-dark: #2563eb;--literacy-primary-light: #eff6ff;--literacy-success: #10b981;--literacy-success-light: #ecfdf5;--literacy-warning: #f59e0b;--literacy-warning-light: #fffbeb;--literacy-error: #ef4444;--literacy-error-light: #fef2f2;--literacy-teal: #14b8a6;--literacy-teal-light: #f0fdfa;--literacy-text-primary: #1e293b;--literacy-text-secondary: #64748b;--literacy-text-muted: #94a3b8;--literacy-bg-page: #f8fafc;--literacy-bg-card: #ffffff;--literacy-border: #e2e8f0;--literacy-border-light: #f1f5f9;--literacy-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--literacy-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--literacy-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--literacy-radius-sm: 8px;--literacy-radius-md: 12px;--literacy-radius-lg: 16px;--literacy-radius-xl: 20px;--literacy-transition: .25s cubic-bezier(.4, 0, .2, 1)}.literacy-header{margin-bottom:2rem}.literacy-header h1{font-size:1.75rem;font-weight:800;color:var(--literacy-text-primary);margin:0 0 .5rem;line-height:1.2}.literacy-header p{font-size:.9375rem;color:var(--literacy-text-secondary);margin:0}.literacy-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.literacy-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--literacy-bg-card);border-radius:var(--literacy-radius-lg);border:1px solid var(--literacy-border);box-shadow:var(--literacy-shadow-sm);transition:all var(--literacy-transition)}.literacy-stat-card:hover{transform:translateY(-2px);box-shadow:var(--literacy-shadow-md)}.literacy-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--literacy-radius-md);flex-shrink:0}.literacy-stat-icon.blue{background:var(--literacy-primary-light);color:var(--literacy-primary)}.literacy-stat-icon.green{background:var(--literacy-success-light);color:var(--literacy-success)}.literacy-stat-icon.amber{background:var(--literacy-warning-light);color:var(--literacy-warning)}.literacy-stat-icon.teal{background:var(--literacy-teal-light);color:var(--literacy-teal)}.literacy-stat-content{display:flex;flex-direction:column;gap:.125rem}.literacy-stat-value{font-size:1.75rem;font-weight:800;color:var(--literacy-text-primary);line-height:1}.literacy-stat-label{font-size:.8125rem;font-weight:500;color:var(--literacy-text-secondary)}.literacy-controls-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.literacy-search-bar{flex:1;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--literacy-bg-card);border:1px solid var(--literacy-border);border-radius:var(--literacy-radius-lg);box-shadow:var(--literacy-shadow-sm)}.literacy-search-bar svg{color:var(--literacy-text-muted);flex-shrink:0}.literacy-search-input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--literacy-text-primary);outline:none}.literacy-search-input::placeholder{color:var(--literacy-text-muted)}.literacy-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--literacy-bg-card);border:1px solid var(--literacy-border);border-radius:var(--literacy-radius-md);font-size:.9375rem;font-weight:500;color:var(--literacy-text-primary);cursor:pointer;transition:all var(--literacy-transition);box-shadow:var(--literacy-shadow-sm)}.literacy-filter-toggle:hover{border-color:var(--literacy-primary);background:var(--literacy-primary-light);color:var(--literacy-primary)}.literacy-filter-toggle.active{background:var(--literacy-primary);border-color:var(--literacy-primary);color:#fff}.literacy-filter-count{display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--literacy-error);color:#fff;font-size:.75rem;font-weight:700;border-radius:999px}.literacy-filter-toggle.active .literacy-filter-count{background:#fff;color:var(--literacy-primary)}.literacy-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--literacy-bg-card);border:1px solid var(--literacy-border);border-radius:var(--literacy-radius-md);font-size:.9375rem;font-weight:500;color:var(--literacy-text-secondary);cursor:pointer;transition:all var(--literacy-transition);box-shadow:var(--literacy-shadow-sm)}.literacy-reset-btn:hover{border-color:var(--literacy-error);background:var(--literacy-error-light);color:var(--literacy-error)}.literacy-filters-panel{background:var(--literacy-bg-card);border:1px solid var(--literacy-border);border-radius:var(--literacy-radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--literacy-shadow-md);animation:literacy-slide-down .3s ease}@keyframes literacy-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.literacy-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.literacy-filter-group{display:flex;flex-direction:column;gap:.5rem}.literacy-filter-label{font-size:.8125rem;font-weight:600;color:var(--literacy-text-secondary);text-transform:uppercase;letter-spacing:.03em}.literacy-filter-select,.literacy-filter-input{padding:.75rem 1rem;background:var(--literacy-bg-page);border:1px solid var(--literacy-border);border-radius:var(--literacy-radius-sm);font-size:.9375rem;color:var(--literacy-text-primary);outline:none;transition:all var(--literacy-transition)}.literacy-filter-select:focus,.literacy-filter-input:focus{border-color:var(--literacy-primary);background:var(--literacy-bg-card);box-shadow:0 0 0 3px var(--literacy-primary-light)}.literacy-range-inputs{display:flex;align-items:center;gap:.5rem}.literacy-range-inputs .literacy-filter-input{flex:1;min-width:0}.literacy-range-separator{font-size:.875rem;color:var(--literacy-text-muted);font-weight:500}.literacy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;gap:1.5rem}.literacy-spinner{width:48px;height:48px;border:4px solid var(--literacy-border-light);border-top-color:var(--literacy-primary);border-radius:50%;animation:literacy-spin 1s linear infinite}@keyframes literacy-spin{to{transform:rotate(360deg)}}.literacy-loading span{font-size:.9375rem;font-weight:500;color:var(--literacy-text-secondary)}.literacy-loading-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--literacy-text-secondary);font-weight:500}.literacy-spinner-small{width:20px;height:20px;border:2px solid var(--literacy-border-light);border-top-color:var(--literacy-primary);border-radius:50%;animation:literacy-spin .8s linear infinite}.literacy-results-table-container{background:var(--literacy-bg-card);border-radius:var(--literacy-radius-xl);border:1px solid var(--literacy-border);overflow:hidden;box-shadow:var(--literacy-shadow-sm)}.literacy-results-table{width:100%;border-collapse:collapse}.literacy-results-table thead{background:linear-gradient(135deg,var(--literacy-primary) 0%,var(--literacy-primary-dark) 100%)}.literacy-results-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.literacy-results-table tbody tr{border-bottom:1px solid var(--literacy-border-light);transition:background var(--literacy-transition);animation:literacy-fade-in .3s ease backwards}@keyframes literacy-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.literacy-result-row{cursor:pointer}.literacy-result-row:hover{background:var(--literacy-border-light)}.literacy-result-row.selected{background:var(--literacy-primary-light)}.literacy-results-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--literacy-text-primary);vertical-align:middle}.literacy-tech-info{display:flex;align-items:center;gap:.875rem}.literacy-tech-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--literacy-primary) 0%,var(--literacy-primary-dark) 100%);border-radius:50%;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.literacy-tech-name{font-weight:600;color:var(--literacy-text-primary);margin-bottom:.125rem}.literacy-tech-email{font-size:.8125rem;color:var(--literacy-text-secondary)}.literacy-location{font-weight:500;color:var(--literacy-text-primary)}.literacy-attempts-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .625rem;background:var(--literacy-primary-light);border-radius:999px;font-size:.8125rem;font-weight:700;color:var(--literacy-primary-dark)}.literacy-score{font-size:.9375rem;font-weight:700}.literacy-score.pass{color:var(--literacy-success)}.literacy-score.fail{color:var(--literacy-error)}.literacy-score-band{display:inline-block;padding:.375rem .75rem;background:var(--literacy-border-light);border-radius:var(--literacy-radius-sm);font-size:.75rem;font-weight:600;color:var(--literacy-text-secondary)}.literacy-status-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.literacy-status-badge.pass{background:var(--literacy-success-light);color:#065f46}.literacy-status-badge.fail{background:var(--literacy-error-light);color:#991b1b}.literacy-history-row{background:var(--literacy-border-light)}.literacy-history-panel{padding:2rem;animation:literacy-slide-down .3s ease}.literacy-history-panel h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;color:var(--literacy-text-primary);margin:0 0 1.5rem}.literacy-history-panel h3 svg{color:var(--literacy-primary)}.literacy-history-list{display:flex;flex-direction:column;gap:1rem}.literacy-history-card{padding:1.25rem;background:var(--literacy-bg-card);border:1px solid var(--literacy-border);border-radius:var(--literacy-radius-lg);box-shadow:var(--literacy-shadow-sm);transition:all var(--literacy-transition)}.literacy-history-card:hover{border-color:var(--literacy-primary);box-shadow:var(--literacy-shadow-md)}.literacy-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.literacy-history-meta{display:flex;flex-direction:column;gap:.25rem}.literacy-history-date{font-size:.875rem;font-weight:600;color:var(--literacy-text-primary)}.literacy-history-score{font-size:.9375rem;font-weight:700}.literacy-history-score.pass{color:var(--literacy-success)}.literacy-history-score.fail{color:var(--literacy-error)}.literacy-history-stats{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--literacy-text-secondary);font-weight:500}.literacy-history-band{padding:.25rem .625rem;background:var(--literacy-border-light);border-radius:var(--literacy-radius-sm);font-weight:600;color:var(--literacy-text-primary)}.literacy-section-scores{padding-top:1rem;border-top:1px solid var(--literacy-border-light)}.literacy-section-scores h4{font-size:.875rem;font-weight:700;color:var(--literacy-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .75rem}.literacy-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.literacy-section-card{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;background:var(--literacy-bg-page);border:1px solid var(--literacy-border);border-radius:var(--literacy-radius-md);transition:all var(--literacy-transition)}.literacy-section-card:hover{border-color:var(--literacy-primary);transform:translateY(-2px)}.literacy-section-name{font-size:.8125rem;font-weight:600;color:var(--literacy-text-secondary)}.literacy-section-metrics{display:flex;align-items:baseline;gap:.5rem}.literacy-section-score{font-size:1.25rem;font-weight:800;color:var(--literacy-text-primary)}.literacy-section-detail{font-size:.8125rem;color:var(--literacy-text-muted);font-weight:500}.literacy-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;gap:1rem;color:var(--literacy-text-muted)}.literacy-no-results svg{color:var(--literacy-text-muted)}.literacy-no-results p{font-size:1.125rem;font-weight:600;color:var(--literacy-text-secondary);margin:0}.literacy-no-results span{font-size:.875rem;color:var(--literacy-text-muted)}@media(max-width:1024px){.literacy-stats-grid{grid-template-columns:repeat(2,1fr)}.literacy-results-table-container{overflow-x:auto}.literacy-results-table{min-width:1000px}}@media(max-width:768px){.literacy-header h1{font-size:1.5rem}.literacy-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.literacy-stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.literacy-stat-value{font-size:1.5rem}.literacy-controls-bar{flex-wrap:wrap}.literacy-search-bar{flex:1 1 100%}.literacy-filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.literacy-history-header{flex-direction:column;align-items:flex-start}.literacy-sections-grid{grid-template-columns:1fr}}@media(max-width:480px){.literacy-stats-grid,.literacy-filters-grid{grid-template-columns:1fr}.literacy-filter-toggle span:last-child{display:none}.literacy-reset-btn span{display:none}.literacy-history-stats{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(prefers-reduced-motion:reduce){.literacy-spinner,.literacy-spinner-small{animation-duration:2s}.literacy-results-table tbody tr,.literacy-filters-panel,.literacy-history-panel{animation:none}}.mdash-container{--mdash-primary: #3b82f6;--mdash-primary-dark: #2563eb;--mdash-primary-light: #eff6ff;--mdash-success: #10b981;--mdash-success-light: #ecfdf5;--mdash-warning: #f59e0b;--mdash-warning-light: #fffbeb;--mdash-error: #ef4444;--mdash-error-light: #fef2f2;--mdash-purple: #8b5cf6;--mdash-purple-light: #f5f3ff;--mdash-text-primary: #1e293b;--mdash-text-secondary: #64748b;--mdash-text-muted: #94a3b8;--mdash-bg-page: #f8fafc;--mdash-bg-card: #ffffff;--mdash-border: #e2e8f0;--mdash-border-light: #f1f5f9;--mdash-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--mdash-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--mdash-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--mdash-shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--mdash-radius-sm: 8px;--mdash-radius-md: 12px;--mdash-radius-lg: 16px;--mdash-radius-xl: 20px;--mdash-transition: .25s cubic-bezier(.4, 0, .2, 1)}.mdash-container{min-height:100vh;background:var(--mdash-bg-page)}.mdash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.mdash-spinner{position:relative;width:48px;height:48px}.mdash-spinner-ring{position:absolute;inset:0;border:3px solid var(--mdash-border-light);border-top-color:var(--mdash-primary);border-radius:50%;animation:mdash-spin 1s linear infinite}.mdash-spinner-ring:nth-child(2){inset:6px;animation-delay:-.3s;border-top-color:var(--mdash-success)}.mdash-spinner-ring:nth-child(3){inset:12px;animation-delay:-.6s;border-top-color:var(--mdash-warning)}@keyframes mdash-spin{to{transform:rotate(360deg)}}.mdash-loading-text{font-size:.9375rem;color:var(--mdash-text-secondary);font-weight:500}.mdash-loading-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--mdash-text-secondary);font-weight:500}.mdash-spinner-small{width:20px;height:20px;border:2px solid var(--mdash-border-light);border-top-color:var(--mdash-primary);border-radius:50%;animation:mdash-spin .8s linear infinite}.mdash-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--mdash-bg-card);border-bottom:1px solid var(--mdash-border);position:sticky;top:0;z-index:100}.mdash-header-left{display:flex;align-items:center;gap:1rem}.mdash-logo-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--mdash-primary) 0%,var(--mdash-primary-dark) 100%);border-radius:var(--mdash-radius-md);color:#fff;box-shadow:0 4px 12px #3b82f64d}.mdash-header-info{display:flex;flex-direction:column;gap:.125rem}.mdash-title{font-size:1.25rem;font-weight:700;color:var(--mdash-text-primary);margin:0;line-height:1.2}.mdash-subtitle{font-size:.8125rem;color:var(--mdash-text-secondary);margin:0}.mdash-header-right{display:flex;align-items:center;gap:1rem}.mdash-signout-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--mdash-error-light);border:1px solid rgba(239,68,68,.2);border-radius:var(--mdash-radius-md);font-size:.875rem;font-weight:600;color:var(--mdash-error);cursor:pointer;transition:all var(--mdash-transition)}.mdash-signout-btn:hover:not(:disabled){background:var(--mdash-error);border-color:var(--mdash-error);color:#fff}.mdash-signout-btn:disabled{opacity:.6;cursor:not-allowed}.mdash-btn-spinner{width:16px;height:16px;border:2px solid rgba(239,68,68,.3);border-top-color:var(--mdash-error);border-radius:50%;animation:mdash-spin .8s linear infinite}.mdash-nav{background:var(--mdash-bg-card);border-bottom:1px solid var(--mdash-border);padding:0 2rem;overflow-x:auto}.mdash-nav-inner{display:flex;gap:.25rem;max-width:1400px;margin:0 auto}.mdash-nav-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.875rem;font-weight:600;color:var(--mdash-text-secondary);cursor:pointer;transition:all var(--mdash-transition);white-space:nowrap}.mdash-nav-btn:hover{color:var(--mdash-text-primary);background:var(--mdash-border-light)}.mdash-nav-btn.active{color:var(--mdash-primary);border-bottom-color:var(--mdash-primary)}.mdash-nav-btn svg{opacity:.7}.mdash-nav-btn.active svg{opacity:1}.mdash-nav-count{padding:.125rem .5rem;background:var(--mdash-border-light);border-radius:10px;font-size:.75rem;font-weight:700;color:var(--mdash-text-muted)}.mdash-nav-btn.active .mdash-nav-count{background:var(--mdash-primary-light);color:var(--mdash-primary)}.mdash-main{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}.mdash-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.mdash-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--mdash-bg-card);border-radius:var(--mdash-radius-lg);border:1px solid var(--mdash-border);box-shadow:var(--mdash-shadow-sm);transition:all var(--mdash-transition)}.mdash-stat-card:hover{transform:translateY(-2px);box-shadow:var(--mdash-shadow-md)}.mdash-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--mdash-radius-md);flex-shrink:0}.mdash-stat-icon.blue{background:var(--mdash-primary-light);color:var(--mdash-primary)}.mdash-stat-icon.green{background:var(--mdash-success-light);color:var(--mdash-success)}.mdash-stat-icon.amber{background:var(--mdash-warning-light);color:var(--mdash-warning)}.mdash-stat-icon.purple{background:var(--mdash-purple-light);color:var(--mdash-purple)}.mdash-stat-content{display:flex;flex-direction:column;gap:.125rem}.mdash-stat-value{font-size:1.75rem;font-weight:800;color:var(--mdash-text-primary);line-height:1}.mdash-stat-label{font-size:.8125rem;font-weight:500;color:var(--mdash-text-secondary)}.mdash-section{background:var(--mdash-bg-card);border-radius:var(--mdash-radius-xl);border:1px solid var(--mdash-border);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--mdash-shadow-sm)}.mdash-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.mdash-section-header svg{color:var(--mdash-primary)}.mdash-section-header h2{font-size:1.125rem;font-weight:700;color:var(--mdash-text-primary);margin:0}.mdash-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.mdash-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--mdash-border-light);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-md);cursor:pointer;transition:all var(--mdash-transition);text-align:left}.mdash-action-card:hover{background:var(--mdash-bg-card);border-color:var(--mdash-primary);box-shadow:var(--mdash-shadow-md);transform:translateY(-2px)}.mdash-action-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--mdash-radius-md);flex-shrink:0}.mdash-action-icon.blue{background:var(--mdash-primary-light);color:var(--mdash-primary)}.mdash-action-icon.green{background:var(--mdash-success-light);color:var(--mdash-success)}.mdash-action-icon.amber{background:var(--mdash-warning-light);color:var(--mdash-warning)}.mdash-action-icon.purple{background:var(--mdash-purple-light);color:var(--mdash-purple)}.mdash-action-icon.red{background:var(--mdash-error-light);color:var(--mdash-error)}.mdash-action-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.mdash-action-title{font-size:.9375rem;font-weight:600;color:var(--mdash-text-primary)}.mdash-action-desc{font-size:.8125rem;color:var(--mdash-text-secondary)}.mdash-action-arrow{color:var(--mdash-text-muted);flex-shrink:0;transition:transform var(--mdash-transition)}.mdash-action-card:hover .mdash-action-arrow{color:var(--mdash-primary);transform:translate(4px)}.mdash-recent-list{display:flex;flex-direction:column;gap:.75rem}.mdash-recent-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--mdash-border-light);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-md);transition:all var(--mdash-transition);animation:mdash-fade-in .3s ease backwards}@keyframes mdash-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mdash-recent-card:hover{background:var(--mdash-bg-card);border-color:var(--mdash-primary)}.mdash-recent-info h3{font-size:.9375rem;font-weight:600;color:var(--mdash-text-primary);margin:0 0 .25rem}.mdash-recent-info p{font-size:.8125rem;color:var(--mdash-text-secondary);margin:0;display:flex;align-items:center;gap:.5rem}.mdash-shop-code{font-family:monospace;font-weight:600;color:var(--mdash-primary);background:var(--mdash-primary-light);padding:.125rem .375rem;border-radius:4px;font-size:.75rem}.mdash-separator{color:var(--mdash-text-muted)}.mdash-free-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--mdash-warning-light) 0%,#fef3c7 100%);border:1px solid rgba(245,158,11,.2);border-radius:20px;font-size:.75rem;font-weight:700;color:#92400e}.mdash-status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.mdash-status-badge.approved{background:var(--mdash-success-light);color:#065f46}.mdash-status-badge.pending{background:var(--mdash-warning-light);color:#92400e}.mdash-status-badge.rejected{background:var(--mdash-error-light);color:#991b1b}.mdash-search-bar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-lg);margin-bottom:1.5rem;box-shadow:var(--mdash-shadow-sm)}.mdash-search-bar svg{color:var(--mdash-text-muted);flex-shrink:0}.mdash-search-input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--mdash-text-primary);outline:none}.mdash-search-input::placeholder{color:var(--mdash-text-muted)}.mdash-controls-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.mdash-controls-bar .mdash-search-bar{flex:1;margin-bottom:0}.mdash-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-md);font-size:.9375rem;font-weight:500;color:var(--mdash-text-primary);cursor:pointer;transition:all var(--mdash-transition);box-shadow:var(--mdash-shadow-sm)}.mdash-filter-toggle:hover{border-color:var(--mdash-primary);background:var(--mdash-primary-light);color:var(--mdash-primary)}.mdash-filter-toggle.active{background:var(--mdash-primary);border-color:var(--mdash-primary);color:#fff}.mdash-filter-toggle svg{flex-shrink:0}.mdash-filter-count{display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--mdash-error);color:#fff;font-size:.75rem;font-weight:700;border-radius:999px}.mdash-filter-toggle.active .mdash-filter-count{background:#fff;color:var(--mdash-primary)}.mdash-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-md);font-size:.9375rem;font-weight:500;color:var(--mdash-text-secondary);cursor:pointer;transition:all var(--mdash-transition);box-shadow:var(--mdash-shadow-sm)}.mdash-reset-btn:hover{border-color:var(--mdash-error);background:var(--mdash-error-light);color:var(--mdash-error)}.mdash-filters-panel{background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--mdash-shadow-md);animation:mdash-slide-down .3s ease}@keyframes mdash-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mdash-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.mdash-filter-group{display:flex;flex-direction:column;gap:.5rem}.mdash-filter-label{font-size:.8125rem;font-weight:600;color:var(--mdash-text-secondary);text-transform:uppercase;letter-spacing:.03em}.mdash-filter-select,.mdash-filter-input{padding:.75rem 1rem;background:var(--mdash-bg-page);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-sm);font-size:.9375rem;color:var(--mdash-text-primary);outline:none;transition:all var(--mdash-transition)}.mdash-filter-select:focus,.mdash-filter-input:focus{border-color:var(--mdash-primary);background:var(--mdash-bg-card);box-shadow:0 0 0 3px var(--mdash-primary-light)}.mdash-filter-select:disabled{opacity:.5;cursor:not-allowed}.mdash-quick-filters{display:flex;gap:.5rem}.mdash-quick-filter{flex:1;padding:.625rem 1rem;background:var(--mdash-bg-page);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-sm);font-size:.875rem;font-weight:500;color:var(--mdash-text-secondary);cursor:pointer;transition:all var(--mdash-transition)}.mdash-quick-filter:hover{border-color:var(--mdash-primary);background:var(--mdash-primary-light);color:var(--mdash-primary)}.mdash-quick-filter.active{background:var(--mdash-primary);border-color:var(--mdash-primary);color:#fff;font-weight:600}.mdash-range-inputs{display:flex;align-items:center;gap:.5rem}.mdash-range-inputs .mdash-filter-input{flex:1;min-width:0}.mdash-range-separator{font-size:.875rem;color:var(--mdash-text-muted);font-weight:500}.mdash-tech-location{display:flex;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.8125rem;color:var(--mdash-text-muted)}.mdash-tech-location svg{flex-shrink:0;color:var(--mdash-text-muted)}.mdash-table-container{background:var(--mdash-bg-card);border-radius:var(--mdash-radius-xl);border:1px solid var(--mdash-border);overflow:hidden;box-shadow:var(--mdash-shadow-sm)}.mdash-table{width:100%;border-collapse:collapse}.mdash-table thead{background:linear-gradient(135deg,var(--mdash-primary) 0%,var(--mdash-primary-dark) 100%)}.mdash-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.mdash-table tbody tr{border-bottom:1px solid var(--mdash-border-light);transition:background var(--mdash-transition);animation:mdash-fade-in .3s ease backwards}.mdash-table tbody tr:hover{background:var(--mdash-border-light)}.mdash-table tbody tr:last-child{border-bottom:none}.mdash-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--mdash-text-primary);vertical-align:middle}.mdash-cell-primary{font-weight:600;color:var(--mdash-text-primary)}.mdash-cell-secondary{font-size:.8125rem;color:var(--mdash-text-secondary)}.mdash-cell-stack{display:flex;flex-direction:column;gap:.125rem}.mdash-code{font-family:monospace;font-size:.8125rem;font-weight:600;color:var(--mdash-primary);background:var(--mdash-primary-light);padding:.25rem .5rem;border-radius:4px}.mdash-tech-count{font-weight:700;color:var(--mdash-text-primary)}.mdash-free-access-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--mdash-success-light);border-radius:20px;font-size:.75rem;font-weight:700;color:#065f46}.mdash-no-access{color:var(--mdash-text-muted)}.mdash-table-actions{display:flex;gap:.5rem}.mdash-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--mdash-radius-sm);cursor:pointer;transition:all var(--mdash-transition)}.mdash-action-btn.grant{background:var(--mdash-warning-light);color:var(--mdash-warning)}.mdash-action-btn.grant:hover{background:var(--mdash-warning);color:#fff;transform:scale(1.1)}.mdash-action-btn.delete{background:var(--mdash-error-light);color:var(--mdash-error)}.mdash-action-btn.delete:hover{background:var(--mdash-error);color:#fff;transform:scale(1.1)}.mdash-accordion-list{display:flex;flex-direction:column;gap:.75rem}.mdash-accordion-item{background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-lg);overflow:hidden;transition:all var(--mdash-transition);animation:mdash-fade-in .3s ease backwards}.mdash-accordion-item:hover{box-shadow:var(--mdash-shadow-md)}.mdash-accordion-item.expanded{border-color:var(--mdash-primary)}.mdash-accordion-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;transition:background var(--mdash-transition)}.mdash-accordion-header:hover{background:var(--mdash-border-light)}.mdash-accordion-item.expanded .mdash-accordion-header{background:var(--mdash-primary-light);border-bottom:1px solid var(--mdash-border)}.mdash-tech-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--mdash-primary) 0%,var(--mdash-primary-dark) 100%);border-radius:50%;font-size:1.125rem;font-weight:700;color:#fff;flex-shrink:0}.mdash-tech-info{flex:1;min-width:0}.mdash-tech-info h3{font-size:.9375rem;font-weight:600;color:var(--mdash-text-primary);margin:0 0 .125rem}.mdash-tech-info p{font-size:.8125rem;color:var(--mdash-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdash-tech-stats{display:flex;gap:1.5rem;flex-shrink:0}.mdash-tech-stat{display:flex;flex-direction:column;gap:.125rem;text-align:center}.mdash-tech-stat-label{font-size:.6875rem;font-weight:600;color:var(--mdash-text-muted);text-transform:uppercase;letter-spacing:.03em}.mdash-tech-stat-value{font-size:.875rem;font-weight:600;color:var(--mdash-text-primary)}.mdash-score-badge{padding:.25rem .625rem;border-radius:20px;font-size:.8125rem;font-weight:700}.mdash-score-badge.pass{background:var(--mdash-success-light);color:#065f46}.mdash-score-badge.fail{background:var(--mdash-error-light);color:#991b1b}.mdash-accordion-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.mdash-accordion-chevron{color:var(--mdash-text-muted);transition:transform var(--mdash-transition)}.mdash-accordion-item.expanded .mdash-accordion-chevron{transform:rotate(180deg);color:var(--mdash-primary)}.mdash-accordion-content{padding:1.5rem;background:var(--mdash-border-light);animation:mdash-slide-down .3s ease}@keyframes mdash-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mdash-activity-section,.mdash-progress-section{margin-bottom:1.5rem}.mdash-activity-section:last-child,.mdash-progress-section:last-child{margin-bottom:0}.mdash-activity-section h4,.mdash-progress-section h4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:var(--mdash-text-primary);margin:0 0 1rem}.mdash-activity-section h4 svg,.mdash-progress-section h4 svg{color:var(--mdash-primary)}.mdash-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.mdash-activity-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-md);text-align:center;transition:all var(--mdash-transition)}.mdash-activity-card:hover{border-color:var(--mdash-primary);transform:translateY(-2px)}.mdash-activity-card svg{color:var(--mdash-primary)}.mdash-activity-value{font-size:1.25rem;font-weight:800;color:var(--mdash-text-primary)}.mdash-activity-label{font-size:.6875rem;font-weight:600;color:var(--mdash-text-muted);text-transform:uppercase;letter-spacing:.03em}.mdash-progress-list{display:flex;flex-direction:column;gap:.75rem}.mdash-progress-card{padding:1rem 1.25rem;background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-md);transition:all var(--mdash-transition)}.mdash-progress-card:hover{border-color:var(--mdash-primary)}.mdash-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mdash-area-badge{padding:.375rem .75rem;background:var(--mdash-primary-light);color:var(--mdash-primary-dark);border-radius:var(--mdash-radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.mdash-progress-tests{font-size:.8125rem;color:var(--mdash-text-secondary);font-weight:500}.mdash-progress-metrics{display:flex;gap:1.5rem;flex-wrap:wrap}.mdash-metric{display:flex;align-items:center;gap:.5rem}.mdash-metric-label{font-size:.8125rem;color:var(--mdash-text-secondary);font-weight:500}.mdash-metric-value{font-size:.8125rem;font-weight:700;color:var(--mdash-text-primary)}.mdash-metric-value.pass{padding:.125rem .5rem;background:var(--mdash-success-light);color:#065f46;border-radius:4px}.mdash-metric-value.fail{padding:.125rem .5rem;background:var(--mdash-error-light);color:#991b1b;border-radius:4px}.mdash-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:mdash-fade-in .2s ease}.mdash-modal{width:100%;max-width:480px;background:var(--mdash-bg-card);border-radius:var(--mdash-radius-xl);box-shadow:var(--mdash-shadow-xl);animation:mdash-slide-up .3s ease}@keyframes mdash-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mdash-modal-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--mdash-border)}.mdash-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--mdash-warning-light);border-radius:var(--mdash-radius-md);color:var(--mdash-warning);flex-shrink:0}.mdash-modal-header h2{font-size:1.125rem;font-weight:700;color:var(--mdash-text-primary);margin:0 0 .25rem}.mdash-modal-header p{font-size:.875rem;color:var(--mdash-text-secondary);margin:0}.mdash-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--mdash-border-light);border:none;border-radius:var(--mdash-radius-sm);color:var(--mdash-text-secondary);cursor:pointer;margin-left:auto;transition:all var(--mdash-transition)}.mdash-modal-close:hover{background:var(--mdash-error-light);color:var(--mdash-error)}.mdash-modal-body{padding:1.5rem}.mdash-form-group{margin-bottom:1.25rem}.mdash-form-group:last-child{margin-bottom:0}.mdash-form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--mdash-text-primary);margin-bottom:.75rem}.mdash-duration-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.mdash-duration-btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem .5rem;background:var(--mdash-border-light);border:2px solid var(--mdash-border);border-radius:var(--mdash-radius-md);cursor:pointer;transition:all var(--mdash-transition)}.mdash-duration-btn:hover{border-color:var(--mdash-primary);background:var(--mdash-bg-card)}.mdash-duration-btn.selected{background:var(--mdash-primary);border-color:var(--mdash-primary)}.mdash-duration-value{font-size:1.125rem;font-weight:800;color:var(--mdash-text-primary)}.mdash-duration-btn.selected .mdash-duration-value{color:#fff}.mdash-duration-label{font-size:.6875rem;font-weight:600;color:var(--mdash-text-muted);text-transform:uppercase}.mdash-duration-btn.selected .mdash-duration-label{color:#fffc}.mdash-textarea{width:100%;padding:.875rem 1rem;background:var(--mdash-border-light);border:2px solid var(--mdash-border);border-radius:var(--mdash-radius-md);font-size:.9375rem;font-family:inherit;color:var(--mdash-text-primary);resize:vertical;transition:all var(--mdash-transition)}.mdash-textarea:focus{outline:none;border-color:var(--mdash-primary);background:var(--mdash-bg-card)}.mdash-textarea::placeholder{color:var(--mdash-text-muted)}.mdash-modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;background:var(--mdash-border-light);border-top:1px solid var(--mdash-border);border-radius:0 0 var(--mdash-radius-xl) var(--mdash-radius-xl)}.mdash-btn-secondary{flex:1;padding:.75rem 1.25rem;background:var(--mdash-bg-card);border:1px solid var(--mdash-border);border-radius:var(--mdash-radius-md);font-size:.9375rem;font-weight:600;color:var(--mdash-text-secondary);cursor:pointer;transition:all var(--mdash-transition)}.mdash-btn-secondary:hover{border-color:var(--mdash-text-muted);color:var(--mdash-text-primary)}.mdash-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--mdash-primary) 0%,var(--mdash-primary-dark) 100%);border:none;border-radius:var(--mdash-radius-md);font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--mdash-transition)}.mdash-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:1024px){.mdash-stats-grid{grid-template-columns:repeat(2,1fr)}.mdash-tech-stats{gap:1rem}.mdash-table-container{overflow-x:auto}.mdash-table{min-width:900px}}@media(max-width:768px){.mdash-header{padding:.875rem 1rem;flex-wrap:wrap;gap:1rem}.mdash-logo-badge{width:40px;height:40px}.mdash-title{font-size:1.125rem}.mdash-subtitle,.mdash-signout-btn span{display:none}.mdash-signout-btn{padding:.625rem}.mdash-nav{padding:0 1rem}.mdash-nav-btn{padding:.875rem 1rem;font-size:.8125rem}.mdash-nav-btn span:not(.mdash-nav-count){display:none}.mdash-main{padding:1rem}.mdash-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.mdash-stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.mdash-stat-value{font-size:1.5rem}.mdash-actions-grid{grid-template-columns:1fr}.mdash-accordion-header{flex-wrap:wrap;gap:.75rem}.mdash-tech-stats{width:100%;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--mdash-border-light)}.mdash-accordion-controls{position:absolute;right:1rem;top:1rem}.mdash-accordion-header{position:relative;padding-right:5rem}.mdash-activity-grid{grid-template-columns:repeat(2,1fr)}.mdash-progress-metrics{flex-direction:column;gap:.5rem}.mdash-duration-grid{grid-template-columns:repeat(3,1fr)}.mdash-controls-bar{flex-wrap:wrap}.mdash-controls-bar .mdash-search-bar{flex:1 1 100%}.mdash-filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:480px){.mdash-header-left{gap:.75rem}.mdash-logo-badge{width:36px;height:36px}.mdash-stats-grid,.mdash-activity-grid{grid-template-columns:1fr}.mdash-tech-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.mdash-tech-stat{flex-direction:row;gap:.5rem;text-align:left}.mdash-duration-grid{grid-template-columns:repeat(2,1fr)}.mdash-modal{margin:.5rem}.mdash-filters-grid{grid-template-columns:1fr}.mdash-quick-filters{flex-direction:column}.mdash-filter-toggle span:last-child{display:none}.mdash-reset-btn span{display:none}}@media(prefers-reduced-motion:reduce){.mdash-spinner-ring,.mdash-spinner-small,.mdash-btn-spinner{animation-duration:2s}.mdash-recent-card,.mdash-accordion-item,.mdash-table tbody tr,.mdash-accordion-content,.mdash-modal{animation:none}}.trnds-container{--trnds-primary: #3b82f6;--trnds-primary-dark: #2563eb;--trnds-primary-light: #dbeafe;--trnds-primary-glow: rgba(59, 130, 246, .4);--trnds-success: #10b981;--trnds-success-dark: #059669;--trnds-success-light: #d1fae5;--trnds-success-glow: rgba(16, 185, 129, .4);--trnds-warning: #f59e0b;--trnds-warning-dark: #d97706;--trnds-warning-light: #fef3c7;--trnds-warning-glow: rgba(245, 158, 11, .4);--trnds-error: #ef4444;--trnds-error-dark: #dc2626;--trnds-error-light: #fee2e2;--trnds-error-glow: rgba(239, 68, 68, .4);--trnds-purple: #8b5cf6;--trnds-purple-dark: #7c3aed;--trnds-purple-light: #ede9fe;--trnds-purple-glow: rgba(139, 92, 246, .4);--trnds-text-primary: #0f172a;--trnds-text-secondary: #475569;--trnds-text-muted: #94a3b8;--trnds-bg-card: rgba(255, 255, 255, .9);--trnds-bg-card-solid: #ffffff;--trnds-border: rgba(226, 232, 240, .8);--trnds-border-light: rgba(241, 245, 249, .9);--trnds-glass-bg: rgba(255, 255, 255, .7);--trnds-glass-border: rgba(255, 255, 255, .3);--trnds-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--trnds-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--trnds-shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04);--trnds-radius-sm: 10px;--trnds-radius-md: 14px;--trnds-radius-lg: 18px;--trnds-radius-xl: 24px;--trnds-transition: .3s cubic-bezier(.4, 0, .2, 1)}.trnds-container{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;animation:trnds-fade-in .4s ease}@keyframes trnds-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trnds-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;padding:3rem}.trnds-loading-spinner{position:relative;width:70px;height:70px}.trnds-spinner-orbit{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:trnds-orbit 2s linear infinite}.trnds-spinner-orbit:nth-child(1){border-color:#3b82f633;border-top-color:var(--trnds-primary);animation-duration:1.5s}.trnds-spinner-orbit:nth-child(2){inset:8px;border-color:#10b98133;border-right-color:var(--trnds-success);animation-duration:2s;animation-direction:reverse}.trnds-spinner-orbit:nth-child(3){inset:16px;border-color:#8b5cf633;border-bottom-color:var(--trnds-purple);animation-duration:2.5s}.trnds-spinner-dot{position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.trnds-spinner-orbit:nth-child(1) .trnds-spinner-dot{background:var(--trnds-primary);box-shadow:0 0 10px var(--trnds-primary-glow)}.trnds-spinner-orbit:nth-child(2) .trnds-spinner-dot{background:var(--trnds-success);box-shadow:0 0 10px var(--trnds-success-glow)}.trnds-spinner-orbit:nth-child(3) .trnds-spinner-dot{background:var(--trnds-purple);box-shadow:0 0 10px var(--trnds-purple-glow)}.trnds-spinner-core{position:absolute;inset:24px;background:linear-gradient(135deg,var(--trnds-primary) 0%,var(--trnds-purple) 100%);border-radius:50%;animation:trnds-pulse 1.5s ease-in-out infinite}@keyframes trnds-orbit{to{transform:rotate(360deg)}}@keyframes trnds-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.trnds-loading-text{font-size:.9375rem;font-weight:600;color:var(--trnds-text-secondary)}.trnds-loading-bar{width:180px;height:4px;background:var(--trnds-border);border-radius:4px;overflow:hidden}.trnds-loading-progress{height:100%;width:40%;background:linear-gradient(90deg,var(--trnds-primary),var(--trnds-purple),var(--trnds-primary));background-size:200% 100%;border-radius:4px;animation:trnds-progress 1.5s ease-in-out infinite}@keyframes trnds-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.trnds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem}.trnds-empty-icon{color:var(--trnds-text-muted);opacity:.4;margin-bottom:1rem}.trnds-empty h3{font-size:1.25rem;font-weight:700;color:var(--trnds-text-primary);margin:0 0 .5rem}.trnds-empty p{font-size:.9375rem;color:var(--trnds-text-secondary);margin:0}.trnds-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.trnds-header-title{display:flex;align-items:center;gap:.875rem}.trnds-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--trnds-primary) 0%,var(--trnds-primary-dark) 100%);border-radius:var(--trnds-radius-md);color:#fff;box-shadow:0 4px 12px var(--trnds-primary-glow)}.trnds-header-title h2{font-size:1.375rem;font-weight:800;color:var(--trnds-text-primary);margin:0;letter-spacing:-.02em}.trnds-header-title p{font-size:.8125rem;color:var(--trnds-text-muted);margin:.125rem 0 0}.trnds-time-selector{display:flex;gap:.25rem;padding:.25rem;background:var(--trnds-bg-card);border:1px solid var(--trnds-border);border-radius:var(--trnds-radius-md);box-shadow:var(--trnds-shadow-sm)}.trnds-time-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--trnds-radius-sm);font-size:.8125rem;font-weight:600;color:var(--trnds-text-secondary);cursor:pointer;transition:all var(--trnds-transition);white-space:nowrap}.trnds-time-btn:hover{color:var(--trnds-primary);background:var(--trnds-primary-light)}.trnds-time-btn.active{background:linear-gradient(135deg,var(--trnds-primary) 0%,var(--trnds-primary-dark) 100%);color:#fff;box-shadow:0 2px 8px var(--trnds-primary-glow)}.trnds-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.trnds-metric-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--trnds-bg-card);border:1px solid var(--trnds-glass-border);border-radius:var(--trnds-radius-lg);box-shadow:var(--trnds-shadow-sm);transition:all var(--trnds-transition)}.trnds-metric-card:hover{transform:translateY(-3px);box-shadow:var(--trnds-shadow-md)}.trnds-metric-icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--trnds-radius-md);flex-shrink:0}.trnds-metric-icon.blue{background:var(--trnds-primary-light);color:var(--trnds-primary)}.trnds-metric-icon.green{background:var(--trnds-success-light);color:var(--trnds-success)}.trnds-metric-icon.purple{background:var(--trnds-purple-light);color:var(--trnds-purple)}.trnds-metric-icon.amber{background:var(--trnds-warning-light);color:var(--trnds-warning)}.trnds-metric-glow{position:absolute;inset:-6px;border-radius:var(--trnds-radius-lg);filter:blur(12px);opacity:0;transition:opacity var(--trnds-transition)}.trnds-metric-icon.blue .trnds-metric-glow{background:var(--trnds-primary-glow)}.trnds-metric-icon.green .trnds-metric-glow{background:var(--trnds-success-glow)}.trnds-metric-icon.purple .trnds-metric-glow{background:var(--trnds-purple-glow)}.trnds-metric-icon.amber .trnds-metric-glow{background:var(--trnds-warning-glow)}.trnds-metric-card:hover .trnds-metric-glow{opacity:1}.trnds-metric-data{display:flex;flex-direction:column;min-width:0}.trnds-metric-value{font-size:1.75rem;font-weight:800;color:var(--trnds-text-primary);line-height:1;letter-spacing:-.02em}.trnds-metric-unit{font-size:1rem;font-weight:600;opacity:.7}.trnds-metric-label{font-size:.75rem;font-weight:600;color:var(--trnds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.trnds-card{background:var(--trnds-bg-card);border:1px solid var(--trnds-glass-border);border-radius:var(--trnds-radius-xl);box-shadow:var(--trnds-shadow-md);overflow:hidden;animation:trnds-card-enter .4s ease backwards}@keyframes trnds-card-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.trnds-card:nth-child(2){animation-delay:.1s}.trnds-card:nth-child(3){animation-delay:.2s}.trnds-card:nth-child(4){animation-delay:.3s}.trnds-card-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--trnds-border-light)}.trnds-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--trnds-radius-sm);flex-shrink:0}.trnds-card-icon.blue{background:var(--trnds-primary-light);color:var(--trnds-primary)}.trnds-card-icon.green{background:var(--trnds-success-light);color:var(--trnds-success)}.trnds-card-icon.purple{background:var(--trnds-purple-light);color:var(--trnds-purple)}.trnds-card-header h3{font-size:1rem;font-weight:700;color:var(--trnds-text-primary);margin:0}.trnds-chart-container{padding:1.5rem}.trnds-chart{width:100%;height:280px;display:block}.trnds-grid line{stroke-dasharray:4 4}.trnds-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.5rem}.trnds-category-card{background:var(--trnds-border-light);border:1px solid var(--trnds-border);border-radius:var(--trnds-radius-lg);padding:1.25rem;transition:all var(--trnds-transition);animation:trnds-card-enter .3s ease backwards}.trnds-category-card:hover{transform:translateY(-3px);box-shadow:var(--trnds-shadow-md);background:var(--trnds-bg-card-solid)}.trnds-category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.trnds-category-info{display:flex;flex-direction:column;gap:.125rem}.trnds-category-code{font-size:1.125rem;font-weight:800;color:var(--trnds-text-primary);letter-spacing:-.02em}.trnds-category-name{font-size:.75rem;color:var(--trnds-text-muted);font-weight:500}.trnds-trend-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--trnds-radius-sm);flex-shrink:0}.trnds-trend-badge.up{background:var(--trnds-success-light);color:var(--trnds-success)}.trnds-trend-badge.down{background:var(--trnds-error-light);color:var(--trnds-error)}.trnds-trend-badge.stable{background:var(--trnds-border-light);color:var(--trnds-text-muted)}.trnds-category-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.trnds-category-stat{display:flex;flex-direction:column;gap:.125rem}.trnds-stat-label{font-size:.6875rem;font-weight:600;color:var(--trnds-primary);text-transform:uppercase;letter-spacing:.05em}.trnds-stat-value{font-size:1.125rem;font-weight:700;color:var(--trnds-text-primary)}.trnds-stat-value.pass{color:var(--trnds-success-dark)}.trnds-stat-value.fail{color:var(--trnds-error-dark)}.trnds-progress-bar{height:8px;background:var(--trnds-border);border-radius:4px;overflow:hidden}.trnds-progress-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.trnds-progress-fill.pass{background:linear-gradient(90deg,var(--trnds-success) 0%,var(--trnds-success-dark) 100%)}.trnds-progress-fill.fail{background:linear-gradient(90deg,var(--trnds-warning) 0%,var(--trnds-warning-dark) 100%)}.trnds-activity-chart{display:flex;align-items:flex-end;gap:.375rem;padding:1.5rem;height:180px}.trnds-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.trnds-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.trnds-bar{position:relative;width:100%;max-width:36px;min-height:8px;background:linear-gradient(180deg,var(--trnds-purple) 0%,var(--trnds-purple-dark) 100%);border-radius:6px 6px 0 0;cursor:pointer;transition:all var(--trnds-transition);box-shadow:0 -2px 8px var(--trnds-purple-glow)}.trnds-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 50%);border-radius:6px 6px 0 0}.trnds-bar:hover,.trnds-bar.hovered{background:linear-gradient(180deg,#a78bfa 0%,var(--trnds-purple) 100%);box-shadow:0 -4px 16px var(--trnds-purple-glow);transform:scaleX(1.15)}.trnds-bar-label{font-size:.6875rem;font-weight:600;color:var(--trnds-text-muted)}.trnds-bar-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.625rem .875rem;background:var(--trnds-bg-card-solid);border:1px solid var(--trnds-border);border-radius:var(--trnds-radius-sm);box-shadow:var(--trnds-shadow-lg);white-space:nowrap;z-index:10;animation:trnds-tooltip-in .2s ease}@keyframes trnds-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.trnds-bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--trnds-border)}.trnds-tooltip-value{font-size:.8125rem;font-weight:700;color:var(--trnds-text-primary)}.trnds-tooltip-date{font-size:.6875rem;color:var(--trnds-text-muted)}.trnds-tooltip-score{font-size:.6875rem;font-weight:600;color:var(--trnds-primary)}@media(max-width:1024px){.trnds-metrics,.trnds-category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.trnds-container{padding:1rem;gap:1rem}.trnds-header{flex-direction:column;align-items:stretch}.trnds-header-title h2{font-size:1.125rem}.trnds-time-selector{justify-content:stretch}.trnds-time-btn{flex:1;text-align:center;padding:.5rem .75rem;font-size:.75rem}.trnds-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem}.trnds-metric-card{padding:1rem;gap:.75rem}.trnds-metric-icon{width:40px;height:40px}.trnds-metric-value{font-size:1.5rem}.trnds-chart-container{padding:1rem;overflow-x:auto}.trnds-chart{min-width:500px;height:240px}.trnds-category-grid{grid-template-columns:1fr;padding:1rem;gap:.75rem}.trnds-activity-chart{padding:1rem;height:140px;gap:.25rem}.trnds-bar{max-width:28px}}@media(max-width:480px){.trnds-header-icon{width:40px;height:40px}.trnds-header-icon svg{width:20px;height:20px}.trnds-metrics{grid-template-columns:1fr}.trnds-metric-card{flex-direction:row;gap:1rem}.trnds-category-stats{grid-template-columns:1fr;gap:.5rem}.trnds-activity-chart{height:120px}}@media(prefers-reduced-motion:reduce){.trnds-spinner-orbit,.trnds-spinner-core,.trnds-loading-progress,.trnds-container,.trnds-card,.trnds-category-card{animation:none}.trnds-metric-card:hover,.trnds-category-card:hover,.trnds-bar:hover{transform:none}}.techdetail-overlay,.techdetail-standalone,.techdetail-container,.techdetail-container-full{--techdetail-primary: #3b82f6;--techdetail-primary-dark: #2563eb;--techdetail-primary-light: #dbeafe;--techdetail-primary-glow: rgba(59, 130, 246, .4);--techdetail-success: #10b981;--techdetail-success-dark: #059669;--techdetail-success-light: #d1fae5;--techdetail-success-glow: rgba(16, 185, 129, .4);--techdetail-warning: #f59e0b;--techdetail-warning-dark: #d97706;--techdetail-warning-light: #fef3c7;--techdetail-warning-glow: rgba(245, 158, 11, .4);--techdetail-error: #ef4444;--techdetail-error-dark: #dc2626;--techdetail-error-light: #fee2e2;--techdetail-error-glow: rgba(239, 68, 68, .4);--techdetail-purple: #8b5cf6;--techdetail-purple-dark: #7c3aed;--techdetail-purple-light: #ede9fe;--techdetail-purple-glow: rgba(139, 92, 246, .4);--techdetail-text-primary: #0f172a;--techdetail-text-secondary: #475569;--techdetail-text-muted: #94a3b8;--techdetail-bg-page: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--techdetail-bg-card: rgba(255, 255, 255, .9);--techdetail-bg-card-solid: #ffffff;--techdetail-border: rgba(226, 232, 240, .8);--techdetail-border-light: rgba(241, 245, 249, .9);--techdetail-glass-bg: rgba(255, 255, 255, .8);--techdetail-glass-border: rgba(255, 255, 255, .4);--techdetail-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--techdetail-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--techdetail-shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .05);--techdetail-shadow-xl: 0 24px 60px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .08);--techdetail-radius-sm: 10px;--techdetail-radius-md: 14px;--techdetail-radius-lg: 18px;--techdetail-radius-xl: 24px;--techdetail-transition: .3s cubic-bezier(.4, 0, .2, 1)}.techdetail-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:techdetail-fade-in .3s ease}@keyframes techdetail-fade-in{0%{opacity:0}to{opacity:1}}.techdetail-standalone{min-height:100vh;background:var(--techdetail-bg-page)}.techdetail-container{position:relative;width:100%;max-width:1000px;max-height:90vh;background:var(--techdetail-bg-card-solid);border-radius:var(--techdetail-radius-xl);box-shadow:var(--techdetail-shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:techdetail-slide-up .4s cubic-bezier(.34,1.56,.64,1)}.techdetail-container-full{position:relative;width:100%;min-height:100vh;background:var(--techdetail-bg-card-solid);display:flex;flex-direction:column}@keyframes techdetail-slide-up{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.techdetail-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.techdetail-ambient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:techdetail-float 15s ease-in-out infinite}.techdetail-ambient-orb.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);top:-100px;right:-50px}.techdetail-ambient-orb.orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);bottom:-80px;left:-50px;animation-delay:-7s}@keyframes techdetail-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.techdetail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;padding:3rem}.techdetail-loading-spinner{position:relative;width:70px;height:70px}.techdetail-spinner-orbit{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:techdetail-orbit 2s linear infinite}.techdetail-spinner-orbit:nth-child(1){border-color:#3b82f633;border-top-color:var(--techdetail-primary);animation-duration:1.5s}.techdetail-spinner-orbit:nth-child(2){inset:8px;border-color:#10b98133;border-right-color:var(--techdetail-success);animation-duration:2s;animation-direction:reverse}.techdetail-spinner-orbit:nth-child(3){inset:16px;border-color:#8b5cf633;border-bottom-color:var(--techdetail-purple);animation-duration:2.5s}.techdetail-spinner-dot{position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.techdetail-spinner-orbit:nth-child(1) .techdetail-spinner-dot{background:var(--techdetail-primary);box-shadow:0 0 10px var(--techdetail-primary-glow)}.techdetail-spinner-orbit:nth-child(2) .techdetail-spinner-dot{background:var(--techdetail-success);box-shadow:0 0 10px var(--techdetail-success-glow)}.techdetail-spinner-orbit:nth-child(3) .techdetail-spinner-dot{background:var(--techdetail-purple);box-shadow:0 0 10px var(--techdetail-purple-glow)}.techdetail-spinner-core{position:absolute;inset:24px;background:linear-gradient(135deg,var(--techdetail-primary) 0%,var(--techdetail-purple) 100%);border-radius:50%;animation:techdetail-pulse 1.5s ease-in-out infinite}@keyframes techdetail-orbit{to{transform:rotate(360deg)}}@keyframes techdetail-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.techdetail-loading-text{font-size:.9375rem;font-weight:600;color:var(--techdetail-text-secondary)}.techdetail-loading-bar{width:180px;height:4px;background:var(--techdetail-border);border-radius:4px;overflow:hidden}.techdetail-loading-progress{height:100%;width:40%;background:linear-gradient(90deg,var(--techdetail-primary),var(--techdetail-purple),var(--techdetail-primary));background-size:200% 100%;border-radius:4px;animation:techdetail-progress 1.5s ease-in-out infinite}@keyframes techdetail-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.techdetail-header{position:relative;z-index:1;background:linear-gradient(135deg,var(--techdetail-primary) 0%,var(--techdetail-purple) 100%);color:#fff;flex-shrink:0}.techdetail-header-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;gap:1.5rem}.techdetail-profile{display:flex;align-items:center;gap:1rem}.techdetail-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff3;border-radius:50%;flex-shrink:0}.techdetail-avatar span{font-size:1.75rem;font-weight:800;color:#fff}.techdetail-avatar-ring{position:absolute;inset:-3px;border:2px solid rgba(255,255,255,.4);border-radius:50%;animation:techdetail-ring-pulse 2s ease-in-out infinite}@keyframes techdetail-ring-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.techdetail-avatar-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--techdetail-success);border:3px solid white;border-radius:50%;box-shadow:0 0 8px var(--techdetail-success-glow)}.techdetail-profile-info h1{font-size:1.5rem;font-weight:800;margin:0 0 .25rem;letter-spacing:-.02em}.techdetail-email{display:flex;align-items:center;gap:.375rem;font-size:.875rem;opacity:.9;margin:0}.techdetail-header-actions{display:flex;align-items:center;gap:.75rem}.techdetail-export-btn,.techdetail-back-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--techdetail-radius-md);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--techdetail-transition)}.techdetail-export-btn:hover,.techdetail-back-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.techdetail-stats-bar{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;background:#0000001a;gap:0}.techdetail-stat-item{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem}.techdetail-stat-divider{width:1px;height:32px;background:#fff3}.techdetail-stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--techdetail-radius-sm);background:#ffffff26;flex-shrink:0}.techdetail-stat-icon.blue{background:#3b82f64d}.techdetail-stat-icon.green{background:#10b9814d}.techdetail-stat-icon.amber{background:#f59e0b4d}.techdetail-stat-icon.purple{background:#8b5cf64d}.techdetail-stat-data{display:flex;flex-direction:column}.techdetail-stat-value{font-size:1.25rem;font-weight:800;line-height:1}.techdetail-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-top:.125rem}.techdetail-tabs{position:relative;z-index:1;display:flex;gap:0;padding:0 2rem;background:var(--techdetail-border-light);border-bottom:1px solid var(--techdetail-border);flex-shrink:0;overflow-x:auto}.techdetail-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.875rem;font-weight:600;color:var(--techdetail-text-muted);cursor:pointer;transition:all var(--techdetail-transition);white-space:nowrap}.techdetail-tab:hover{color:var(--techdetail-text-secondary);background:#3b82f60d}.techdetail-tab.active{color:var(--techdetail-primary);border-bottom-color:var(--techdetail-primary);background:var(--techdetail-bg-card-solid)}.techdetail-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 .5rem;background:var(--techdetail-border);border-radius:10px;font-size:.6875rem;font-weight:700;color:var(--techdetail-text-muted)}.techdetail-tab.active .techdetail-tab-count{background:var(--techdetail-primary-light);color:var(--techdetail-primary)}.techdetail-main{position:relative;z-index:1;flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem;background:var(--techdetail-border-light)}.techdetail-container-full .techdetail-main{max-width:1400px;margin:0 auto;width:100%}.techdetail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.techdetail-section-title{display:flex;align-items:center;gap:.875rem}.techdetail-section-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--techdetail-radius-md);flex-shrink:0}.techdetail-section-icon.blue{background:var(--techdetail-primary-light);color:var(--techdetail-primary)}.techdetail-section-icon.green{background:var(--techdetail-success-light);color:var(--techdetail-success)}.techdetail-section-title h2{font-size:1.125rem;font-weight:700;color:var(--techdetail-text-primary);margin:0}.techdetail-section-title p{font-size:.8125rem;color:var(--techdetail-text-muted);margin:.125rem 0 0}.techdetail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--techdetail-bg-card);border-radius:var(--techdetail-radius-lg);text-align:center}.techdetail-empty-icon{color:var(--techdetail-text-muted);opacity:.4;margin-bottom:1rem}.techdetail-empty h3{font-size:1.125rem;font-weight:700;color:var(--techdetail-text-primary);margin:0 0 .5rem}.techdetail-empty p{font-size:.9375rem;color:var(--techdetail-text-secondary);margin:0}.techdetail-table-wrapper{background:var(--techdetail-bg-card);border-radius:var(--techdetail-radius-lg);box-shadow:var(--techdetail-shadow-sm);overflow:hidden}.techdetail-table{width:100%;border-collapse:collapse}.techdetail-table thead{background:linear-gradient(180deg,var(--techdetail-border-light) 0%,rgba(241,245,249,.5) 100%)}.techdetail-table th{padding:.875rem 1.25rem;text-align:left;font-size:.6875rem;font-weight:700;color:var(--techdetail-text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--techdetail-border)}.techdetail-table tbody tr{border-bottom:1px solid var(--techdetail-border-light);transition:all var(--techdetail-transition);animation:techdetail-row-enter .3s ease backwards}@keyframes techdetail-row-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.techdetail-table tbody tr:last-child{border-bottom:none}.techdetail-table tbody tr:hover{background:#3b82f608}.techdetail-table tbody tr.pass-row{background:#10b98105}.techdetail-table tbody tr.pass-row:hover{background:#10b9810d}.techdetail-table tbody tr.fail-row{background:#ef444405}.techdetail-table tbody tr.fail-row:hover{background:#ef44440d}.techdetail-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--techdetail-text-primary);vertical-align:middle}.techdetail-date{font-weight:500;color:var(--techdetail-text-secondary)}.techdetail-category{display:flex;flex-direction:column;gap:.125rem}.techdetail-category-code{display:inline-block;padding:.125rem .5rem;background:var(--techdetail-primary-light);color:var(--techdetail-primary);border-radius:4px;font-size:.75rem;font-weight:700;width:fit-content}.techdetail-category-name{font-size:.75rem;color:var(--techdetail-text-muted)}.techdetail-score{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:700}.techdetail-score.pass{background:var(--techdetail-success-light);color:var(--techdetail-success-dark)}.techdetail-score.fail{background:var(--techdetail-error-light);color:var(--techdetail-error-dark)}.techdetail-questions{display:flex;align-items:center;gap:.25rem;font-family:monospace;font-size:.875rem}.techdetail-questions .correct{font-weight:700;color:var(--techdetail-success)}.techdetail-questions .divider{color:var(--techdetail-text-muted)}.techdetail-questions .total{color:var(--techdetail-text-secondary)}.techdetail-duration{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--techdetail-border-light);border-radius:var(--techdetail-radius-sm);font-size:.8125rem;font-weight:500;color:var(--techdetail-text-secondary)}.techdetail-duration svg{opacity:.6}.techdetail-result{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:20px;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:all var(--techdetail-transition)}.techdetail-result.pass{background:linear-gradient(135deg,var(--techdetail-success) 0%,var(--techdetail-success-dark) 100%);color:#fff;box-shadow:0 2px 8px var(--techdetail-success-glow)}.techdetail-result.fail{background:linear-gradient(135deg,var(--techdetail-error) 0%,var(--techdetail-error-dark) 100%);color:#fff;box-shadow:0 2px 8px var(--techdetail-error-glow)}.techdetail-result:hover{transform:scale(1.05)}.techdetail-trends,.techdetail-focus{min-height:400px}@media(max-width:1024px){.techdetail-header-content{padding:1.25rem 1.5rem}.techdetail-stats-bar{padding:1rem 1.5rem;flex-wrap:wrap;gap:.5rem}.techdetail-stat-divider{display:none}.techdetail-stat-item{padding:.5rem 1rem;background:#ffffff1a;border-radius:var(--techdetail-radius-sm)}.techdetail-tabs{padding:0 1.5rem}.techdetail-main{padding:1.25rem 1.5rem}}@media(max-width:768px){.techdetail-overlay{padding:0;align-items:flex-end}.techdetail-container{max-height:95vh;border-radius:var(--techdetail-radius-xl) var(--techdetail-radius-xl) 0 0}.techdetail-header-content{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem}.techdetail-avatar{width:52px;height:52px}.techdetail-avatar span{font-size:1.5rem}.techdetail-profile-info h1{font-size:1.25rem}.techdetail-header-actions{width:100%;justify-content:space-between}.techdetail-export-btn span,.techdetail-back-btn span{display:none}.techdetail-export-btn,.techdetail-back-btn{padding:.625rem}.techdetail-stats-bar{padding:.75rem 1rem;justify-content:space-between}.techdetail-stat-item{flex-direction:column;gap:.25rem;padding:.5rem;text-align:center;flex:1}.techdetail-stat-icon{width:32px;height:32px}.techdetail-stat-value{font-size:1rem}.techdetail-stat-label{font-size:.5625rem}.techdetail-tabs{padding:0 1rem}.techdetail-tab{padding:.75rem 1rem;font-size:.8125rem}.techdetail-tab span:not(.techdetail-tab-count){display:none}.techdetail-tab svg{width:20px;height:20px}.techdetail-main{padding:1rem}.techdetail-section-title{flex-direction:column;align-items:flex-start;gap:.5rem}.techdetail-table-wrapper{overflow-x:auto}.techdetail-table{min-width:600px}.techdetail-table th,.techdetail-table td{padding:.75rem 1rem}}@media(max-width:480px){.techdetail-stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.techdetail-stat-item{background:#ffffff1a;border-radius:var(--techdetail-radius-sm);padding:.625rem}.techdetail-tab-count{display:none}}@media(prefers-reduced-motion:reduce){.techdetail-ambient-orb,.techdetail-spinner-orbit,.techdetail-spinner-core,.techdetail-loading-progress,.techdetail-avatar-ring,.techdetail-container,.techdetail-overlay,.techdetail-table tbody tr{animation:none}.techdetail-result:hover{transform:none}}.blogpg-page{--blogpg-primary: #3b82f6;--blogpg-primary-dark: #2563eb;--blogpg-primary-light: #dbeafe;--blogpg-primary-glow: rgba(59, 130, 246, .4);--blogpg-success: #10b981;--blogpg-success-dark: #059669;--blogpg-success-light: #d1fae5;--blogpg-warning: #f59e0b;--blogpg-warning-light: #fef3c7;--blogpg-purple: #8b5cf6;--blogpg-purple-dark: #7c3aed;--blogpg-purple-light: #ede9fe;--blogpg-purple-glow: rgba(139, 92, 246, .4);--blogpg-text-primary: #0f172a;--blogpg-text-secondary: #475569;--blogpg-text-muted: #94a3b8;--blogpg-bg-page: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--blogpg-bg-card: rgba(255, 255, 255, .9);--blogpg-bg-card-solid: #ffffff;--blogpg-border: rgba(226, 232, 240, .8);--blogpg-border-light: rgba(241, 245, 249, .9);--blogpg-glass-bg: rgba(255, 255, 255, .8);--blogpg-glass-border: rgba(255, 255, 255, .4);--blogpg-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--blogpg-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--blogpg-shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .05);--blogpg-shadow-xl: 0 24px 60px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .08);--blogpg-radius-sm: 10px;--blogpg-radius-md: 14px;--blogpg-radius-lg: 18px;--blogpg-radius-xl: 24px;--blogpg-transition: .3s cubic-bezier(.4, 0, .2, 1)}.blogpg-page{position:relative;min-height:100vh;background:var(--blogpg-bg-page);overflow-x:hidden}.blogpg-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.blogpg-ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:blogpg-float 20s ease-in-out infinite}.blogpg-ambient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);top:-150px;right:-100px;animation-duration:25s}.blogpg-ambient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);bottom:20%;left:-100px;animation-delay:-10s}.blogpg-ambient-orb.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);top:50%;right:10%;animation-delay:-5s;animation-duration:18s}@keyframes blogpg-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.blogpg-nav{position:sticky;top:0;z-index:100;background:var(--blogpg-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--blogpg-glass-border);box-shadow:var(--blogpg-shadow-sm)}.blogpg-nav-container{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.blogpg-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--blogpg-transition)}.blogpg-logo:hover{transform:translate(-2px)}.blogpg-logo-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--blogpg-primary) 0%,var(--blogpg-purple) 100%);border-radius:var(--blogpg-radius-md);color:#fff;box-shadow:0 4px 12px var(--blogpg-primary-glow)}.blogpg-logo-text{font-size:1.25rem;font-weight:800;color:var(--blogpg-text-primary);letter-spacing:-.02em}.blogpg-back-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--blogpg-bg-card-solid);border:1px solid var(--blogpg-border);border-radius:var(--blogpg-radius-md);font-size:.875rem;font-weight:600;color:var(--blogpg-text-secondary);cursor:pointer;transition:all var(--blogpg-transition)}.blogpg-back-btn:hover{background:var(--blogpg-primary-light);color:var(--blogpg-primary);border-color:var(--blogpg-primary);transform:translate(-2px)}.blogpg-hero{position:relative;z-index:1;padding:5rem 2rem;overflow:hidden}.blogpg-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--blogpg-primary) 0%,var(--blogpg-purple) 100%);z-index:-1}.blogpg-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%)}.blogpg-hero-content{max-width:800px;margin:0 auto;text-align:center;color:#fff}.blogpg-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.8125rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blogpg-hero-title{font-size:3rem;font-weight:900;margin:0 0 1rem;letter-spacing:-.03em;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.2)}.blogpg-hero-subtitle{font-size:1.125rem;opacity:.9;line-height:1.6;max-width:600px;margin:0 auto}.blogpg-main{position:relative;z-index:1;padding:4rem 0}.blogpg-container{max-width:1280px;margin:0 auto;padding:0 2rem}.blogpg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;padding:3rem}.blogpg-loading-spinner{position:relative;width:70px;height:70px}.blogpg-spinner-orbit{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;animation:blogpg-orbit 2s linear infinite}.blogpg-spinner-orbit:nth-child(1){border-color:#3b82f633;border-top-color:var(--blogpg-primary);animation-duration:1.5s}.blogpg-spinner-orbit:nth-child(2){inset:8px;border-color:#8b5cf633;border-right-color:var(--blogpg-purple);animation-duration:2s;animation-direction:reverse}.blogpg-spinner-orbit:nth-child(3){inset:16px;border-color:#10b98133;border-bottom-color:var(--blogpg-success);animation-duration:2.5s}.blogpg-spinner-dot{position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.blogpg-spinner-orbit:nth-child(1) .blogpg-spinner-dot{background:var(--blogpg-primary);box-shadow:0 0 10px var(--blogpg-primary-glow)}.blogpg-spinner-orbit:nth-child(2) .blogpg-spinner-dot{background:var(--blogpg-purple);box-shadow:0 0 10px var(--blogpg-purple-glow)}.blogpg-spinner-orbit:nth-child(3) .blogpg-spinner-dot{background:var(--blogpg-success)}.blogpg-spinner-core{position:absolute;inset:24px;background:linear-gradient(135deg,var(--blogpg-primary) 0%,var(--blogpg-purple) 100%);border-radius:50%;animation:blogpg-pulse 1.5s ease-in-out infinite}@keyframes blogpg-orbit{to{transform:rotate(360deg)}}@keyframes blogpg-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}.blogpg-loading-text{font-size:.9375rem;font-weight:600;color:var(--blogpg-text-secondary)}.blogpg-loading-bar{width:180px;height:4px;background:var(--blogpg-border);border-radius:4px;overflow:hidden}.blogpg-loading-progress{height:100%;width:40%;background:linear-gradient(90deg,var(--blogpg-primary),var(--blogpg-purple),var(--blogpg-primary));background-size:200% 100%;border-radius:4px;animation:blogpg-progress 1.5s ease-in-out infinite}@keyframes blogpg-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.blogpg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem;background:var(--blogpg-bg-card);border-radius:var(--blogpg-radius-xl);box-shadow:var(--blogpg-shadow-md)}.blogpg-empty-icon{color:var(--blogpg-text-muted);opacity:.4;margin-bottom:1rem}.blogpg-empty h3{font-size:1.25rem;font-weight:700;color:var(--blogpg-text-primary);margin:0 0 .5rem}.blogpg-empty p{font-size:.9375rem;color:var(--blogpg-text-secondary);margin:0}.blogpg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}.blogpg-card{background:var(--blogpg-bg-card);border:1px solid var(--blogpg-glass-border);border-radius:var(--blogpg-radius-xl);overflow:hidden;cursor:pointer;transition:all var(--blogpg-transition);animation:blogpg-card-enter .4s ease backwards;display:flex;flex-direction:column}@keyframes blogpg-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blogpg-card:hover{transform:translateY(-6px);box-shadow:var(--blogpg-shadow-lg);border-color:var(--blogpg-primary-light)}.blogpg-card-image{position:relative;width:100%;height:200px;overflow:hidden}.blogpg-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blogpg-card:hover .blogpg-card-image img{transform:scale(1.05)}.blogpg-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--blogpg-primary) 0%,var(--blogpg-purple) 100%);display:flex;align-items:center;justify-content:center;color:#fff;opacity:.9}.blogpg-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity var(--blogpg-transition)}.blogpg-card:hover .blogpg-card-overlay{opacity:1}.blogpg-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blogpg-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.blogpg-card-date,.blogpg-card-views{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--blogpg-text-muted)}.blogpg-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.blogpg-tag{padding:.25rem .75rem;background:var(--blogpg-primary-light);color:var(--blogpg-primary);border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.blogpg-card-title{font-size:1.125rem;font-weight:700;color:var(--blogpg-text-primary);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blogpg-card-excerpt{font-size:.875rem;color:var(--blogpg-text-secondary);line-height:1.6;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogpg-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--blogpg-border-light);margin-top:auto}.blogpg-card-link{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--blogpg-primary);transition:all var(--blogpg-transition)}.blogpg-card-link svg{transition:transform var(--blogpg-transition)}.blogpg-card:hover .blogpg-card-link svg{transform:translate(4px)}.blogpg-card-time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--blogpg-text-muted)}.blogpg-modal-overlay{position:fixed;inset:0;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto;animation:blogpg-fade-in .3s ease}@keyframes blogpg-fade-in{0%{opacity:0}to{opacity:1}}.blogpg-modal{width:100%;max-width:840px;background:#fff;border-radius:var(--blogpg-radius-xl);box-shadow:var(--blogpg-shadow-xl);margin:auto;animation:blogpg-modal-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes blogpg-modal-enter{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.blogpg-modal-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--blogpg-border-light);z-index:10}.blogpg-modal-header-left{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--blogpg-text-muted)}.blogpg-modal-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--blogpg-primary-light);color:var(--blogpg-primary);border-radius:var(--blogpg-radius-sm)}.blogpg-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--blogpg-radius-sm);color:var(--blogpg-text-muted);cursor:pointer;transition:all var(--blogpg-transition)}.blogpg-modal-close:hover{background:var(--blogpg-border-light);color:var(--blogpg-text-primary)}.blogpg-modal-content{padding:2rem 2.5rem 3rem;background:#fff}.blogpg-modal-image{width:100%;height:320px;border-radius:var(--blogpg-radius-lg);overflow:hidden;margin-bottom:2rem}.blogpg-modal-image img{width:100%;height:100%;object-fit:cover}.blogpg-modal-title{font-size:2rem;font-weight:800;color:var(--blogpg-text-primary);margin:0 0 1.25rem;line-height:1.3;letter-spacing:-.02em}.blogpg-modal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--blogpg-border-light)}.blogpg-modal-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--blogpg-text-muted)}.blogpg-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blogpg-modal-body{font-size:1rem;line-height:1.8;color:var(--blogpg-text-secondary)}.blogpg-modal-body h2{font-size:1.5rem;font-weight:700;color:var(--blogpg-text-primary);margin:2.5rem 0 1rem;line-height:1.3}.blogpg-modal-body h3{font-size:1.25rem;font-weight:600;color:var(--blogpg-text-primary);margin:2rem 0 .75rem}.blogpg-modal-body p{margin:0 0 1.25rem}.blogpg-modal-body ul,.blogpg-modal-body ol{margin:0 0 1.25rem;padding-left:1.5rem}.blogpg-modal-body li{margin-bottom:.5rem}.blogpg-modal-body a{color:var(--blogpg-primary);text-decoration:none;font-weight:500;transition:color var(--blogpg-transition)}.blogpg-modal-body a:hover{color:var(--blogpg-primary-dark);text-decoration:underline}.blogpg-modal-body blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:var(--blogpg-primary-light);border-left:4px solid var(--blogpg-primary);border-radius:0 var(--blogpg-radius-sm) var(--blogpg-radius-sm) 0;font-style:italic;color:var(--blogpg-text-primary)}.blogpg-modal-body code{padding:.125rem .375rem;background:var(--blogpg-border-light);border-radius:4px;font-family:monospace;font-size:.875em}.blogpg-modal-body pre{margin:1.5rem 0;padding:1.25rem;background:var(--blogpg-text-primary);color:#e2e8f0;border-radius:var(--blogpg-radius-md);overflow-x:auto}.blogpg-modal-body pre code{padding:0;background:transparent;color:inherit}.blogpg-modal-body img{max-width:100%;height:auto;border-radius:var(--blogpg-radius-md);margin:1.5rem 0}@media(max-width:1024px){.blogpg-hero-title{font-size:2.5rem}.blogpg-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blogpg-nav-container{padding:.75rem 1rem}.blogpg-back-btn span{display:none}.blogpg-back-btn{padding:.625rem}.blogpg-hero{padding:3rem 1rem}.blogpg-hero-title{font-size:2rem}.blogpg-hero-subtitle{font-size:1rem}.blogpg-container{padding:0 1rem}.blogpg-grid{grid-template-columns:1fr;gap:1rem}.blogpg-card-image{height:180px}.blogpg-card-content{padding:1.25rem}.blogpg-modal-overlay{padding:0;align-items:flex-end}.blogpg-modal{max-height:95vh;border-radius:var(--blogpg-radius-xl) var(--blogpg-radius-xl) 0 0;overflow-y:auto}.blogpg-modal-content{padding:1.5rem}.blogpg-modal-title{font-size:1.5rem}.blogpg-modal-image{height:200px;margin-bottom:1.5rem}.blogpg-modal-meta{gap:1rem}}@media(max-width:480px){.blogpg-logo-text{font-size:1rem}.blogpg-logo-icon{width:36px;height:36px}.blogpg-hero-title{font-size:1.75rem}.blogpg-card-title{font-size:1rem}.blogpg-modal-title{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.blogpg-ambient-orb,.blogpg-spinner-orbit,.blogpg-spinner-core,.blogpg-loading-progress,.blogpg-card,.blogpg-modal{animation:none}.blogpg-card:hover,.blogpg-logo:hover,.blogpg-back-btn:hover{transform:none}}.contact-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column}.contact-nav{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.contact-nav-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.contact-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s}.contact-logo:hover{opacity:.8}.contact-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.contact-logo-text{display:flex;flex-direction:column}.contact-logo-name{font-size:1.25rem;font-weight:700;color:#1e293b}.contact-back-btn{display:flex;align-items:center;gap:.5rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:.625rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.contact-back-btn:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1}.contact-content{flex:1;max-width:1200px;margin:0 auto;padding:4rem 2rem;width:100%}.contact-header{text-align:center;margin-bottom:4rem}.contact-header h1{font-size:3rem;font-weight:800;color:#0f172a;margin:0 0 1rem;letter-spacing:-.02em}.contact-header p{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-info-card{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;transition:all .3s}.contact-info-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.contact-info-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.contact-info-icon.business{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.contact-info-icon.support{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.contact-info-icon.email{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.contact-info-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .75rem}.contact-info-card p{color:#64748b;line-height:1.6;margin:0}.contact-email-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s}.contact-email-link:hover{color:#2563eb;text-decoration:underline}.contact-response-time{font-size:.875rem;color:#94a3b8;margin-top:.5rem}.contact-form-section{background:#fff;border-radius:20px;padding:3rem;border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000a}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{font-size:.9375rem;font-weight:600;color:#334155}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#1e293b;transition:all .2s;font-family:inherit;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer}.form-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:500}.form-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.contact-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-footer{background:#fff;border-top:1px solid #e2e8f0;padding:2rem;text-align:center}.contact-footer p{margin:0;color:#64748b;font-size:.875rem}@media(max-width:968px){.contact-layout{grid-template-columns:1fr;gap:2rem}.contact-header h1{font-size:2.5rem}}@media(max-width:640px){.contact-content{padding:2rem 1rem}.contact-header{margin-bottom:2rem}.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.contact-form-section{padding:2rem 1.5rem}.contact-nav-inner{padding:1rem}.contact-back-btn{padding:.5rem .875rem;font-size:.875rem}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f7fa}#root{min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.achievement-popup{position:fixed;top:20px;right:20px;z-index:9999;animation:slideInRight .5s ease-out}.achievement-popup-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000004d;min-width:320px;max-width:400px;position:relative}.achievement-popup-close{position:absolute;top:.5rem;right:.5rem;background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .2s}.achievement-popup-close:hover{background:#ffffff4d}.achievement-popup-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.achievement-popup-icon{font-size:3rem;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.achievement-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.achievement-popup-body h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.achievement-popup-body p{margin:0 0 1rem;opacity:.9;font-size:.95rem}.achievement-popup-points{display:inline-block;background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1rem}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.25rem;color:#64748b}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:#fff;border-radius:12px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.auth-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1e293b;text-align:center}.auth-subtitle{margin:0 0 2rem;color:#64748b;text-align:center;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-weight:500;color:#334155;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.9rem}.success-message{background:#f0fdf4;border:1px solid #86efac;color:#16a34a;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:600;animation:slideInSuccess .3s ease-out}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.forgot-password-link{background:none;border:none;color:#2563eb;padding:.5rem;margin-top:.5rem;cursor:pointer;font-size:.875rem;transition:color .2s;text-align:center;width:100%}.forgot-password-link:hover{color:#1e40af;text-decoration:underline}.toggle-button{background:none;border:none;color:#2563eb;padding:.75rem;margin-top:.5rem;cursor:pointer;font-size:.9rem;transition:color .2s}.toggle-button:hover{color:#1e40af;text-decoration:underline}.dashboard{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.dashboard-header h1{margin:0 0 .5rem;font-size:2rem;color:#1e293b}.role-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:600}.sign-out-button,.signout-button{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.sign-out-button:hover,.signout-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4755694d;background:linear-gradient(135deg,#475569,#334155)}.performance-insights{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.performance-insights h2{color:#1e293b;margin:0 0 2rem;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:0}.stats-grid .stat-card{background:#fff;padding:2rem 1.75rem;border-radius:16px;box-shadow:0 2px 12px #0000000d;border:1px solid #e2e8f0;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stats-grid .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);opacity:0;transition:opacity .3s ease}.stats-grid .stat-card:nth-child(1):before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stats-grid .stat-card:nth-child(2):before{background:linear-gradient(90deg,#10b981,#059669)}.stats-grid .stat-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stats-grid .stat-card:nth-child(4):before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stats-grid .stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:#cbd5e1}.stats-grid .stat-card:hover:before{opacity:1}.stats-grid .stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{background:#fafafa}.stat-badge{margin-top:.5rem;padding:.25rem .75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;display:inline-block;box-shadow:0 2px 8px #f59e0b4d}.stat-icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stats-grid .stat-value{font-size:3rem;font-weight:800;color:#0f172a!important;margin-bottom:.5rem;line-height:1;display:block;letter-spacing:-1px}.stats-grid .stat-label{color:#64748b;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px)and (max-width:1023px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.performance-insights{padding:2rem}.performance-insights h2{font-size:1.5rem}.stats-grid .stat-value{font-size:2.5rem}}@media(max-width:639px){.stats-grid{grid-template-columns:1fr;gap:1rem}.performance-insights{padding:1.5rem;border-radius:16px}.performance-insights h2{font-size:1.375rem;margin-bottom:1.5rem}.stats-grid .stat-card{padding:1.75rem 1.5rem}.stat-icon{font-size:2.25rem}.stats-grid .stat-value{font-size:2.5rem}.stats-grid .stat-label{font-size:.8125rem}}.section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.section h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1e293b}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.category-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-code{background:#667eea;color:#fff;padding:.4rem .75rem;border-radius:6px;font-weight:700;font-size:.9rem}.category-score{background:#10b981;color:#fff;padding:.35rem .7rem;border-radius:6px;font-weight:600;font-size:.85rem}.category-card h3{margin:0 0 .75rem;font-size:1.2rem;color:#1e293b}.category-card p{margin:0 0 1.25rem;color:#64748b;font-size:.9rem;line-height:1.5}.category-footer{display:flex;justify-content:space-between;align-items:center}.tests-taken{color:#64748b;font-size:.85rem}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.test-history{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.history-table td{padding:1rem;border-bottom:1px solid #e2e8f0}.score{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-weight:600;font-size:.9rem}.score.pass{background:#d1fae5;color:#065f46}.score.fail{background:#fee2e2;color:#991b1b}.status{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.status.completed{background:#dbeafe;color:#1e40af}.status.in-progress{background:#fef3c7;color:#92400e}.empty-state{text-align:center;color:#64748b;padding:2rem}.history-cards-mobile{display:none}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.history-card:hover{box-shadow:0 4px 8px #0000001f}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.history-card-category{flex:1;display:flex;flex-direction:column;gap:.25rem}.category-code{font-size:.875rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.category-name{font-size:.875rem;color:#4b5563;font-weight:500}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#dbeafe;color:#1e40af}.status-badge.in-progress{background:#fef3c7;color:#92400e}.history-card-details{display:flex;flex-direction:column;gap:.75rem}.history-detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:.9375rem;color:#111827;font-weight:600}.score-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-weight:700;font-size:.875rem}.score-badge.pass{background:#d1fae5;color:#065f46}.score-badge.fail{background:#fee2e2;color:#991b1b}.test-interface{min-height:100vh;background:#f8fafc;padding:2rem}.test-header{background:#fff;padding:1.5rem 2rem;border-radius:12px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.test-header h1{margin:0 0 .25rem;font-size:1.75rem;color:#1e293b}.test-header p{margin:0;color:#64748b;font-size:.95rem}.test-progress{color:#667eea;font-weight:600}.test-content{max-width:900px;margin:0 auto}.question-card{background:#fff;padding:2.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.question-text{font-size:1.35rem;color:#1e293b;margin:0 0 2rem;line-height:1.6}.answer-options{display:flex;flex-direction:column;gap:1rem}.option-button,.answer-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem}.option-button:hover,.answer-option:hover{border-color:#667eea;background:#f8fafc;transform:translate(4px)}.option-button.selected,.answer-option.selected{border-color:#10b981;background:#d1fae5;box-shadow:0 0 0 3px #10b9811a}.option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#667eea;color:#fff;border-radius:50%;font-weight:700;font-size:1.1rem;flex-shrink:0;transition:all .2s}.option-button.selected .option-letter,.answer-option.selected .option-letter{background:#10b981;transform:scale(1.1)}.option-text{flex:1;color:#334155;line-height:1.5}.answer-option.selected .option-text{color:#065f46;font-weight:600}.test-navigation{background:#fff;padding:1.5rem 2rem;border-radius:12px;display:flex;gap:1rem;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a}.nav-button{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.nav-button:hover:not(:disabled){background:#5568d3}.nav-button:disabled{background:#cbd5e1;cursor:not-allowed}.question-indicators{display:flex;gap:.5rem;flex-wrap:wrap;flex:1;justify-content:center}.indicator{width:40px;height:40px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.indicator:hover{border-color:#667eea}.indicator.active{background:#667eea;color:#fff;border-color:#667eea}.indicator.answered{background:#d1fae5;border-color:#10b981}.indicator.answered.active{background:#10b981;color:#fff}.test-results{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;align-items:center;justify-content:center}.results-card{background:#fff;border-radius:16px;padding:3rem;max-width:1000px;width:100%;box-shadow:0 20px 60px #0000004d}.results-card h1{text-align:center;margin:0 0 2rem;font-size:2.5rem;color:#1e293b}.score-display{text-align:center;margin-bottom:2rem;padding:2rem;border-radius:12px}.score-display.pass{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.score-display.fail{background:linear-gradient(135deg,#fee2e2,#fecaca)}.score-value{font-size:4rem;font-weight:800;margin-bottom:.5rem}.score-display.pass .score-value{color:#065f46}.score-display.fail .score-value{color:#991b1b}.score-label{font-size:1.5rem;font-weight:700}.score-display.pass .score-label{color:#047857}.score-display.fail .score-label{color:#b91c1c}.score-details{text-align:center;color:#64748b;font-size:1.1rem;margin-bottom:3rem}.results-breakdown{margin-bottom:2rem}.results-breakdown h2{font-size:1.75rem;margin:0 0 1.5rem;color:#1e293b}.question-review{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.question-review.correct{border-color:#10b981;background:#f0fdf4}.question-review.incorrect{border-color:#ef4444;background:#fef2f2}.question-number{font-weight:700;color:#667eea;margin-bottom:.75rem;font-size:.9rem}.question-review .question-text{font-size:1.1rem;margin-bottom:1rem;color:#1e293b}.question-review .answer-options{gap:.75rem;margin-bottom:1rem}.question-review .option{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.95rem}.question-review .option.selected{border-width:2px;border-color:#3b82f6;background:#eff6ff;font-weight:600}.question-review .option.correct{border-width:2px;border-color:#10b981;background:#d1fae5;font-weight:600}.explanation{padding:1rem;background:#f8fafc;border-left:4px solid #667eea;border-radius:6px;font-size:.95rem;color:#475569;line-height:1.5}.study-reference{background:#fef3c7;padding:1rem;margin-top:1rem;border-left:4px solid #f59e0b;border-radius:6px;font-size:.95rem;color:#92400e;line-height:1.5}.study-reference strong{color:#f59e0b}.return-button{display:block;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.return-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.empty-state-card{background:#fff;border-radius:12px;padding:3rem;text-align:center;box-shadow:0 2px 8px #0000001a}.empty-state-card h2{margin:0 0 1rem;font-size:2rem;color:#1e293b}.empty-state-card p{margin:0 0 2rem;color:#64748b;font-size:1.1rem}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.form-card{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 2px 8px #0000001a;max-width:500px;margin:0 auto}.form-card h2{margin:0 0 1.5rem;font-size:1.75rem;color:#1e293b}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.secondary-button{background:#f1f5f9;color:#475569;border:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.secondary-button:hover{background:#e2e8f0}.tech-list,.test-history{overflow-x:auto}.tech-table{width:100%;border-collapse:collapse}.tech-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.tech-table td{padding:1rem;border-bottom:1px solid #e2e8f0}.tech-name-link{background:none;border:none;color:#0ea5e9;font-weight:600;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline;text-decoration-color:transparent;transition:all .2s}.tech-name-link:hover{color:#0284c7;text-decoration-color:#0284c7}.show-all-button{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.show-all-button:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.view-button{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.view-button:hover{background:#5568d3}.manager-button{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:1rem}.manager-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #05966966}.achievements-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:1rem}.achievements-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f59e0b66}.back-button{background:#64748b;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.back-button:hover{background:#475569}.achievements-panel{padding:1rem 0}.achievement-notification{position:fixed;top:2rem;right:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0003;z-index:1000;animation:slideIn .5s ease-out;max-width:400px;border:3px solid #f59e0b}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.achievement-notification h3{margin:0 0 1rem;color:#1e293b;font-size:1.25rem}.new-achievement{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.achievement-icon-large{font-size:3rem}.new-achievement strong{display:block;color:#1e293b;font-size:1.1rem;margin-bottom:.25rem}.new-achievement p{margin:0;color:#64748b;font-size:.9rem}.achievements-header{margin-bottom:2rem}.achievements-stats{display:flex;gap:2rem;margin-bottom:2rem;justify-content:center}.achievements-stats .stat{text-align:center}.achievements-stats .stat-value{font-size:2.5rem;font-weight:700;color:#f59e0b;display:block}.achievements-stats .stat-label{color:#64748b;font-size:.95rem}.achievements-filters{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.filter-group{display:flex;gap:.5rem;background:#f1f5f9;padding:.35rem;border-radius:8px}.filter-btn{background:transparent;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;color:#64748b;transition:all .2s}.filter-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.category-filter{padding:.5rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;font-weight:600;color:#475569;cursor:pointer}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.achievement-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;transition:transform .2s,box-shadow .2s}.achievement-card.earned{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.achievement-card.locked{opacity:.6}.achievement-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.achievement-icon{font-size:3rem;flex-shrink:0}.achievement-card.locked .achievement-icon{filter:grayscale(100%);opacity:.5}.achievement-info{flex:1}.achievement-info h4{margin:0 0 .5rem;font-size:1.1rem;color:#1e293b}.achievement-info p{margin:0 0 .75rem;color:#64748b;font-size:.9rem;line-height:1.5}.achievement-meta{display:flex;gap:.75rem;margin-bottom:.5rem}.achievement-category{background:#e0e7ff;color:#4338ca;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.achievement-points{background:#dcfce7;color:#166534;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.achievement-earned{color:#059669;font-size:.85rem;font-weight:600}.category-actions{display:flex;gap:.5rem}.study-button{background:#10b981;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:.9rem}.study-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #10b98166}.study-book{min-height:100vh;background:#f8fafc}.study-header{background:#fff;padding:2rem;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d}.study-header h1{margin:0 0 .5rem;font-size:2rem;color:#1e293b}.study-subtitle{margin:0;color:#64748b;font-size:1rem}.close-study-button{background:#ef4444;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.close-study-button:hover{background:#dc2626}.study-container{display:grid;grid-template-columns:320px 1fr;max-width:1600px;margin:0 auto;min-height:calc(100vh - 120px)}.study-sidebar{background:#fff;border-right:2px solid #e2e8f0;padding:2rem 1.5rem;overflow-y:auto;position:sticky;top:0;height:calc(100vh - 120px)}.study-sidebar h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem}.no-content{color:#64748b;font-size:.9rem;line-height:1.6}.chapter-nav{display:flex;flex-direction:column;gap:.5rem}.chapter-item{display:flex;flex-direction:column}.chapter-button{background:#f8fafc;border:none;padding:1rem;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.35rem}.chapter-button:hover{background:#e2e8f0}.chapter-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chapter-number{font-size:.75rem;font-weight:600;text-transform:uppercase;opacity:.8}.chapter-title{font-weight:600;font-size:.95rem}.section-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;margin-left:1rem;padding-left:1rem;border-left:2px solid #e2e8f0}.section-button{background:transparent;border:none;padding:.6rem .75rem;border-radius:6px;text-align:left;cursor:pointer;transition:all .2s;color:#475569;font-size:.9rem}.section-button:hover{background:#f1f5f9;color:#1e293b}.section-button.active{background:#ede9fe;color:#667eea;font-weight:600}.study-content{padding:3rem;overflow-y:auto}.chapter-header{margin-bottom:3rem}.chapter-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.chapter-header h2{margin:0 0 .75rem;font-size:2.5rem;color:#1e293b}.chapter-description{color:#64748b;font-size:1.1rem;margin:0}.section-content{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 2px 8px #0000000d;max-width:900px}.section-title{margin:0 0 2rem;font-size:2rem;color:#1e293b;border-bottom:3px solid #667eea;padding-bottom:1rem}.section-text{line-height:1.8;font-size:1.05rem;color:#334155}.content-heading{margin:2rem 0 1rem;font-size:1.4rem;color:#1e293b;font-weight:700}.content-paragraph{margin:0 0 1.5rem}.definition-list{margin:1rem 0 2rem;padding-left:1.5rem;list-style:none}.definition-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative;line-height:1.7}.definition-list li:before{content:"▸";position:absolute;left:0;color:#667eea;font-weight:700}.definition-list li strong{color:#667eea;font-weight:700}.section-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.nav-section-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-section-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.nav-section-button.next{margin-left:auto}.no-section-selected{background:#fff;border-radius:12px;padding:4rem;text-align:center;color:#64748b;font-size:1.1rem}.header-actions{display:flex;gap:.75rem;align-items:center}.analytics-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.analytics-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.master-challenge-button{position:relative;background:linear-gradient(135deg,gold,#ffed4e 20%,#ff6b6b);color:#1a1a1a;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ffd70066,0 0 20px #ffd70033;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px;overflow:hidden;text-transform:uppercase;font-size:.95rem}.master-challenge-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.master-challenge-button:hover:before{left:100%}.master-challenge-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ffd70080,0 0 30px #ffd7004d,0 0 40px #ff6b6b33;background:linear-gradient(135deg,#ffed4e,gold 20%,#ff6b6b)}.master-challenge-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #ffd70066}@keyframes challengePulse{0%,to{box-shadow:0 4px 15px #ffd70066,0 0 20px #ffd70033}50%{box-shadow:0 4px 20px #ffd70099,0 0 30px #ffd70066}}.master-challenge-button{animation:challengePulse 2s ease-in-out infinite}.master-challenge-button:hover{animation:none}.master-challenge-button-shimmer{position:relative;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#fbbf24);background-size:200% 200%;color:#fff;border:2px solid #fbbf24;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f666,inset 0 0 0 1px #fbbf244d;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;animation:gradientShift 3s ease infinite;text-transform:uppercase;font-size:.95rem}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.master-challenge-button-shimmer:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3b82f680,0 0 30px #fbbf2466,inset 0 0 0 2px #fbbf2480;border-color:#fff}.master-challenge-button:after{content:"⚡";margin-left:.5rem;font-size:1.1em;display:inline-block;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(15deg)}}.leaderboard-button,.challenge-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:1rem}.leaderboard-button:hover,.challenge-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.analytics-panel{max-width:1400px;margin:0 auto;padding:3rem 2rem;background:#fff;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #F3F4F6}.analytics-header h2{margin:0;font-size:2rem;font-weight:700;color:#111827;letter-spacing:-.025em}.view-selector{display:flex;gap:.5rem;background:#f9fafb;padding:.375rem;border-radius:12px;border:1px solid #E5E7EB}.view-selector button{background:transparent;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.view-selector button.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.view-selector button:hover:not(.active){background:#fff;color:#111827;box-shadow:0 2px 4px #0000000d}.overview-section{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-box{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #E5E7EB;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#2563eb)}.stat-box:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.stat-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-info{flex:1}.stat-value{font-size:2.5rem;font-weight:800;color:#111827;line-height:1;letter-spacing:-.025em}.stat-label{font-size:.875rem;font-weight:600;color:#6b7280;margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}.chart-section{background:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:2.5rem;box-shadow:0 1px 3px #0000000d}.chart-section h3{margin:0 0 2rem;font-size:1.375rem;font-weight:700;color:#111827;letter-spacing:-.025em}.bar-chart{display:flex;flex-direction:column;gap:1.25rem}.bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-label{display:flex;justify-content:space-between;align-items:center;font-weight:600}.bar-category{color:#475569}.bar-value{color:#3b82f6;font-size:1.125rem;font-weight:700}.bar-container{background:#f3f4f6;border-radius:12px;height:40px;overflow:hidden;border:1px solid #E5E7EB}.bar-fill{height:100%;border-radius:12px;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding:0 1rem;color:#fff;font-weight:700;font-size:.875rem;position:relative;overflow:hidden}.bar-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.bar-fill.pass{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.bar-fill.fail{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.trends-section{background:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:2.5rem;box-shadow:0 1px 3px #0000000d}.trends-section h3{margin:0 0 2.5rem;font-size:1.375rem;font-weight:700;color:#111827;letter-spacing:-.025em}.line-chart{display:flex;gap:1rem;height:320px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:#94a3b8;padding-top:10px;padding-bottom:30px}.chart-canvas{flex:1;position:relative;padding-bottom:30px}.chart-grid{position:absolute;inset:10px 0 30px}.grid-line{position:absolute;left:0;right:0;height:1px;background:#e2e8f0}.chart-svg{width:100%;height:calc(100% - 30px);margin-top:10px}.chart-x-axis{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8;padding:0 1rem}.no-data{text-align:center;padding:3rem;color:#94a3b8}.insights{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #E5E7EB;border-radius:12px}.insights h4{margin:0 0 1.25rem;font-size:1.125rem;font-weight:700;color:#111827}.insights ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.insights li{padding:1rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:.75rem}.insights li:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.insight-positive{background:#ecfdf5;color:#065f46;border:2px solid #10B981}.insight-positive:before{background:#10b981}.insight-warning{background:#fffbeb;color:#92400e;border:2px solid #F59E0B}.insight-warning:before{background:#f59e0b}.categories-section{background:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:2.5rem;box-shadow:0 1px 3px #0000000d}.categories-section h3{margin:0 0 2rem;font-size:1.375rem;font-weight:700;color:#111827;letter-spacing:-.025em}.category-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.category-detail-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #E5E7EB;border-radius:12px;padding:1.75rem;transition:all .3s ease}.category-detail-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.category-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.category-detail-header h4{margin:0;font-size:1.125rem;font-weight:700;color:#111827;letter-spacing:-.025em}.score-badge{padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:1.125rem;box-shadow:0 2px 8px #0000001a}.score-badge.pass{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.score-badge.fail{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.category-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-stat{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.85rem;color:#64748b}.detail-value{font-size:1.1rem;font-weight:700;color:#1e293b}.detail-value.positive{color:#10b981}.detail-value.negative{color:#ef4444}.recommendation{margin-top:1rem;padding:.75rem;background:#fef3c7;border-radius:6px;font-size:.9rem;color:#92400e}.action-buttons{display:flex;gap:.5rem;align-items:center}.analytics-link-button{background:#667eea;color:#fff;border:none;padding:.4rem .65rem;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.analytics-link-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #667eea66}.full-exam-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:0 8px 20px #667eea4d}.full-exam-info h3{margin:0 0 .75rem;font-size:1.75rem}.full-exam-info p{margin:.5rem 0;opacity:.95}.exam-features{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.exam-features li{font-size:.95rem;opacity:.95}.full-exam-button{background:#fff;color:#667eea;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000026}.full-exam-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040}.full-exam{min-height:100vh;background:linear-gradient(to bottom,#f8fafc,#e2e8f0)}.exam-header{background:linear-gradient(135deg,#1e293b,#334155);padding:2rem;box-shadow:0 4px 12px #00000026;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.exam-info h1{margin:0;font-size:1.75rem;color:#fff}.exam-info p{margin:.5rem 0 0;color:#fffc;font-size:1rem}.exam-stats{display:flex;gap:2rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;font-weight:600}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.timer-stat{background:#10b98133;border-color:#10b9814d}.timer-stat.warning{background:#fbbf2433;border-color:#fbbf244d}.timer-stat.warning .stat-label,.timer-stat.warning .stat-value{color:#fbbf24}.timer-stat.critical{background:#ef444433;border-color:#ef44444d;animation:pulse-border 1s infinite}.timer-stat.critical .stat-label,.timer-stat.critical .stat-value{color:#f87171}@keyframes pulse-border{0%,to{border-color:#ef444480;box-shadow:0 0 #ef444466}50%{border-color:#ef4444cc;box-shadow:0 0 20px #ef444466}}.timer-value{font-family:Courier New,monospace;font-size:1.75rem}.exam-content{padding:2rem;display:grid;grid-template-columns:1fr 350px;gap:2rem;max-width:1600px;margin:0 auto}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.question-count{font-weight:600;color:#64748b}.category-tag{background:#ede9fe;color:#667eea;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.flag-button{background:transparent;border:2px solid #e2e8f0;color:#64748b;padding:.35rem .75rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.flag-button:hover{border-color:#f59e0b;color:#f59e0b}.flag-button.flagged{border-color:#f59e0b;background:#fef3c7;color:#92400e}.exam-navigation{display:flex;flex-direction:column;gap:1.5rem}.nav-buttons{display:flex;gap:1rem}.nav-button{flex:1;padding:1rem;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-button.prev,.nav-button.next{background:#fff;color:#667eea;border:2px solid #667eea}.nav-button.prev:hover,.nav-button.next:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-button.submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.nav-button.submit:hover{transform:translateY(-2px);box-shadow:0 6px 15px #10b98166}.nav-button:disabled{opacity:.4;cursor:not-allowed}.question-grid{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.question-grid h3{margin:0 0 1rem;font-size:1.1rem;color:#1e293b}.question-numbers{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1rem}.question-number-btn{aspect-ratio:1;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;color:#64748b}.question-number-btn.current{border-color:#667eea;background:#667eea;color:#fff}.question-number-btn.answered{background:#d1fae5;border-color:#10b981;color:#065f46}.question-number-btn.unanswered{background:#fff;border-color:#e2e8f0}.question-number-btn.flagged{background:#fef3c7;border-color:#f59e0b;color:#92400e;position:relative}.question-number-btn.flagged:after{content:"🚩";position:absolute;top:-8px;right:-8px;font-size:.75rem}.question-number-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.legend{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:#64748b;padding-top:1rem;border-top:1px solid #e2e8f0}.legend span{display:flex;align-items:center;gap:.5rem}.legend-box{width:20px;height:20px;border-radius:4px;border:2px solid #e2e8f0}.legend-box.current{background:#667eea;border-color:#667eea}.legend-box.answered{background:#d1fae5;border-color:#10b981}.legend-box.unanswered{background:#fff;border-color:#e2e8f0}.legend-box.flagged{background:#fef3c7;border-color:#f59e0b}.confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog{background:#fff;border-radius:16px;padding:2.5rem;max-width:500px;box-shadow:0 20px 60px #0000004d}.confirm-dialog h2{margin:0 0 1rem;color:#1e293b}.confirm-dialog p{margin:.75rem 0;color:#475569}.warning-text{color:#f59e0b;font-weight:600}.confirm-buttons{display:flex;gap:1rem;margin-top:2rem}.cancel-button{flex:1;padding:1rem;background:#fff;border:2px solid #64748b;color:#64748b;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#f1f5f9}.submit-button{flex:1;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.category-breakdown{margin:2rem 0}.category-breakdown h2{margin:0 0 1.5rem;color:#1e293b}.category-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.category-result-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;text-align:center}.category-result-card h3{margin:0;font-size:1.5rem;color:#667eea}.category-name{margin:.5rem 0;font-size:.85rem;color:#64748b}.category-score{margin-top:1rem;display:flex;flex-direction:column;gap:.25rem}.category-score .percentage{font-size:2rem;font-weight:700}.category-score .percentage.pass{color:#10b981}.category-score .percentage.fail{color:#ef4444}.category-score .fraction{font-size:.9rem;color:#64748b}.question-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.question-category-badge{background:#ede9fe;color:#667eea;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700}.exam-selector-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;z-index:100;animation:fadeIn .4s ease-out}.exam-selector-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.exam-selector-container h1{color:#fff;text-align:center;font-size:3rem;margin:0 0 1rem;font-weight:900;letter-spacing:-1px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.selector-subtitle{color:#fffffff2;text-align:center;font-size:1.375rem;margin:0 0 3rem;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.15);max-width:800px;margin-left:auto;margin-right:auto}.exam-options{display:flex;flex-direction:column;gap:2rem}.exam-option{background:#fff;border:none;border-radius:20px;padding:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000026;text-align:left;position:relative;overflow:hidden}.exam-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.exam-option:hover:before{left:100%}.exam-option:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #00000040}.exam-option:active{transform:translateY(-4px) scale(1.01)}.full-exam-option{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #10b9814d}.full-exam-option:after{content:"";position:absolute;inset:0;border-radius:20px;padding:3px;background:linear-gradient(135deg,#fff6,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.full-exam-option:hover{box-shadow:0 16px 56px #10b98180;border-color:#fff6}.exam-option-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem}.exam-option-header h2{margin:0;font-size:2rem;flex:1;font-weight:800;letter-spacing:-.5px}.exam-option-header h3{margin:0;font-size:1.5rem;color:#667eea}.category-exam-option .exam-option-header{justify-content:flex-start;margin-bottom:.75rem}.exam-badge{background:#ffffff4d;color:#fff;padding:.625rem 1.25rem;border-radius:12px;font-weight:800;font-size:.95rem;letter-spacing:.5px;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.exam-option:hover .exam-badge{transform:scale(1.05);box-shadow:0 4px 12px #0003}.exam-badge.all{background:#fff6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.category-exam-option .exam-badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#667eea;font-size:1.125rem;font-weight:800;padding:.625rem 1rem;border:2px solid #c4b5fd;box-shadow:0 2px 8px #667eea33}.exam-description{margin:0 0 1.5rem;font-size:1.25rem;opacity:.95;font-weight:500;line-height:1.6}.category-exam-name{margin:0 0 1.25rem;font-size:1.25rem;color:#1e293b;font-weight:700;line-height:1.5;min-height:3rem}.exam-details{display:flex;gap:2rem;font-weight:700;opacity:.95;font-size:1.125rem}.exam-details span{display:flex;align-items:center;gap:.5rem;transition:transform .3s ease}.exam-option:hover .exam-details span{transform:translateY(-2px)}.exam-details-small{display:flex;gap:1.5rem;font-size:.95rem;color:#64748b;font-weight:700}.exam-details-small span{display:flex;align-items:center;gap:.375rem;transition:color .3s ease}.category-exam-option:hover .exam-details-small span{color:#475569}.category-exams-header{margin-top:3rem;text-align:center;padding:2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);margin-bottom:2rem}.category-exams-header h3{color:#fff;font-size:2rem;margin:0 0 .75rem;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.category-exams-header p{color:#fffffff2;margin:0;font-size:1.125rem;font-weight:500}.category-exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.category-exam-option{animation:fadeInScale .5s ease-out backwards}.category-exam-option:nth-child(1){animation-delay:.1s}.category-exam-option:nth-child(2){animation-delay:.15s}.category-exam-option:nth-child(3){animation-delay:.2s}.category-exam-option:nth-child(4){animation-delay:.25s}.category-exam-option:nth-child(5){animation-delay:.3s}.category-exam-option:nth-child(6){animation-delay:.35s}.category-exam-option:nth-child(7){animation-delay:.4s}.category-exam-option:nth-child(8){animation-delay:.45s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.category-exam-option{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0}.category-exam-option:hover{border-color:#667eea;background:linear-gradient(135deg,#fff,#faf5ff)}.cancel-selector-button{display:block;margin:3rem auto 0;background:#ffffff26;color:#fff;border:3px solid rgba(255,255,255,.4);padding:1.125rem 3rem;border-radius:16px;font-size:1.125rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003}.cancel-selector-button:hover{background:#ffffff40;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.cancel-selector-button:active{transform:translateY(0)}@media(max-width:480px){.full-exam-card{flex-direction:column;padding:1.25rem;gap:1.25rem;align-items:stretch}.full-exam-info h3{font-size:1.25rem;line-height:1.3}.full-exam-info p{font-size:.875rem;line-height:1.5}.exam-features{font-size:.8rem;margin:.75rem 0;padding-left:1.25rem}.exam-features li{margin-bottom:.4rem}.full-exam-button{width:100%;padding:1rem 1.5rem;font-size:1.125rem;min-height:48px;border-radius:10px}.stats-grid{grid-template-columns:1fr!important;gap:1rem}.stat-card{padding:1.25rem}.stat-icon{font-size:2rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.875rem}.categories-grid{grid-template-columns:1fr;gap:1rem}.category-card{padding:1.25rem}.section h2{font-size:1.25rem;margin-bottom:1rem}.section{padding:1.25rem;margin-bottom:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}body{font-size:16px;line-height:1.5}h1{font-size:1.5rem;line-height:1.2}h2{font-size:1.25rem;line-height:1.3}h3{font-size:1.125rem;line-height:1.3}p{font-size:.9375rem;line-height:1.5}}@media(min-width:481px)and (max-width:768px){.full-exam-card{flex-direction:column;padding:1.5rem;gap:1.5rem}.full-exam-button{width:100%;padding:1rem 2rem;font-size:1.125rem;min-height:48px}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:768px){.exam-header{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.exam-info h1{font-size:1.25rem}.exam-info p{font-size:.9rem}.exam-stats{flex-direction:row;gap:1rem;width:100%}.stat-item{flex:1;padding:.75rem .5rem}.stat-label{font-size:.65rem}.stat-value{font-size:1.25rem}.timer-value{font-size:1.5rem}.exam-content{grid-template-columns:1fr;padding:1rem}.question-numbers{grid-template-columns:repeat(5,1fr)}.category-exam-grid{grid-template-columns:1fr}.dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.categories-grid{grid-template-columns:1fr}.test-navigation{flex-direction:column}.question-indicators{order:-1}.history-table-desktop{display:none}.history-cards-mobile{display:block}.history-table,.tech-table{font-size:.85rem}.history-table th,.history-table td,.tech-table th,.tech-table td{padding:.75rem .5rem}}.subscription-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.subscription-status{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.status-icon{font-size:2rem;flex-shrink:0}.status-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.status-info strong{font-size:1.125rem;color:#0c4a6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-info{font-size:.875rem;color:#0369a1}.manage-subscription-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap;flex-shrink:0;min-height:44px;font-size:.9375rem}.manage-subscription-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0ea5e966}.manage-subscription-button:active{transform:translateY(0)}@media(max-width:768px){.subscription-banner{flex-direction:column;align-items:stretch;padding:1.25rem;gap:1rem}.subscription-status{justify-content:flex-start;gap:.875rem}.status-icon{font-size:1.75rem}.status-info{flex:1}.status-info strong{font-size:1rem;white-space:normal;overflow:visible;text-overflow:clip}.trial-info{font-size:.8125rem}.manage-subscription-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;text-align:center;min-height:48px}}@media(max-width:480px){.subscription-banner{padding:1rem;gap:.875rem;margin-bottom:1.5rem}.subscription-status{gap:.75rem}.status-icon{font-size:1.5rem}.status-info strong{font-size:.9375rem}.trial-info{font-size:.75rem}.manage-subscription-button{padding:.8125rem 1.25rem;font-size:.9375rem}}@media(max-width:768px)and (orientation:landscape){.subscription-banner{flex-direction:row;padding:1rem 1.25rem}.subscription-status{flex:1;min-width:0}.manage-subscription-button{width:auto;min-width:160px}}@media(min-width:481px)and (max-width:640px){.subscription-banner{padding:1.5rem}.status-info strong{font-size:1.0625rem}.manage-subscription-button{font-size:1rem}}.subscription-plans{max-width:1200px;margin:0 auto}.subscription-plans h2{text-align:center;font-size:2rem;margin-bottom:.5rem;color:#1e293b}.plans-description{text-align:center;color:#64748b;margin-bottom:3rem;font-size:1.125rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#0ea5e9}.plan-card.current-plan{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.plan-header{border-bottom:2px solid #e2e8f0;padding-bottom:1.5rem;margin-bottom:1.5rem}.plan-header h3{font-size:1.5rem;color:#1e293b;margin-bottom:1rem}.plan-price{display:flex;align-items:baseline;gap:.5rem}.price-amount{font-size:2.5rem;font-weight:700;color:#0ea5e9}.price-period{font-size:1rem;color:#64748b}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.plan-features li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:#475569}.feature-icon{color:#10b981;font-weight:700;font-size:1.25rem;flex-shrink:0}.plan-actions{margin-top:2rem}.subscribe-button{width:100%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.subscribe-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0ea5e966}.current-plan-button{width:100%;background:#10b981;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:not-allowed;opacity:.8}.subscription-info{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;margin-top:2rem}.subscription-info h3{margin-bottom:1.5rem;color:#1e293b}.subscription-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px}.detail-label{font-weight:600;color:#475569}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.trial{background:#dbeafe;color:#1e40af}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.status-badge.expired{background:#fef3c7;color:#92400e}.cancel-button{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.cancel-button:hover{background:#b91c1c}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:1rem}.modal-header h2{margin:0;color:#1e293b}.modal-close-button{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.assignment-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.form-group select,.form-group input,.form-group textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0ea5e9}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.submit-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.assign-button-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.assign-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.assign-button{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.assign-button:hover{background:#059669}.assignments-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.assignments-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.assignments-table td{padding:1rem;border-bottom:1px solid #e2e8f0}.assignments-table tbody tr:hover{background:#f8fafc}.overdue-row{background:#fef2f2!important}.overdue-row:hover{background:#fee2e2!important}.due-date-cell{display:flex;flex-direction:column;gap:.25rem}.due-indicator{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;display:inline-block;width:fit-content}.due-indicator.overdue{background:#fee2e2;color:#991b1b}.due-indicator.soon{background:#fef3c7;color:#92400e}.assignment-status{padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;display:inline-block}.assignment-status.pending{background:#e0e7ff;color:#3730a3}.assignment-status.in_progress{background:#dbeafe;color:#1e40af}.assignment-status.completed{background:#dcfce7;color:#166534}.assignment-status.overdue{background:#fee2e2;color:#991b1b}@media(max-width:768px){.section-header{flex-direction:column;gap:12px;align-items:stretch;margin-bottom:20px}.section-header h2{font-size:20px;margin:0}.assign-button-primary{width:100%;padding:12px;text-align:center}.assignments-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}.assignments-table thead{display:none}.assignments-table,.assignments-table tbody,.assignments-table tr{display:block;width:100%}.assignments-table tr{margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0}.assignments-table tr.overdue-row{border-left:4px solid #ef4444;background:#fef2f2!important}.assignments-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border:none;text-align:left;gap:12px}.assignments-table td:first-child{padding-top:0}.assignments-table td:last-child{padding-bottom:0}.assignments-table td:before{content:attr(data-label);font-weight:600;color:#64748b;min-width:100px;flex-shrink:0;font-size:14px}.assignments-table td:nth-child(1):before{content:"Technician"}.assignments-table td:nth-child(2):before{content:"Test Category"}.assignments-table td:nth-child(3):before{content:"Due Date"}.assignments-table td:nth-child(4):before{content:"Status"}.assignments-table td:nth-child(5):before{content:"Assigned"}.assignments-table td{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.assignments-table td>*{flex:1;text-align:right}.due-date-cell{align-items:flex-end;text-align:right}.due-indicator{font-size:11px;padding:4px 8px}.assignment-status{font-size:12px;padding:6px 12px;white-space:nowrap}}@media(max-width:480px){.assignments-table td:before{min-width:90px;font-size:13px}.assignments-table td{font-size:14px;gap:8px}.section-header h2{font-size:18px}}@media(max-width:768px){.test-history{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}.history-table thead{display:none}.history-table,.history-table tbody,.history-table tr{display:block;width:100%}.history-table tr{margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0;position:relative}.history-table tr:has(.status.completed):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#10b981;border-radius:8px 0 0 8px}.history-table tr:has(.status.in-progress):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6;border-radius:8px 0 0 8px}.history-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border:none;text-align:left;gap:12px}.history-table td:first-child{padding-top:0}.history-table td:last-child{padding-bottom:0}.history-table td:before{content:attr(data-label);font-weight:600;color:#64748b;min-width:100px;flex-shrink:0;font-size:14px}.history-table td:nth-child(1):before{content:"Technician"}.history-table td:nth-child(2):before{content:"Category"}.history-table td:nth-child(3):before{content:"Date"}.history-table td:nth-child(4):before{content:"Score"}.history-table td:nth-child(5):before{content:"Questions"}.history-table td:nth-child(6):before{content:"Status"}.history-table td{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.history-table td>*{flex:1;text-align:right}.history-table td .score,.history-table td .status{margin-left:auto}.score{font-size:13px;padding:6px 12px;white-space:nowrap}.status{font-size:12px;padding:6px 12px;white-space:nowrap}}@media(max-width:480px){.history-table td:before{min-width:85px;font-size:13px}.history-table td{font-size:14px;gap:8px}.history-table tr{padding:12px}.score{font-size:12px;padding:5px 10px}.status{font-size:11px;padding:5px 10px}}.assignments-section{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fb923c;border-radius:12px;padding:2rem}.assigned-tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.assigned-test-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s,box-shadow .2s}.assigned-test-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.assigned-test-card.overdue{border-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.assigned-test-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.assigned-test-category{display:flex;flex-direction:column;gap:.25rem}.assigned-test-category strong{font-size:1.25rem;color:#0ea5e9}.assigned-test-category span{font-size:.875rem;color:#64748b}.due-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.due-badge.overdue{background:#fee2e2;color:#991b1b}.due-badge.soon{background:#fef3c7;color:#92400e}.due-badge:not(.overdue):not(.soon){background:#dbeafe;color:#1e40af}.assigned-test-info{display:flex;flex-direction:column;gap:.5rem}.due-date{color:#475569;font-size:.875rem;font-weight:600}.assignment-notes{color:#64748b;font-size:.875rem;font-style:italic;margin:0}.start-assigned-test-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-assigned-test-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.profile-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.profile-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.message-banner{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.message-banner.success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.message-banner.error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.profile-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#1e293b;margin-bottom:.5rem}.form-group small{display:block;color:#64748b;font-size:.875rem;margin-top:.25rem}.form-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#667eea}.form-input.disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.form-textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s}.form-textarea:focus{outline:none;border-color:#667eea}.save-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.save-button:disabled{opacity:.5;cursor:not-allowed}.shop-info{margin-bottom:2rem}.current-shop{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.shop-details h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem}.shop-type{color:#64748b;font-size:1rem;margin:0}.no-shop{color:#64748b;font-style:italic;padding:2rem;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.pending-request-card{background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:2rem;margin-top:1.5rem}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.request-header h3{margin:0;color:#92400e}.status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.status-badge.pending{background:#fbbf24;color:#78350f}.request-details p{margin:.5rem 0;color:#92400e}.request-date{font-size:.875rem;color:#a16207;margin-top:1rem}.cancel-request-button{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s;margin-top:1rem}.cancel-request-button:hover:not(:disabled){transform:translateY(-2px);background:#dc2626}.cancel-request-button:disabled{opacity:.5;cursor:not-allowed}.shop-change-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;margin-top:1.5rem}.shop-change-form h3{margin:0 0 .5rem;color:#1e293b}.form-description{color:#64748b;margin-bottom:1.5rem}.request-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.request-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.request-button:disabled{opacity:.5;cursor:not-allowed}.shop-requests-section{background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:2rem}.shop-requests-section h2{color:#92400e;margin-top:0}.shop-requests-list{display:flex;flex-direction:column;gap:1rem}.shop-request-card{background:#fff;border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.request-info{flex:1}.tech-info h3{margin:0 0 .25rem;color:#1e293b}.tech-email{color:#64748b;margin:0 0 1rem}.request-notes{margin:1rem 0;padding:1rem;background:#f1f5f9;border-radius:8px}.request-notes strong{color:#1e293b;display:block;margin-bottom:.5rem}.request-notes p{margin:0;color:#475569}.request-actions{display:flex;gap:.75rem}.approve-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.approve-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.reject-button{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.reject-button:hover{transform:translateY(-2px);background:#dc2626}.shop-info-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.shop-details-section{display:flex;flex-direction:column;gap:2rem}.shop-name-section h3{margin:0 0 .5rem;color:#1e293b;font-size:1.75rem}.shop-code-section{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #667eea;border-radius:12px;padding:1.5rem}.shop-code-section label{display:block;font-weight:600;color:#4338ca;margin-bottom:.75rem;font-size:1rem}.shop-code-display{display:flex;gap:1rem;align-items:center}.shop-code-value{flex:1;background:#fff;border:2px solid #667eea;border-radius:8px;padding:1rem 1.5rem;font-size:1.5rem;font-weight:700;color:#4338ca;letter-spacing:2px;text-align:center;font-family:Courier New,monospace}.copy-code-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.copy-code-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.shop-code-hint{display:block;color:#4338ca;font-size:.875rem;margin-top:.75rem;font-style:italic}.no-shop-card{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px #0000000d}.no-shop-card p{color:#64748b;font-style:italic;margin:0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.approval-history-modal{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.modal-close-button{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s,color .2s;line-height:1}.modal-close-button:hover{background:#f1f5f9;color:#1e293b}.modal-close-button:focus{outline:2px solid #2563eb;outline-offset:2px}.modal-body{flex:1;overflow-y:auto;padding:1.5rem 2rem}.modal-footer{padding:1rem 2rem;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.75rem}.modal-close-footer-button{background:#64748b;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.modal-close-footer-button:hover{background:#475569}.modal-close-footer-button:focus{outline:2px solid #2563eb;outline-offset:2px}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner-small{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.history-loading p{color:#64748b;font-size:1rem}.history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.error-icon{font-size:3rem;margin:0}.error-text{color:#dc2626;margin:0;font-size:1rem}.retry-button{background:#2563eb;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.retry-button:hover{background:#1e40af}.history-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.filter-button{background:none;border:none;padding:.625rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;color:#64748b;font-size:.9rem}.filter-button:hover{background:#f1f5f9;color:#1e293b}.filter-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filter-button:focus{outline:2px solid #2563eb;outline-offset:2px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.empty-icon{font-size:3rem;margin:0;opacity:.4}.empty-text{color:#64748b;margin:0;font-size:1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:1.25rem;transition:all .2s}.history-item:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.history-item.approved{border-left:4px solid #10b981}.history-item.rejected{border-left:4px solid #ef4444}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.history-tech-info h3{margin:0 0 .25rem;font-size:1.1rem;color:#1e293b;font-weight:600}.history-tech-email{margin:0;color:#64748b;font-size:.9rem}.history-status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;white-space:nowrap}.history-status-badge.approved{background:#d1fae5;color:#065f46}.history-status-badge.rejected{background:#fee2e2;color:#991b1b}.history-item-details{display:flex;flex-direction:column;gap:.75rem}.history-detail-row{display:flex;gap:.5rem;font-size:.9rem}.history-detail-row.notes{flex-direction:column}.detail-label{font-weight:600;color:#475569;min-width:130px}.detail-value{color:#1e293b}.shop-code{font-family:monospace;background:#f1f5f9;padding:.125rem .5rem;border-radius:4px;font-weight:600}.history-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:.95rem}.history-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.history-button:focus{outline:2px solid #2563eb;outline-offset:2px}.subscription-limit-modal .modal-body{padding:1.5rem}.limit-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;margin-bottom:2rem}.alert-icon{font-size:2.5rem;line-height:1}.alert-content h3{margin:0 0 .5rem;color:#92400e;font-size:1.125rem}.limit-stats{color:#78350f;font-size:.95rem;margin:0}.limit-stats strong{color:#92400e;font-size:1.125rem}.upgrade-section{margin-bottom:1.5rem}.upgrade-section h4{margin:0 0 1rem;color:#1e293b;font-size:1.125rem}.upgrade-card{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #667eea;border-radius:12px;padding:1.5rem}.upgrade-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #c7d2fe}.upgrade-plan-header h3{margin:0;color:#1e293b;font-size:1.5rem}.upgrade-price{display:flex;align-items:baseline;gap:.25rem}.price-amount{font-size:2rem;font-weight:700;color:#667eea}.price-period{font-size:.95rem;color:#64748b}.upgrade-benefits,.contact-benefits{display:flex;flex-direction:column;gap:.75rem}.benefit-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#334155}.benefit-icon{width:24px;height:24px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.upgrade-actions{display:flex;gap:1rem;margin-top:1.5rem}.upgrade-button{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea4d}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.cancel-button{padding:1rem 2rem;background:#e2e8f0;color:#475569;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.cancel-button:hover{background:#cbd5e1}.enterprise-contact-section{padding:1.5rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;margin-bottom:1.5rem}.enterprise-contact-section h4{margin:0 0 .75rem;color:#1e293b;font-size:1.25rem}.enterprise-contact-section p{color:#475569;line-height:1.6;margin-bottom:1.25rem}@media(max-width:480px){.limit-alert{flex-direction:column;text-align:center;padding:1.25rem}.alert-icon{font-size:3rem}.upgrade-plan-header{flex-direction:column;gap:1rem;text-align:center}.upgrade-actions{flex-direction:column}.cancel-button{order:2}}@media(max-width:768px){.modal-content{max-height:90vh;border-radius:12px 12px 0 0;margin-top:auto}.approval-history-modal{max-width:100%}.modal-header{padding:1.25rem 1.5rem}.modal-body{padding:1rem 1.5rem}.header-actions{flex-wrap:wrap;gap:.5rem;width:100%;justify-content:center}.profile-button,.analytics-button,.achievements-button,.signout-button{padding:.5rem .875rem;font-size:.875rem;flex:1 1 auto;min-width:90px;white-space:nowrap}.master-challenge-button{padding:.6rem 1rem;font-size:.8rem;flex:1 1 100%;width:100%;margin-top:.25rem}.master-challenge-button:after{margin-left:.25rem;font-size:.95em}.dashboard-header{padding:1rem}.dashboard-header>div:first-child h1{font-size:1.25rem}.dashboard-header .role-badge{font-size:.75rem}.assigned-tests-grid{grid-template-columns:1fr;gap:1rem}.assigned-test-card{padding:1.25rem}.start-assigned-test-button{width:100%;padding:.875rem 1.5rem;min-height:44px;font-size:1rem}.category-card .start-button,.category-card .study-button{padding:.75rem 1.25rem;min-height:44px;font-size:.95rem}.performance-insights{padding:1.25rem;margin-bottom:1rem}.performance-insights h2{font-size:1.25rem}.modal-footer{padding:1rem 1.5rem}button:not(.icon-button):not(.close-button),.button{min-height:44px}}.history-filters{flex-wrap:wrap;gap:.5rem}.filter-button{flex:1;min-width:max-content;font-size:.85rem;padding:.5rem .75rem}.history-item-header{flex-direction:column}.history-detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.master-challenge-button{padding:.7rem 1.2rem;font-size:.85rem;white-space:nowrap}.master-challenge-button:after{margin-left:.3rem;font-size:1em}} .master-challenge-button:focus-visible{outline:3px solid #ffd700;outline-offset:2px}.master-challenge-button:focus:not(:focus-visible){outline:none}@media(prefers-contrast:high){.master-challenge-button{border:2px solid currentColor;text-shadow:none}}@media(prefers-reduced-motion:reduce){.master-challenge-button{animation:none!important;transition:transform .1s ease,box-shadow .1s ease}.master-challenge-button:before{transition:none}.master-challenge-button:after{animation:none!important}.master-challenge-button-shimmer{animation:none!important}}@media(prefers-color-scheme:dark){.master-challenge-button{background:linear-gradient(135deg,#fbbf24,#f59e0b 20%,#dc2626);box-shadow:0 4px 15px #fbbf2480,0 0 20px #fbbf244d}.master-challenge-button:hover{box-shadow:0 8px 25px #fbbf2499,0 0 30px #fbbf2466,0 0 40px #dc26264d}}.daily-learning-section{margin-bottom:2rem}.daily-learning-card{display:grid;grid-template-columns:1fr 300px;gap:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.daily-learning-content{display:flex;flex-direction:column;gap:1.5rem}.daily-learning-header{display:flex;align-items:center;gap:1rem}.daily-learning-icon{font-size:3rem}.daily-learning-header h2{margin:0;font-size:1.75rem;font-weight:700}.daily-learning-header p{margin:.25rem 0 0;opacity:.9;font-size:1rem}.daily-learning-features{display:flex;flex-wrap:wrap;gap:.75rem}.feature-badge{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.start-daily-learning-button{background:#fff;color:#667eea;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s;max-width:300px}.start-daily-learning-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.daily-learning-preview{display:flex;align-items:center;justify-content:center}.preview-card{background:#fff;border-radius:12px;padding:1.5rem;width:100%;box-shadow:0 4px 6px #0000001a;transform:rotate(-3deg);transition:transform .3s}.preview-card:hover{transform:rotate(0)}.preview-front{color:#0f172a}.preview-label{font-size:.75rem;font-weight:600;color:#0ea5e9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.preview-text{font-size:1rem;line-height:1.5;font-weight:500}@media(max-width:968px){.daily-learning-card{grid-template-columns:1fr}.daily-learning-preview{display:none}}@media(max-width:640px){.daily-learning-card{padding:1.5rem}.daily-learning-header h2{font-size:1.5rem}.daily-learning-header p{font-size:.9375rem}.daily-learning-icon{font-size:2.5rem}.feature-badge{font-size:.8125rem;padding:.375rem .75rem}.start-daily-learning-button{font-size:1rem;max-width:100%}}@media(max-width:767px){.analytics-panel{padding:1.5rem 1rem}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.analytics-header h2{font-size:1.5rem}.view-selector{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.view-selector::-webkit-scrollbar{display:none}.view-selector button{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-box{padding:1.25rem}.stat-icon,.stat-value{font-size:2rem}.stat-label{font-size:.8125rem}.chart-section,.trends-section,.categories-section{padding:1.5rem}.chart-section h3,.trends-section h3,.categories-section h3{font-size:1.125rem;margin-bottom:1.25rem}.bar-item{gap:.375rem}.bar-category,.bar-value{font-size:.875rem}.bar-container{height:36px}.line-chart{height:280px;flex-direction:column;gap:.5rem}.chart-y-axis{flex-direction:row;justify-content:space-between;padding:0;width:100%;order:-1}.chart-canvas{width:100%;padding-bottom:20px}.chart-x-axis{font-size:.6875rem;padding:0}.insights{padding:1.25rem;margin-top:1.5rem}.insights h4{font-size:1rem}.insights li{padding:.875rem 1rem;font-size:.875rem}.category-details{grid-template-columns:1fr;gap:1rem}.category-detail-card{padding:1.25rem}.category-detail-header{flex-direction:column;align-items:flex-start;gap:.75rem}.category-detail-header h4{font-size:1rem}.score-badge{padding:.375rem .75rem;font-size:1rem}.category-detail-stats{grid-template-columns:1fr 1fr;gap:.625rem}.detail-label{font-size:.75rem}.detail-value{font-size:1rem}}