@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-start: #667eea;--primary-end: #764ba2;--green-start: #11998e;--green-end: #38ef7d;--orange-start: #f2994a;--orange-end: #f2c94c;--purple-start: #6c5ce7;--purple-end: #a29bfe;--red-start: #eb3349;--red-end: #f45c43;--sidebar-bg: linear-gradient(180deg, #0f0c29 0%, #1a1a40 50%, #24243e 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-light-bg: rgba(255, 255, 255, .7);--glass-light-border: rgba(255, 255, 255, .5);--text-primary: #1a202c;--text-secondary: #718096;--text-muted: #a0aec0;--bg-main: #f0f2f8;--bg-card: #ffffff;--bg-card-hover: #f7fafc;--border-color: #e2e8f0;--table-header-bg: #f7fafc;--table-row-hover: #edf2f7;--input-bg: #ffffff;--input-border: #e2e8f0;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: #718096;--bg-main: #0f1117;--bg-card: #1a1d2e;--bg-card-hover: #222640;--border-color: #2d3348;--table-header-bg: #1e2235;--table-row-hover: #252a3e;--input-bg: #1e2235;--input-border: #2d3348;--glass-light-bg: rgba(30, 34, 53, .85);--glass-light-border: rgba(45, 51, 72, .6);--features-bg: linear-gradient(180deg, #0f1117 0%, #151828 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-main);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#667eea80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rowFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.landing-page{min-height:100vh;overflow-x:hidden}.hero-section{min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-size:200% 200%;animation:gradientShift 8s ease infinite;position:relative;overflow:hidden;padding:120px 20px 60px}.hero-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.hero-orb-1{width:500px;height:500px;background:#667eea66;top:-10%;left:-5%;animation:gradientShift 10s ease infinite}.hero-orb-2{width:400px;height:400px;background:#764ba259;bottom:-10%;right:-5%;animation:gradientShift 12s ease infinite reverse}.hero-orb-3{width:300px;height:300px;background:#11998e40;top:40%;left:50%;transform:translate(-50%);animation:gradientShift 14s ease infinite}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;animation:fadeInUp .8s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#fffc;font-size:13px;font-weight:500;margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:52px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:24px;letter-spacing:-.5px}.hero-gradient-text{background:linear-gradient(135deg,#7dd3fc,#a78bfa,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite}.hero-subtitle{font-size:18px;color:#ffffffa6;line-height:1.7;max-width:620px;margin:0 auto 36px}.hero-actions{display:flex;gap:20px;justify-content:center;align-items:center}.hero-cta-btn{padding:16px 36px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-smooth);box-shadow:0 8px 30px #667eea66;font-family:inherit}.hero-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea80}.hero-learn-more{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-smooth)}.hero-learn-more:hover{color:#fff}.hero-scroll-indicator{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fff6;cursor:pointer;animation:fadeInUp 1s ease-out .5s backwards;z-index:1}@keyframes floatBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.hero-scroll-indicator{animation:floatBounce 2s ease-in-out infinite}.features-section{padding:60px 20px;background:linear-gradient(180deg,#f0f2f8,#e8ecf4)}.features-container{max-width:1100px;margin:0 auto;text-align:center}.section-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--text-primary),#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title-light{font-size:36px;font-weight:800;color:#fff;-webkit-text-fill-color:initial;background:none;margin-bottom:12px}.section-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:56px;max-width:500px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;text-align:left}.feature-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition-smooth);box-shadow:0 4px 16px #0000000f}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#fff}.feature-icon-blue{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));box-shadow:0 6px 16px #667eea59}.feature-icon-green{background:linear-gradient(135deg,var(--green-start),var(--green-end));box-shadow:0 6px 16px #11998e59}.feature-icon-orange{background:linear-gradient(135deg,var(--orange-start),var(--orange-end));box-shadow:0 6px 16px #f2994a59}.feature-icon-purple{background:linear-gradient(135deg,var(--purple-start),var(--purple-end));box-shadow:0 6px 16px #6c5ce759}.feature-card h3{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.stats-section{padding:50px 20px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.stats-container{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.impact-stat{padding:24px 16px}.impact-stat-icon{width:48px;height:48px;margin:0 auto 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7dd3fc}.impact-stat-value{font-size:32px;font-weight:800;color:#fff;margin-bottom:6px}.impact-stat-label{font-size:13px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-weight:500}.login-section{padding:50px 20px;background:linear-gradient(180deg,#e8ecf4,#f0f2f8)}.login-section-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:60px}.login-section-text{flex:1}.login-section-text h2{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1.3;margin-bottom:16px}.login-section-text p{font-size:16px;color:var(--text-secondary);line-height:1.7}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-size:200% 200%;animation:gradientShift 8s ease infinite;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(118,75,162,.15) 0%,transparent 50%);animation:gradientShift 12s ease infinite reverse}.login-section .login-card{background:linear-gradient(135deg,#0f0c29,#1a1a40,#24243e);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;min-width:360px;flex-shrink:0;box-shadow:0 25px 50px #0000004d;animation:fadeInUp .6s ease-out}.landing-footer{padding:24px 20px;text-align:center;background:#0f0c29;color:#ffffff59;font-size:13px}.simulator-section{padding:80px 20px;background:linear-gradient(135deg,#0f0c29,#1a1a40,#24243e);position:relative;overflow:hidden}.simulator-section:before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(102,126,234,.12) 0%,transparent 70%);pointer-events:none}.simulator-container{max-width:1100px;margin:0 auto}.simulator-header{text-align:center;margin-bottom:40px}.simulator-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#667eea1f;border:1px solid rgba(102,126,234,.25);border-radius:50px;color:#7dd3fc;font-size:13px;font-weight:500;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.simulator-filters{display:flex;gap:20px;justify-content:center;margin-bottom:36px;flex-wrap:wrap}.simulator-filter-group{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3}.simulator-filter-group label{font-size:13px;font-weight:500;color:#ffffff80}.simulator-filter-group select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;padding:6px 12px;font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:all var(--transition-smooth)}.simulator-filter-group select:hover,.simulator-filter-group select:focus{border-color:var(--primary-start);background:#ffffff1f}.simulator-filter-group select option{background:#1a1a40;color:#fff}.simulator-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.simulator-chart-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-smooth);animation:fadeInUp .6s ease-out backwards}.simulator-chart-card:nth-child(1){animation-delay:.1s}.simulator-chart-card:nth-child(2){animation-delay:.2s}.simulator-chart-card:nth-child(3){animation-delay:.3s}.simulator-chart-card:hover{border-color:#667eea4d;box-shadow:0 8px 32px #667eea26}.simulator-chart-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.simulator-chart-sub{font-size:12px;color:#fff6;margin-bottom:16px}.simulator-chart-wide{grid-column:1 / -1}.simulator-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px;margin-top:12px}.simulator-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffa6}.simulator-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.simulator-legend-val{margin-left:auto;color:#fff6;font-size:11px}.simulator-trend-legend{display:flex;gap:24px;justify-content:center;margin-top:12px;font-size:13px;color:#fff9}.simulator-trend-legend span{display:flex;align-items:center;gap:6px}@media(max-width:768px){.simulator-charts-grid{grid-template-columns:1fr}.simulator-chart-wide{grid-column:1}.simulator-filters{flex-direction:column;align-items:stretch}}.login-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;position:relative;z-index:1;animation:fadeInUp .6s ease-out;box-shadow:0 25px 50px #0000004d}.login-logo{text-align:center;margin-bottom:36px}.login-logo .icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 24px #667eea66}.login-logo h1{font-size:22px;font-weight:700;color:#fff;line-height:1.3}.login-logo p{font-size:13px;color:#ffffff80;margin-top:6px;letter-spacing:2px;text-transform:uppercase}.login-form .form-group{margin-bottom:20px;position:relative}.login-form .form-group label{display:block;font-size:13px;font-weight:500;color:#ffffffb3;margin-bottom:6px;transition:var(--transition-smooth)}.login-form .form-group input{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:14px;color:#fff;outline:none;transition:var(--transition-smooth)}.login-form .form-group input::placeholder{color:#ffffff4d}.login-form .form-group input:focus{border-color:var(--primary-start);background:#ffffff1a;box-shadow:0 0 0 3px #667eea26}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));border:none;border-radius:var(--radius-sm);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.login-btn:hover{transform:scale(1.02);box-shadow:0 8px 24px #667eea66}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{background:#eb334926;border:1px solid rgba(235,51,73,.3);border-radius:var(--radius-sm);padding:12px 16px;color:#ff6b6b;font-size:13px;margin-bottom:20px;animation:fadeInUp .3s ease-out}.app-container{display:flex;min-height:100vh}.hamburger-btn{display:none;position:fixed;top:16px;left:16px;z-index:150;width:44px;height:44px;border-radius:12px;border:1px solid rgba(102,126,234,.2);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all var(--transition-smooth)}.hamburger-btn:hover{background:#fff;box-shadow:0 6px 20px #00000026}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fadeIn .2s ease-out}.sidebar{width:260px;background:var(--sidebar-bg);color:#fff;padding:0;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--transition-smooth);display:flex;flex-direction:column}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.sidebar-header h1{font-size:16px;font-weight:700;line-height:1.4;background:linear-gradient(135deg,#7dd3fc,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-header p{font-size:11px;color:#fff6;margin-top:4px;letter-spacing:1.5px;text-transform:uppercase}.sidebar-nav{padding:12px 0}.nav-section{padding:16px 20px 6px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;font-weight:600}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#ffffff8c;font-size:14px;transition:all var(--transition-smooth);cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative;overflow:hidden;font-family:inherit}.nav-link:hover{background:#ffffff0f;color:#ffffffe6;padding-left:24px}.nav-link:hover .nav-icon{text-shadow:0 0 12px rgba(125,211,252,.6)}.nav-link.active{background:linear-gradient(90deg,#667eea33,#764ba21a);color:#a78bfa;border-right:3px solid #a78bfa}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--primary-start),var(--primary-end));border-radius:0 3px 3px 0;box-shadow:0 0 10px #667eea99}.sidebar-user{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff08}.sidebar-user .user-info{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-user .user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.sidebar-user .user-details{flex:1;min-width:0}.sidebar-user .user-name{font-size:13px;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .user-role{font-size:11px;color:#fff6;text-transform:capitalize}.sidebar-user .logout-btn{width:100%;padding:8px;background:#eb33491f;border:1px solid rgba(235,51,73,.2);border-radius:var(--radius-sm);color:#ff6b6b;font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition-smooth);font-family:inherit}.sidebar-user .logout-btn:hover{background:#eb334933;border-color:#eb334966}.main-content{flex:1;margin-left:260px;padding:28px 36px;min-height:100vh;background:linear-gradient(135deg,#f0f2f8,#e8ecf4,#f0f0f8)}.page-wrapper{animation:fadeInUp .4s ease-out}.page-header{margin-bottom:28px;animation:fadeInUp .4s ease-out}.page-header h2{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--text-primary),#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:14px;color:var(--text-secondary);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px}.stat-card{background:var(--glass-light-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-light-border);border-radius:var(--radius-lg);padding:22px;box-shadow:0 4px 16px #0000000f;transition:all var(--transition-smooth);position:relative;overflow:hidden;animation:fadeInUp .5s ease-out backwards}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.stat-card .label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-card .value{font-size:32px;font-weight:800;margin-top:6px;animation:countUp .6s ease-out}.stat-card .sub{font-size:12px;color:var(--text-muted);margin-top:4px}.stat-card.green:before{background:linear-gradient(90deg,var(--green-start),var(--green-end))}.stat-card.green .value{color:var(--green-start)}.stat-card.blue:before{background:linear-gradient(90deg,var(--primary-start),var(--primary-end))}.stat-card.blue .value{color:var(--primary-start)}.stat-card.purple:before{background:linear-gradient(90deg,var(--purple-start),var(--purple-end))}.stat-card.purple .value{color:var(--purple-start)}.stat-card.orange:before{background:linear-gradient(90deg,var(--orange-start),var(--orange-end))}.stat-card.orange .value{color:var(--orange-start)}.stat-card.red:before{background:linear-gradient(90deg,var(--red-start),var(--red-end))}.stat-card.red .value{color:var(--red-start)}.card{background:var(--glass-light-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-light-border);border-radius:var(--radius-lg);padding:0;box-shadow:0 4px 16px #0000000f;margin-bottom:24px;overflow:hidden;animation:fadeInUp .5s ease-out backwards;transition:box-shadow var(--transition-smooth)}.card:hover{box-shadow:0 8px 28px #0000001a}.card h3{font-size:15px;font-weight:700;color:#2d3748;padding:18px 24px;margin:0;background:linear-gradient(90deg,#667eea0f,#764ba208);border-bottom:1px solid rgba(0,0,0,.04);position:relative}.card h3:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-start),var(--primary-end));opacity:.6}.card-body{padding:24px}.card>:not(h3):not(.card-body){padding-left:24px;padding-right:24px}.card>:last-child:not(h3){padding-bottom:24px}.card>table,.card>.table-container{padding:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:28px}.chart-container{position:relative}.chart-container:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #00000008;pointer-events:none}.table-container{overflow-x:auto;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:14px 18px;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid rgba(102,126,234,.1);background:#667eea08}td{padding:13px 18px;font-size:14px;border-bottom:1px solid rgba(0,0,0,.04);color:#4a5568}tr{transition:all var(--transition-smooth);animation:rowFadeIn .3s ease-out backwards}tbody tr:nth-child(2n){background:#667eea05}tbody tr:hover{background:linear-gradient(90deg,#667eea0f,#764ba208)}tr:nth-child(1){animation-delay:.02s}tr:nth-child(2){animation-delay:.04s}tr:nth-child(3){animation-delay:.06s}tr:nth-child(4){animation-delay:.08s}tr:nth-child(5){animation-delay:.1s}tr:nth-child(6){animation-delay:.12s}tr:nth-child(7){animation-delay:.14s}tr:nth-child(8){animation-delay:.16s}tr:nth-child(9){animation-delay:.18s}tr:nth-child(10){animation-delay:.2s}.badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.2px;position:relative}.badge.green{background:linear-gradient(135deg,#11998e26,#38ef7d26);color:#0d8a7d;box-shadow:0 0 8px #11998e1a}.badge.blue{background:linear-gradient(135deg,#667eea26,#764ba226);color:#5a6fd6;box-shadow:0 0 8px #667eea1a}.badge.orange{background:linear-gradient(135deg,#f2994a26,#f2c94c26);color:#c77b30;box-shadow:0 0 8px #f2994a1a}.badge.purple{background:linear-gradient(135deg,#6c5ce726,#a29bfe26);color:#5f4dcc;box-shadow:0 0 8px #6c5ce71a}.badge.red{background:linear-gradient(135deg,#eb334926,#f45c4326);color:#d63031;box-shadow:0 0 8px #eb33491a}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filters input,.filters select{padding:9px 16px;border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-sm);font-size:14px;background:var(--glass-light-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);outline:none;transition:all var(--transition-smooth);font-family:inherit}.filters input:focus,.filters select:focus{border-color:var(--primary-start);box-shadow:0 0 0 3px #667eea1a;background:#ffffffe6}.btn{padding:9px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-smooth);position:relative;overflow:hidden;font-family:inherit}.btn:active{transform:scale(.98)}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.3),transparent 60%);opacity:0;transition:opacity .3s}.btn:focus-visible:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 20px #667eea66}.btn-success{background:linear-gradient(135deg,var(--green-start),var(--green-end));color:#fff;box-shadow:0 4px 12px #11998e4d}.btn-success:hover{transform:scale(1.02);box-shadow:0 6px 20px #11998e66}.btn-danger{background:linear-gradient(135deg,var(--red-start),var(--red-end));color:#fff;box-shadow:0 4px 12px #eb33494d}.btn-danger:hover{transform:scale(1.02);box-shadow:0 6px 20px #eb334966}.btn-outline{background:var(--glass-light-bg);border:1px solid rgba(102,126,234,.2);color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline:hover{background:#667eea14;border-color:#667eea66;transform:scale(1.02)}.form-group{margin-bottom:18px;position:relative}.form-group label{display:block;font-size:13px;font-weight:600;color:#4a5568;margin-bottom:6px;transition:all var(--transition-smooth)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:11px 16px;border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:all var(--transition-smooth);background:#fffc;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-start);box-shadow:0 0 0 3px #667eea1a;background:#fff}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:var(--primary-start);font-size:11px}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary);font-size:14px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px}.loading-text{color:var(--text-secondary);font-size:14px;margin-top:12px}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(102,126,234,.15);border-top-color:var(--primary-start);animation:spin .8s linear infinite;margin:0 auto 12px}.skeleton-card{background:var(--glass-light-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-light-border);border-radius:var(--radius-lg);padding:22px;box-shadow:0 4px 16px #0000000f}.skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001a,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.skeleton-row{height:48px;margin-bottom:8px}.skeleton-text{height:14px;width:60%;margin-bottom:8px}.empty-state{text-align:center;padding:52px 24px;color:var(--text-muted);animation:fadeIn .5s ease-out}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.12);border-radius:6px;font-size:12px;color:#5a6fd6;transition:all var(--transition-smooth)}.skill-tag:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:200;animation:fadeIn .2s ease-out}.modal{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:36px;width:90%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0003;animation:fadeInUp .3s ease-out}.modal h3{font-size:20px;font-weight:700;margin-bottom:24px;color:var(--text-primary);background:none;padding:0;border:none}.modal h3:before{display:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.pagination,.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid rgba(0,0,0,.04);flex-wrap:wrap;gap:12px}.pagination-info{font-size:13px;color:var(--text-secondary)}.pagination-info strong{color:var(--text-primary);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-per-page{padding:6px 10px;border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-sm);background:var(--glass-light-bg);color:var(--text-secondary);font-size:13px;outline:none;cursor:pointer;font-family:inherit;transition:all var(--transition-smooth)}.pagination-per-page:focus{border-color:var(--primary-start);box-shadow:0 0 0 3px #667eea1a}.pagination-ellipsis{padding:6px 4px;color:var(--text-muted);font-size:13px}.pagination-btn{padding:6px 12px;border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-sm);background:var(--glass-light-bg);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);font-family:inherit;min-width:36px;text-align:center}.pagination-btn:hover:not(:disabled){background:#667eea14;border-color:#667eea4d;color:var(--primary-start)}.pagination-btn.active{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;border-color:transparent;box-shadow:0 2px 8px #667eea4d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-select{padding:6px 10px;border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-sm);background:var(--glass-light-bg);color:var(--text-secondary);font-size:13px;outline:none;cursor:pointer;font-family:inherit;transition:all var(--transition-smooth)}.pagination-select:focus{border-color:var(--primary-start);box-shadow:0 0 0 3px #667eea1a}.welcome-header{margin-bottom:28px;animation:fadeInUp .4s ease-out}.welcome-header h2{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-header .date{font-size:14px;color:var(--text-secondary);margin-top:4px}.success-message{background:linear-gradient(135deg,#11998e1a,#38ef7d1a);border:1px solid rgba(17,153,142,.2);border-radius:var(--radius-sm);padding:14px 18px;color:#0d8a7d;font-size:14px;font-weight:500;margin-bottom:20px;animation:fadeInUp .3s ease-out}.error-message{background:linear-gradient(135deg,#eb33491a,#f45c431a);border:1px solid rgba(235,51,73,.2);border-radius:var(--radius-sm);padding:14px 18px;color:#d63031;font-size:14px;font-weight:500;margin-bottom:20px;animation:fadeInUp .3s ease-out}.recharts-default-tooltip{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(102,126,234,.15)!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important;padding:12px 16px!important}.recharts-tooltip-label{font-weight:700!important;color:var(--text-primary)!important;margin-bottom:4px!important}.recharts-cartesian-grid line{stroke:#0000000a!important}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@media(max-width:1024px){.hamburger-btn{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.main-content{margin-left:0;padding:72px 20px 20px}.charts-grid{grid-template-columns:1fr}}.job-row-clickable{cursor:pointer}.job-row-clickable:hover{background:linear-gradient(90deg,#667eea14,#764ba20a)!important}.job-row-arrow{opacity:0;color:var(--primary-start);transition:all var(--transition-smooth);transform:translate(-4px)}.job-row-clickable:hover .job-row-arrow{opacity:1;transform:translate(0)}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.job-preview-overlay{position:fixed;inset:0;background:#0f0c2980;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:flex-end;z-index:300;animation:fadeIn .2s ease-out}.job-preview-panel{width:520px;max-width:90vw;height:100vh;background:#fffffff7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(102,126,234,.15);box-shadow:-20px 0 60px #00000026;overflow-y:auto;padding:32px;position:relative;animation:slideInRight .35s cubic-bezier(.4,0,.2,1)}.job-preview-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fffc;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth);z-index:2}.job-preview-close:hover{background:#eb33491a;border-color:#eb334933;color:#d63031;transform:rotate(90deg)}.job-preview-header{margin-bottom:20px;padding-right:40px}.job-preview-title{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1.3;margin-bottom:8px;background:linear-gradient(135deg,var(--text-primary),#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.job-preview-company{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--primary-start);margin-bottom:12px}.job-preview-meta{display:flex;flex-wrap:wrap;gap:16px}.job-preview-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.job-preview-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}.job-preview-section{margin-bottom:24px}.job-preview-section h4{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.job-preview-salary{font-size:18px;font-weight:700;color:var(--green-start);padding:12px 16px;background:linear-gradient(135deg,#11998e14,#38ef7d14);border-radius:var(--radius-sm);border:1px solid rgba(17,153,142,.12)}.job-preview-description{font-size:14px;line-height:1.8;color:var(--text-secondary);white-space:pre-line;padding:16px;background:#667eea08;border-radius:var(--radius-sm);border:1px solid rgba(102,126,234,.06);max-height:220px;overflow-y:auto}.job-preview-skills{display:flex;flex-wrap:wrap;gap:8px}.job-preview-skill-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.15);border-radius:20px;font-size:13px;font-weight:500;color:#5a6fd6;transition:all var(--transition-smooth)}.job-preview-skill-tag:hover{background:linear-gradient(135deg,#667eea2e,#764ba22e);transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.job-preview-skill-cat{font-size:10px;color:var(--text-muted);padding:1px 6px;background:#0000000a;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.job-preview-green-section{padding:16px;background:linear-gradient(135deg,#11998e0d,#38ef7d0d);border-radius:var(--radius-md);border:1px solid rgba(17,153,142,.1)}.job-preview-green-details{display:flex;flex-direction:column;gap:12px}.job-preview-green-item{display:flex;align-items:center;justify-content:space-between}.job-preview-green-label{font-size:13px;color:var(--text-secondary);font-weight:500}.job-preview-confidence-bar{display:flex;align-items:center;gap:10px;flex:1;max-width:200px}.job-preview-confidence-bar>div{flex:1;height:6px;background:#11998e26;border-radius:3px;overflow:hidden}.job-preview-confidence-fill{height:100%;background:linear-gradient(90deg,var(--green-start),var(--green-end));border-radius:3px;transition:width .6s ease-out}.job-preview-confidence-bar>span{font-size:13px;font-weight:600;color:var(--green-start);min-width:36px;text-align:right}.job-preview-footer{margin-top:28px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end}.report-actions-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:14px 20px;background:var(--glass-light-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-light-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:12px}.report-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-weight:500}.report-actions{display:flex;gap:10px}.report-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.report-summary-item{background:var(--glass-light-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-light-border);border-radius:var(--radius-md);padding:18px 20px;text-align:center;transition:all var(--transition-smooth)}.report-summary-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.report-summary-value{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.report-summary-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:4px}.report-section{background:var(--glass-light-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-light-border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;box-shadow:0 4px 16px #0000000f;animation:fadeInUp .5s ease-out backwards}.report-section:nth-child(5){animation-delay:.05s}.report-section:nth-child(6){animation-delay:.1s}.report-section:nth-child(7){animation-delay:.15s}.report-section:nth-child(8){animation-delay:.2s}.report-section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;transition:all var(--transition-smooth);color:var(--text-secondary)}.report-section-header:hover{background:#667eea08}.report-section-title{display:flex;align-items:center;gap:14px}.report-section-title h3{font-size:17px;font-weight:700;color:var(--text-primary);background:none;padding:0;border:none;margin:0}.report-section-title h3:before{display:none}.report-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.report-icon-blue{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));box-shadow:0 4px 12px #667eea4d}.report-icon-orange{background:linear-gradient(135deg,var(--orange-start),var(--orange-end));box-shadow:0 4px 12px #f2994a4d}.report-icon-purple{background:linear-gradient(135deg,var(--purple-start),var(--purple-end));box-shadow:0 4px 12px #6c5ce74d}.report-icon-green{background:linear-gradient(135deg,var(--green-start),var(--green-end));box-shadow:0 4px 12px #11998e4d}.report-section-body{padding:0 24px 24px}.report-description{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.report-column-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.report-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.report-dot-blue{background:var(--primary-start)}.report-dot-orange{background:var(--orange-start)}.report-dot-green{background:var(--green-start)}.report-dot-purple{background:var(--purple-start)}.report-skill-list{display:flex;flex-direction:column;gap:6px}.report-skill-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#667eea08;border-radius:var(--radius-sm);font-size:13px;transition:all var(--transition-smooth)}.report-skill-item:hover{background:#667eea12}.report-skill-item.mismatch{background:#f2994a0d;border-left:3px solid var(--orange-start)}.report-skill-item.mismatch:hover{background:#f2994a1a}.report-skill-rank{font-weight:700;color:var(--primary-start);font-size:12px;min-width:24px}.report-skill-name{flex:1;font-weight:500;color:var(--text-primary)}.report-skill-count{font-size:12px;color:var(--text-secondary);font-weight:600}.report-skill-growth{font-size:12px;color:var(--orange-start);font-weight:600}.report-empty{font-size:13px;color:var(--text-muted);font-style:italic;padding:16px;text-align:center;background:#00000005;border-radius:var(--radius-sm)}.report-insight-box{display:flex;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#f2994a0f,#f2c94c0f);border:1px solid rgba(242,153,74,.15);border-radius:var(--radius-md);align-items:flex-start;color:#c77b30}.report-insight-box.curriculum{background:linear-gradient(135deg,#6c5ce70f,#a29bfe0f);border-color:#6c5ce726;color:#5f4dcc}.report-insight-box.green{background:linear-gradient(135deg,#11998e0f,#38ef7d0f);border-color:#11998e26;color:#0d8a7d}.report-insight-box p{font-size:13px;line-height:1.7;color:inherit}.report-insight-box strong{font-weight:700}.report-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:20px}.report-category-card{padding:14px 16px;background:#ffffff80;border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-sm);transition:all var(--transition-smooth)}.report-category-card:hover{background:#fffc;box-shadow:0 4px 12px #0000000f}.report-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.report-category-name{font-size:13px;font-weight:600;color:var(--text-primary)}.report-category-count{font-size:12px;color:var(--text-secondary);font-weight:500}.report-category-bar{height:6px;background:#6c5ce71a;border-radius:3px;overflow:hidden}.report-category-bar.green{background:#11998e1a}.report-category-fill{height:100%;background:linear-gradient(90deg,var(--purple-start),var(--purple-end));border-radius:3px;transition:width .8s ease-out}.report-category-fill.green{background:linear-gradient(90deg,var(--green-start),var(--green-end))}.report-green-overview{display:grid;grid-template-columns:280px 1fr;gap:32px;margin-bottom:24px;align-items:start}.report-green-gauge{text-align:center}.gauge-circle{position:relative;width:140px;height:140px;margin:0 auto 14px}.gauge-svg{width:100%;height:100%}.gauge-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-value{font-size:28px;font-weight:800;color:var(--green-start)}.gauge-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.gauge-description{font-size:13px;color:var(--text-secondary);line-height:1.6}.report-green-breakdown h4,.report-green-sectors h4{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.report-green-categories{display:flex;flex-direction:column;gap:10px}.report-green-cat-item{display:flex;flex-direction:column;gap:4px}.report-green-cat-info{display:flex;justify-content:space-between;align-items:center}.report-green-cat-name{font-size:13px;font-weight:500;color:var(--text-primary)}.report-green-cat-count{font-size:12px;font-weight:600;color:var(--green-start)}.report-green-sectors{margin-bottom:20px}.report-sector-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.report-sector-card{padding:14px 16px;background:#ffffff80;border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-smooth)}.report-sector-card:hover{background:#fffc;box-shadow:0 4px 12px #0000000f}.report-sector-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.report-sector-count{font-size:12px;color:var(--text-secondary)}.report-findings{display:flex;flex-direction:column;gap:18px}.report-finding{display:flex;gap:14px;align-items:flex-start}.finding-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center;color:var(--primary-start);flex-shrink:0}.report-finding h4{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.report-finding p{font-size:13px;color:var(--text-secondary);line-height:1.7}.report-recommendations{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.report-recommendations li{font-size:13px;color:var(--text-secondary);line-height:1.7;padding-left:20px;position:relative}.report-recommendations li:before{content:"→";position:absolute;left:0;color:var(--primary-start);font-weight:700}.report-insight-box.ai{background:#6c5ce70f;border-left-color:var(--purple-start);color:#4a3d8f}.export-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.export-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff9;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-sm);transition:all var(--transition-smooth)}.export-card:hover{background:#ffffffe6;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.export-card-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center;color:var(--primary-start);flex-shrink:0}.export-card-info{flex:1;min-width:0}.export-card-info h4{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.export-card-info p{font-size:12px;color:var(--text-secondary);line-height:1.5}.export-card-actions{display:flex;gap:6px;flex-shrink:0}.btn-sm{padding:6px 14px!important;font-size:12px!important;min-width:unset!important}.advisory-section{margin-bottom:28px}.advisory-section>h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.06)}.advisory-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:8px}.advisory-card{padding:18px;background:#ffffff8c;border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-sm);transition:all var(--transition-smooth)}.advisory-card:hover{background:#ffffffd9;box-shadow:0 4px 14px #0000000f}.advisory-card-tag{display:inline-block;padding:2px 10px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:20px;margin-bottom:10px}.advisory-card h5{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.advisory-card p{font-size:12px;color:var(--text-secondary);line-height:1.7}.advisory-steps{display:flex;flex-direction:column;gap:18px}.advisory-step{display:flex;gap:16px;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.advisory-step h5{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.advisory-step p{font-size:13px;color:var(--text-secondary);line-height:1.7}.advisory-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.advisory-list li{font-size:13px;color:var(--text-secondary);line-height:1.7;padding-left:18px;position:relative}.advisory-list li:before{content:"•";position:absolute;left:0;color:var(--primary-start);font-weight:700;font-size:16px}.advisory-list li strong{color:var(--text-primary);font-weight:600}@media(max-width:768px){.export-grid{grid-template-columns:1fr}.export-card{flex-direction:column;text-align:center}.advisory-cards{grid-template-columns:1fr}}@media print{.sidebar,.hamburger-btn,.sidebar-overlay,.report-actions-bar{display:none!important}.main-content{margin-left:0!important;padding:20px!important}.report-section{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.report-section-header{cursor:default}}@media(max-width:768px){.main-content{padding:68px 16px 16px}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.login-card{margin:16px;padding:32px 24px}.pagination{flex-direction:column;align-items:flex-start}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.features-section{padding:60px 20px}.features-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr);gap:20px}.login-section{padding:50px 20px}.login-section-inner{flex-direction:column;gap:40px;text-align:center}.login-section-text h2{font-size:26px}.section-title{font-size:28px}.hero-actions{flex-direction:column;gap:12px}.login-section .login-card{min-width:unset}.report-summary-strip{grid-template-columns:repeat(2,1fr)}.report-columns,.report-green-overview{grid-template-columns:1fr}}@media(max-width:480px){.main-content{padding:64px 12px 12px}.stats-grid{grid-template-columns:1fr}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}.hero-section{min-height:auto;padding:50px 16px 40px}.stats-container{grid-template-columns:1fr 1fr;gap:16px}.page-header h2{font-size:22px}.report-summary-strip{grid-template-columns:1fr 1fr;gap:10px}.report-category-grid{grid-template-columns:1fr}.report-sector-cards{grid-template-columns:1fr 1fr}}.africa-pulse-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;animation:fadeInUp .5s ease-out}.pulse-item{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pulse-africa{background:linear-gradient(135deg,#f2994a1a,#f2c94c1a);color:#c67a2e}.pulse-global{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.pulse-green{background:linear-gradient(135deg,#11998e1a,#38ef7d1a);color:#11998e}.pulse-emerging{background:linear-gradient(135deg,#6c5ce71a,#a29bfe1a);color:#6c5ce7}.pulse-value{font-size:22px;font-weight:800;line-height:1}.pulse-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.region-filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;background:var(--glass-light-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md)}.region-filter-label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.region-filter-buttons{display:flex;gap:6px}.region-btn{padding:7px 16px;border:1px solid rgba(102,126,234,.15);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-smooth);font-family:inherit}.region-btn:hover{background:#667eea14;border-color:#667eea4d;color:var(--primary-start)}.region-btn.active{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.chart-region-tag{display:inline-block;padding:2px 10px;background:linear-gradient(135deg,#f2994a,#f2c94c);color:#fff;font-size:10px;font-weight:700;border-radius:12px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px}.country-drilldown{border-left:4px solid var(--primary-start);animation:fadeInUp .3s ease-out}.drilldown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drilldown-header h3{margin:0}.drilldown-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.drilldown-stat{text-align:center;padding:14px;background:#667eea0a;border-radius:var(--radius-sm)}.drilldown-stat-value{font-size:24px;font-weight:800;color:var(--primary-start)}.drilldown-stat-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.drilldown-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.drilldown-columns h4{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.drilldown-skill-list{display:flex;flex-direction:column;gap:6px}.drilldown-skill-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff80;border-radius:var(--radius-sm);font-size:13px;transition:background .2s}.drilldown-skill-item:hover{background:#fffc}.drilldown-rank{font-weight:700;color:var(--primary-start);font-size:12px;min-width:24px}.drilldown-count{margin-left:auto;font-weight:600;color:var(--text-secondary);font-size:12px}@media(max-width:768px){.africa-pulse-strip{grid-template-columns:1fr 1fr}.region-filter-bar{flex-direction:column;align-items:flex-start}.region-filter-buttons{flex-wrap:wrap}.drilldown-stats{grid-template-columns:1fr 1fr}.drilldown-columns{grid-template-columns:1fr}}@media(max-width:480px){.africa-pulse-strip,.drilldown-stats{grid-template-columns:1fr}}.recharts-brush{border-radius:4px;overflow:hidden}.recharts-brush .recharts-brush-slide{fill:#667eea14;stroke:#667eea33}.recharts-brush .recharts-brush-traveller rect{fill:#667eea;rx:3;ry:3}.chart-interactive-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#a0aec0;font-weight:500;margin-top:8px;padding:4px 10px;background:#667eea0f;border-radius:6px;border:1px solid rgba(102,126,234,.1)}.chart-axis-label-top{font-size:11px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;padding:8px 24px 0;text-align:right}.mismatch-explainer{display:flex;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#f2994a0f,#f2c94c0a);border-radius:var(--radius-sm);border-left:4px solid #f2994a;margin-bottom:24px}.mismatch-explainer-icon{color:#f2994a;flex-shrink:0;margin-top:2px}.mismatch-explainer h4{font-size:14px;font-weight:700;color:#2d3748;margin-bottom:6px}.mismatch-explainer p{font-size:13px;color:#4a5568;line-height:1.6}.mismatch-methodology{display:flex;align-items:flex-start;gap:12px;margin-bottom:28px;padding:16px;background:#667eea08;border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:center}.mismatch-method-step{display:flex;gap:10px;align-items:flex-start;flex:1;min-width:140px}.mismatch-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mismatch-method-step strong{font-size:13px;color:#2d3748;display:block;margin-bottom:2px}.mismatch-method-step p{font-size:12px;color:#718096;line-height:1.4;margin:0}.mismatch-method-arrow{font-size:20px;color:#a0aec0;font-weight:700;display:flex;align-items:center;padding-top:4px}.report-column-subtitle{font-size:12px;color:#a0aec0;margin-bottom:12px;font-style:italic}.report-skill-item.with-bar{flex-direction:column;gap:4px}.report-skill-row{display:flex;align-items:center;gap:8px;width:100%}.report-skill-bar-track{width:100%;height:6px;background:#0000000a;border-radius:3px;overflow:hidden}.report-skill-bar-fill{height:100%;border-radius:3px;transition:width .8s ease-out}.report-skill-bar-fill.blue{background:linear-gradient(90deg,#667eea,#764ba2)}.report-skill-bar-fill.orange{background:linear-gradient(90deg,#f2994a,#f2c94c)}@media(max-width:768px){.mismatch-methodology{flex-direction:column;align-items:stretch}.mismatch-method-arrow{text-align:center;justify-content:center;transform:rotate(90deg);padding:0}.chart-axis-label-top{font-size:10px;padding:6px 16px 0}}.provenance-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:linear-gradient(90deg,#f2994a,#f2c94c);color:#1a202c;font-size:13px;font-weight:500;box-shadow:0 2px 8px #f2994a40}.provenance-content{display:flex;align-items:center;gap:8px}.provenance-close{background:#ffffff4d;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.provenance-close:hover{background:#fff9}.upgrade-prompt{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-lg);padding:32px;text-align:center;margin:16px 0}.upgrade-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.upgrade-prompt h4{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.upgrade-prompt p{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.upgrade-current{margin-bottom:16px!important}.tier-badge{display:inline-block;padding:2px 10px;border-radius:12px;background:linear-gradient(90deg,var(--orange-start),var(--orange-end));color:#fff;font-weight:600;font-size:12px;text-transform:capitalize}.upgrade-tiers{display:flex;gap:16px;justify-content:center;margin:16px 0;flex-wrap:wrap}.upgrade-tier-option{background:#667eea0f;border:1px solid rgba(102,126,234,.12);border-radius:var(--radius-md);padding:16px 20px;text-align:left;flex:1;min-width:200px;max-width:280px}.upgrade-tier-option strong{color:var(--primary-start);font-size:14px}.upgrade-tier-option p{font-size:12px;margin-top:4px;color:var(--text-secondary)}.upgrade-contact{font-size:13px;color:var(--text-muted);margin-top:12px}.user-tier{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#ffffffb3;text-transform:capitalize;padding:1px 8px;border-radius:8px;background:#ffffff14;margin-top:2px}.methodology-intro-content{text-align:center}.methodology-intro-content h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.methodology-intro-content p{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto 16px}.methodology-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.method-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#11998e14;color:#11998e;font-weight:600;font-size:13px}.pipeline-steps{display:flex;flex-direction:column;gap:24px;margin-top:16px}.pipeline-step{display:flex;gap:16px;align-items:flex-start}.pipeline-step-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pipeline-step-content h4{font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:6px}.pipeline-step-content p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.pipeline-detail{font-size:12px;color:var(--text-muted);padding:8px 12px;background:#667eea0a;border-left:3px solid var(--primary-start);border-radius:0 8px 8px 0}.quality-dimensions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:16px}.quality-dimension{padding:20px;background:#ffffff80;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06)}.quality-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#fff}.quality-blue{background:linear-gradient(135deg,var(--primary-start),var(--primary-end))}.quality-green{background:linear-gradient(135deg,var(--green-start),var(--green-end))}.quality-orange{background:linear-gradient(135deg,var(--orange-start),var(--orange-end))}.quality-purple{background:linear-gradient(135deg,var(--purple-start),var(--purple-end))}.quality-dimension h4{font-size:15px;font-weight:700;margin-bottom:8px}.quality-dimension p{font-size:13px;color:var(--text-secondary);line-height:1.6}.standards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.standard-item{padding:16px;background:#667eea0a;border-radius:var(--radius-md);border:1px solid rgba(102,126,234,.08)}.standard-item strong{font-size:14px;color:var(--primary-start);display:block;margin-bottom:6px}.standard-item p{font-size:13px;color:var(--text-secondary);line-height:1.6}.limitations-list{list-style:none;padding:0;margin-top:12px}.limitations-list li{padding:12px 16px;margin-bottom:8px;background:#f2994a0a;border-left:3px solid var(--orange-start);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14px;color:var(--text-secondary);line-height:1.6}.limitations-list li strong{color:var(--text-primary)}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmScaleUp{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:confirmFadeIn .2s ease-out;padding:20px}.confirm-dialog{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:32px;width:100%;max-width:400px;box-shadow:0 25px 60px #00000026,0 0 0 1px #ffffff4d inset;animation:confirmScaleUp .25s ease-out;text-align:center}.confirm-dialog-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#fff}.confirm-dialog-icon-danger{background:linear-gradient(135deg,var(--red-start),var(--red-end));box-shadow:0 8px 20px #eb33494d}.confirm-dialog-icon-warning{background:linear-gradient(135deg,var(--orange-start),var(--orange-end));box-shadow:0 8px 20px #f2994a4d}.confirm-dialog-icon-info{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));box-shadow:0 8px 20px #667eea4d}.confirm-dialog-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.confirm-dialog-message{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.confirm-dialog-actions{display:flex;gap:12px}.confirm-dialog-cancel{flex:1;padding:12px 20px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-smooth);font-family:inherit}.confirm-dialog-cancel:hover{background:#00000014;color:var(--text-primary)}.confirm-dialog-confirm{flex:1;padding:12px 20px;border:none;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-smooth);font-family:inherit}.confirm-dialog-confirm:hover{transform:translateY(-1px)}.confirm-dialog-confirm:active{transform:translateY(0)}.confirm-dialog-confirm-danger{background:linear-gradient(135deg,var(--red-start),var(--red-end));box-shadow:0 4px 14px #eb334959}.confirm-dialog-confirm-danger:hover{box-shadow:0 6px 20px #eb334973}.confirm-dialog-confirm-warning{background:linear-gradient(135deg,var(--orange-start),var(--orange-end));box-shadow:0 4px 14px #f2994a59}.confirm-dialog-confirm-warning:hover{box-shadow:0 6px 20px #f2994a73}.confirm-dialog-confirm-info{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));box-shadow:0 4px 14px #667eea59}.confirm-dialog-confirm-info:hover{box-shadow:0 6px 20px #667eea73}@keyframes detailModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes detailModalScaleUp{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.detail-modal-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:detailModalFadeIn .2s ease-out}.detail-modal{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #0003,0 0 0 1px #ffffff4d inset;animation:detailModalScaleUp .3s cubic-bezier(.4,0,.2,1)}.detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 16px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.detail-modal-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--text-primary),#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#0000000a;color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-smooth);flex-shrink:0}.detail-modal-close:hover{background:#eb33491a;border-color:#eb334933;color:#eb3349}.detail-modal-body{padding:24px 28px 28px;overflow-y:auto;flex:1}.detail-modal-body::-webkit-scrollbar{width:5px}.detail-modal-body::-webkit-scrollbar-thumb{background:#667eea33;border-radius:3px}@media(max-width:768px){.detail-modal-backdrop{padding:12px}.detail-modal{max-height:90vh;border-radius:16px}.detail-modal-header{padding:20px 20px 14px}.detail-modal-body{padding:20px}.detail-modal-title{font-size:18px}}.clickable-row:hover{background:#48bb780f}.clickable-row:active{background:#48bb781f}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 20px;background:#0f0c29d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.landing-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.landing-nav-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px}.landing-nav-actions{display:flex;align-items:center;gap:12px}.dark-mode-toggle-landing{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fffc;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.dark-mode-toggle-landing:hover{background:#ffffff2e;color:#fff}.landing-sign-in-btn{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;border:none;padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-smooth)}.landing-sign-in-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.login-modal{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border:1px solid rgba(255,255,255,.12);border-radius:20px;width:100%;max-width:420px;padding:36px 32px;position:relative;box-shadow:0 24px 48px #0006;animation:slideUp .3s ease-out}.login-modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.login-modal-close:hover{background:#fff3;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-insight-ticker{display:flex;align-items:center;gap:10px;margin-top:32px;padding:10px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;color:#ffffffbf;animation:tickerFadeIn .6s ease-out;max-width:520px;margin-left:auto;margin-right:auto}@keyframes tickerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.how-it-works-section{padding:80px 20px;background:linear-gradient(180deg,#f0f2f8,#e8ecf4)}[data-theme=dark] .how-it-works-section{background:linear-gradient(180deg,#0f1117,#151828)}.how-container{max-width:1100px;margin:0 auto;text-align:center}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;position:relative}.how-step{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:36px 28px 32px;text-align:center;position:relative;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .how-step{background:#1a1d2ecc;border-color:#ffffff14}.how-step-visible{opacity:1;transform:translateY(0)}.how-step-active{border-color:#667eea66;box-shadow:0 0 30px #667eea1f}[data-theme=dark] .how-step-active{border-color:#667eea80;box-shadow:0 0 30px #667eea26}.how-step-number{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:1px}.how-step-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea1f,#764ba21f);color:#667eea;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.how-step h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.how-step p{font-size:14px;color:var(--text-secondary);line-height:1.7}.how-step-connector{display:none;position:absolute;right:-26px;top:50%;transform:translateY(-50%);color:#667eea59;z-index:1}@media(min-width:768px){.how-step-connector{display:flex}}.who-benefits-section{padding:80px 20px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.who-container{max-width:1100px;margin:0 auto;text-align:center}.who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px}.who-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 24px;text-align:left;opacity:0;transform:translateY(24px);transition:all .5s cubic-bezier(.16,1,.3,1)}.who-grid-visible .who-card{opacity:1;transform:translateY(0)}.who-grid-visible .who-card:nth-child(1){transition-delay:0s}.who-grid-visible .who-card:nth-child(2){transition-delay:.12s}.who-grid-visible .who-card:nth-child(3){transition-delay:.24s}.who-grid-visible .who-card:nth-child(4){transition-delay:.36s}.who-card:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-4px)}.who-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.who-card h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:16px}.who-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.who-card li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#ffffffa6;line-height:1.5}.insight-banner-section{padding:80px 20px;background:linear-gradient(180deg,#e8ecf4,#f0f2f8)}[data-theme=dark] .insight-banner-section{background:linear-gradient(180deg,#151828,#0f1117)}.insight-banner-inner{max-width:1000px;margin:0 auto;opacity:0;transform:translateY(20px);transition:all .6s ease-out}.insight-banner-visible{opacity:1;transform:translateY(0)}.insight-banner-text h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px;text-align:center}.insight-banner-text>p{font-size:16px;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto 40px;text-align:center}.insight-banner-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.insight-highlight{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:28px 24px;text-align:center}[data-theme=dark] .insight-highlight{background:#1a1d2ecc;border-color:#ffffff14}.insight-highlight-num{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.insight-highlight-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.simulator-context-note{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:13px;color:#fff9;line-height:1.6}.simulator-context-note svg{color:#f2c94c;flex-shrink:0;margin-top:2px}.landing-cta-section{padding:60px 20px;background:linear-gradient(180deg,#e8ecf4,#f0f2f8);text-align:center}[data-theme=dark] .landing-cta-section{background:linear-gradient(180deg,#151828,#0f1117)}.landing-cta-inner{max-width:600px;margin:0 auto}.landing-cta-inner h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.landing-cta-inner p{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.dark-mode-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:13px;font-family:inherit;transition:var(--transition-smooth);margin-bottom:12px}.dark-mode-toggle:hover{background:#ffffff1a;color:#fff}.sidebar-bottom{margin-top:auto;padding:16px 16px 0}[data-theme=dark] .card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .main-content{background:var(--bg-main)}[data-theme=dark] table th{background:var(--table-header-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] table td{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] table tr:hover{background:var(--table-row-hover)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=dark] input::placeholder{color:var(--text-muted)}[data-theme=dark] .features-section{background:var(--features-bg, linear-gradient(180deg, #0f1117 0%, #151828 100%))}[data-theme=dark] .feature-card{background:#1a1d2ecc;border-color:var(--border-color)}[data-theme=dark] .feature-card h3,[data-theme=dark] .section-title{color:var(--text-primary)}[data-theme=dark] .section-subtitle{color:var(--text-secondary)}[data-theme=dark] .stat-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .stat-card .label{color:var(--text-secondary)}[data-theme=dark] .page-header h2{color:var(--text-primary)}[data-theme=dark] .page-header p,[data-theme=dark] .empty-state{color:var(--text-secondary)}[data-theme=dark] .landing-footer{color:var(--text-muted);border-color:var(--border-color)}[data-theme=dark] .pagination{color:var(--text-primary)}[data-theme=dark] .pagination button{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-outline{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-outline:hover{background:var(--bg-card-hover)}@media(max-width:768px){.how-steps{grid-template-columns:1fr;gap:24px}.how-step-connector{display:none!important}.who-grid,.insight-banner-highlights{grid-template-columns:1fr}.hero-insight-ticker{font-size:13px;max-width:100%}.section-title-light{font-size:28px}}@media(prefers-reduced-motion:reduce){.hero-insight-ticker,.how-step,.who-card,.insight-banner-inner{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}