:root{--dark-bg:#dcefe5;--dark-card:#f2faf6;--bg-primary:#dcefe5;--bg-subtle:#e6f4ed;--bg-secondary:#c9ecd9;--bg-card:#f2faf6;--bg-card-hover:#10b9810d;--bg-input:#f2faf6;--bg-input-focus:#10b9810d;--border:#05966938;--border-color:#05966938;--border-focus:#10b981a6;--border-success:#10b9818c;--border-danger:#ef444473;--border-card:#0596692e;--border-sidebar:#10b98147;--text-primary:#0a1628;--text-secondary:#374151;--text-muted:#6b7280;--text-subtle:#9ca3af;--primary-50:#ecfdf5;--primary-100:#d1fae5;--primary-200:#a7f3d0;--primary-300:#6ee7b7;--primary-400:#34d399;--primary-500:#10b981;--primary-600:#059669;--primary-700:#047857;--primary-800:#065f46;--primary-900:#064e3b;--gradient-brand:linear-gradient(135deg, #059669 0%, #10b981 55%, #34d399 100%);--gradient-accent:linear-gradient(135deg, #059669 0%, #10b981 55%, #34d399 100%);--gradient-soft:linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #f97316 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #0d9488 100%);--gradient-gold:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-hero:linear-gradient(160deg, #059669 0%, #10b981 40%, #34d399 70%, #6ee7b7 100%);--accent-500:#059669;--accent-teal:#0d9488;--accent-cyan:#0891b2;--shadow-xs:0 1px 2px #064e3b0d;--shadow-sm:0 1px 3px #064e3b0f, 0 4px 8px #064e3b0a;--shadow-card:0 1px 4px #064e3b0d, 0 6px 16px #064e3b0a, 0 16px 32px #064e3b08;--shadow-card-hover:0 4px 12px #10b9811a, 0 16px 36px #10b98114, 0 32px 48px #064e3b0a;--shadow-elevated:0 8px 24px #064e3b14, 0 24px 48px #064e3b0d;--shadow-modal:0 20px 60px #064e3b1f, 0 8px 24px #064e3b14;--glow-brand:0 0 24px #10b9812e, 0 4px 16px #10b9811f;--glow-success:0 0 20px #10b98126;--glow-danger:0 0 20px #ef44441f;--glow-btn:0 4px 20px #10b98159, 0 8px 32px #10b98133;--radius:14px;--radius-sm:8px;--radius-md:10px;--radius-lg:20px;--radius-xl:28px;--transition:all .22s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .45s cubic-bezier(.4, 0, .2, 1);--transition-spring:all .35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro", -apple-system, "Segoe UI", sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:radial-gradient(90% 70% at 70% -15%,#10b98142 0%,#0000 55%),radial-gradient(65% 55% at -5% 55%,#0d948833 0%,#0000 52%),radial-gradient(55% 45% at 105% 95%,#34d3992e 0%,#0000 48%),radial-gradient(45% 35% at 15% 105%,#05966929 0%,#0000 45%),radial-gradient(120% 60%,#d1fae5a6 0%,#0000 70%),#dcefe5;min-height:100vh;position:relative}h1{letter-spacing:-.035em;color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15}h2{letter-spacing:-.025em;color:var(--text-primary);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.2}h3{letter-spacing:-.015em;color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3}p{color:var(--text-secondary);line-height:1.75}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-brand{color:var(--primary-600);font-weight:600}.mono{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:.85em}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.card{background:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#10b98180 35%,#34d39966 65%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-card-hover);border-color:#10b98161;transform:translateY(-4px)}.card-glass{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px)saturate(1.4);box-shadow:var(--shadow-card);background:#ffffffc7;border:1.5px solid #10b98147}.card-glass:before{content:"";background:linear-gradient(90deg,#0000 0%,#10b9818c 30%,#34d39973 70%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.3);box-shadow:var(--shadow-sm);background:#ffffffb8;border:1.5px solid #10b98138}.card-premium{background:linear-gradient(145deg, var(--bg-card) 0%, #f2fdf7 100%);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:var(--transition);border:1.5px solid #10b98140;position:relative;overflow:hidden}.card-premium:before{content:"";background:var(--gradient-brand);border-radius:var(--radius) var(--radius) 0 0;width:100%;height:3px;position:absolute;top:0;left:0}.card-premium:hover{box-shadow:var(--shadow-card-hover);border-color:#10b98166;transform:translateY(-3px)}.animated-border{border-radius:var(--radius);background:var(--bg-card);border:1.5px solid var(--border-card);box-shadow:var(--shadow-card);transition:var(--transition);position:relative}.animated-border:hover{box-shadow:var(--shadow-card-hover);border-color:#10b98166;transform:translateY(-3px)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(135deg,#fff0 0%,#ffffff26 50%,#fff0 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-brand);color:#fff;letter-spacing:.01em;box-shadow:0 2px 10px #10b98147,0 1px 3px #10b98133}.btn-primary:hover{box-shadow:var(--glow-btn);filter:brightness(1.04);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #10b98140}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--primary-50);color:var(--primary-700);box-shadow:var(--shadow-sm);border-color:#10b98138;transform:translateY(-1px)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 2px 10px #ef444440}.btn-danger:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 6px 20px #ef444461}.btn-outline-brand{color:var(--primary-600);box-shadow:none;background:0 0;border:1.5px solid #10b98159}.btn-outline-brand:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-1px)}.btn-full{width:100%}.btn-lg{border-radius:var(--radius-md);padding:.9375rem 2rem;font-size:1rem}.btn-sm{border-radius:6px;padding:.4375rem .875rem;font-size:.8125rem}.form-group{flex-direction:column;gap:.4375rem;display:flex}label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8125rem;font-weight:600}.input{background:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow-xs);border:1.5px solid #0596694d;outline:none;padding:.8125rem 1rem;font-family:inherit;font-size:.9375rem}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--primary-500);background:var(--bg-input-focus);box-shadow:0 0 0 4px #10b98129, var(--shadow-xs)}select.input{appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23059669' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}select.input option{background:var(--bg-card);color:var(--text-primary);padding:.4rem .75rem}select.input option:checked{background:var(--primary-100,#d1fae5);color:var(--primary-700,#047857);font-weight:600}select.input:focus{border-color:var(--primary-500);background-color:var(--bg-input-focus);box-shadow:0 0 0 4px #10b98129, var(--shadow-xs)}input[type=date].input,input[type=time].input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.input-otp{letter-spacing:.35em;text-align:center;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow-xs);outline:none;padding:1rem;font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700}.input-otp:focus{border-color:var(--primary-500);background:var(--bg-input-focus);box-shadow:0 0 0 3.5px #10b9811f}.form-input.error{background:#ef444408!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.form-error{color:#dc2626;align-items:center;gap:.25rem;margin-top:.3rem;font-size:.78rem;font-weight:500;display:flex}.alert{border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);border:1px solid;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.55;display:flex}.alert-error{color:#b91c1c;background:linear-gradient(135deg,#ef44440d 0%,#ef444408 100%);border-color:#ef444438}.alert-success{color:var(--primary-700);background:linear-gradient(135deg,#10b9810f 0%,#10b98108 100%);border-color:#10b98138}.alert-warning{color:#92400e;background:linear-gradient(135deg,#d977060f 0%,#d9770608 100%);border-color:#d9770638}.alert-info{color:#0e7490;background:linear-gradient(135deg,#0891b20f 0%,#0891b208 100%);border-color:#0891b238}.badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .72rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-internship{color:#0369a1;background:#0891b214;border-color:#0891b233}.badge-junior{color:var(--primary-700);background:#10b98117;border-color:#10b98138}.badge-senior{color:#92400e;background:#d9770617;border-color:#d9770638}.badge-hr_manager{color:#c2410c;background:#f9731617;border-color:#f9731638}.badge-bus_dev{color:#0f766e;background:#0d948817;border-color:#0d948838}.badge-ceo{color:#b91c1c;background:#ef444417;border-color:#ef444438}.badge-customer{color:#4338ca;background:#6366f117;border-color:#6366f138}.badge-mfa-ok{color:var(--primary-700);background:#10b98117;border-color:#10b98138}.badge-mfa-warn{color:#92400e;background:#d9770617;border-color:#d9770638}.badge-success{color:var(--primary-700);background:#10b98117;border-color:#10b98138}.badge-warning{color:#92400e;background:#d9770617;border-color:#d9770638}.badge-danger{color:#b91c1c;background:#ef444417;border-color:#ef444438}.badge-info{color:#0369a1;background:#0891b217;border-color:#0891b238}.navbar{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(1.5);background:#edfbf4eb;border-bottom:2px solid #10b9814d;padding:.875rem 0;position:sticky;top:0;box-shadow:0 1px #10b98126,0 4px 16px #064e3b0f}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-logo{letter-spacing:-.025em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:.375rem;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--primary-700);background:#10b98112}.nav-link.active{color:var(--primary-700);background:#10b9811a;font-weight:600}.qr-wrapper{background:linear-gradient(145deg, var(--primary-50), var(--bg-card));border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #10b98126;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.qr-image{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;border:3px solid #10b98126;padding:12px}.secret-key{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--primary-800);letter-spacing:.12em;word-break:break-all;text-align:center;box-shadow:var(--shadow-xs);border:1px solid #10b98126;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:ui-monospace,monospace;font-size:.875rem;display:flex}.steps{gap:0;display:flex}.step{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.step:not(:last-child):after{content:"";background:#10b98126;border-radius:1px;width:100%;height:2px;position:absolute;top:.9rem;left:50%}.step.active:after{background:var(--gradient-brand)}.step.done:after{background:var(--primary-400)}.step-number{background:var(--bg-subtle);width:2rem;height:2rem;color:var(--text-muted);z-index:1;transition:var(--transition-spring);border:2px solid #10b9812e;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:relative}.step.active .step-number{background:var(--gradient-brand);color:#fff;box-shadow:0 0 0 4px #10b98126, var(--glow-success);border-color:#0000}.step.done .step-number{background:var(--primary-400);color:#fff;border-color:#0000;box-shadow:0 0 0 3px #10b9811f}.step-label{color:var(--text-subtle);text-align:center;font-size:.7rem;font-weight:500}.step.active .step-label{color:var(--primary-700);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #10b98133;border-top-color:var(--primary-500);border-radius:50%;flex-shrink:0;width:1.125rem;height:1.125rem;animation:.65s linear infinite spin}.spinner-lg{border-width:3px;width:2rem;height:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{background:linear-gradient(145deg, var(--bg-card) 0%, #effdf6 100%);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);cursor:default;border:1.5px solid #05966938;padding:1.5rem 1.375rem;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b9811f 0%,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-20px;right:-20px}.stat-card:after{content:"";background:var(--gradient-brand);opacity:.55;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0596696b;transform:translateY(-4px)}.stat-icon{margin-bottom:.875rem;font-size:1.625rem;line-height:1;display:block}.stat-value{letter-spacing:-.04em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2.1rem;font-weight:800;line-height:1}.stat-value-plain{letter-spacing:-.04em;color:var(--text-primary);font-size:2.1rem;font-weight:800}.stat-label{color:var(--text-muted);letter-spacing:.01em;font-size:.8rem;font-weight:500}.stat-trend{align-items:center;gap:.25rem;margin-top:.375rem;font-size:.72rem;font-weight:600;display:inline-flex}.stat-trend.up{color:var(--primary-600)}.stat-trend.down{color:#dc2626}.perm-grid{grid-template-columns:1fr;gap:.4375rem;display:grid}.perm-row{background:linear-gradient(135deg, var(--primary-50) 0%, var(--bg-card) 100%);border-radius:var(--radius-sm);transition:var(--transition);border:1px solid #10b9811a;justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}.perm-row:hover{background:var(--primary-50);border-color:#10b98133}.perm-name{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.perm-ok{color:var(--primary-500);font-size:1rem}.perm-no{color:#0f172a2e;font-size:1rem}.divider{color:var(--text-subtle);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.875rem;font-size:.78rem;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#10b98133,#0000);flex:1;height:1px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.min-w-0{min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-emerald{color:var(--primary-600)}.text-danger{color:#dc2626}.text-warning{color:#92400e}.hidden{display:none}.relative{position:relative}.insight-glass{border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#ecfdf5cc 0%,#ffffffb3 50%,#ecfdf599 100%);border:1px solid #10b98124;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.insight-glass:before{content:"";background:linear-gradient(90deg,#0000,#10b98166,#0000);height:2px;position:absolute;top:0;left:0;right:0}.insight-glass-label{letter-spacing:.09em;text-transform:uppercase;color:var(--primary-700);background:#10b98114;border:1px solid #10b9812e;border-radius:999px;align-items:center;gap:.375rem;margin-bottom:.625rem;padding:.2rem .6rem;font-size:.65rem;font-weight:800;display:inline-flex}.ai-match-chip{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .625rem;font-size:.7rem;font-weight:700;display:inline-flex}.ai-match-chip.high{color:var(--primary-700);background:#10b9811a;border:1px solid #10b98138}.ai-match-chip.mid{color:#92400e;background:#d977061a;border:1px solid #d9770638}.ai-match-chip.low{color:#b91c1c;background:#ef44441a;border:1px solid #ef444438}.timeline{padding-left:1.75rem;position:relative}.timeline-track{background:linear-gradient(#10b98166,#10b98114);border-radius:2px;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.45rem}.timeline-item{padding-bottom:1.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-node{width:.875rem;height:.875rem;transition:var(--transition);background:#fff;border:2px solid #10b98159;border-radius:50%;position:absolute;top:.2rem;left:-1.425rem}.timeline-item.current .timeline-node{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 0 0 3px #10b98126, var(--glow-success)}.timeline-time{color:var(--text-subtle);margin-bottom:.2rem;font-size:.7rem;font-weight:500}.timeline-text{color:var(--text-secondary);font-size:.85rem;line-height:1.55}.app-layout{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);background:#f3fef8f7;border-right:2px solid #10b98147;flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 16px #064e3b14}.sidebar:before{content:"";background:var(--gradient-hero);border-radius:0 3px 3px 0;width:4px;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 8px #10b9814d}.sidebar-logo{letter-spacing:-.025em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;padding:0 .5rem;font-size:1.125rem;font-weight:800;text-decoration:none;display:block}.sidebar-section-label{letter-spacing:.11em;text-transform:uppercase;color:var(--text-subtle);margin-top:1.375rem;margin-bottom:.375rem;padding:0 .625rem;font-size:.62rem;font-weight:800}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.625rem;margin-bottom:.125rem;padding:.5625rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--primary-700);background:#10b98112}.sidebar-link.active{color:var(--primary-700);background:linear-gradient(135deg,#10b98124,#10b98112);font-weight:600;box-shadow:inset 0 0 0 1.5px #10b9814d}.sidebar-link.active:after{content:"";background:var(--primary-500);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}.sidebar-link .sidebar-icon{text-align:center;flex-shrink:0;width:1.25rem;font-size:1rem}.sidebar-footer{border-top:1.5px solid #10b98140;margin-top:auto;padding-top:1rem}.app-main{flex:1;min-width:0;overflow-x:hidden}.job-card{background:linear-gradient(135deg, var(--bg-card) 0%, #f2fdf8 100%);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;box-shadow:var(--shadow-xs);border:1.5px solid #0596692e;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.job-card:hover{background:linear-gradient(135deg, var(--primary-50) 0%, var(--bg-card) 100%);box-shadow:var(--shadow-sm);border-color:#05966961;transform:translate(3px)}.job-card-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.875rem;font-weight:600}.job-card-meta{color:var(--text-muted);font-size:.76rem;font-weight:400}.activity-item{border-bottom:1px solid #10b9810f;gap:.875rem;padding:.875rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--primary-500);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.375rem;box-shadow:0 0 6px #10b98159}.activity-dot.green{background:var(--primary-500);box-shadow:0 0 6px #10b98159}.activity-dot.teal{background:var(--accent-teal);box-shadow:0 0 6px #0d948859}.activity-dot.blue{background:#3b82f6;box-shadow:0 0 6px #3b82f659}.activity-dot.orange{background:#f59e0b;box-shadow:0 0 6px #f59e0b59}.activity-dot.red{background:#ef4444;box-shadow:0 0 6px #ef444459}.activity-text{color:var(--text-secondary);font-size:.83rem;line-height:1.55}.activity-time{color:var(--text-subtle);margin-top:.22rem;font-size:.7rem;font-weight:500}.skill-bar-wrap{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.skill-bar-label{color:var(--text-secondary);flex-shrink:0;width:140px;font-size:.78rem;font-weight:500}.skill-bar-track{background:var(--primary-100);border-radius:99px;flex:1;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #064e3b0f}.skill-bar-fill{background:var(--gradient-brand);border-radius:99px;height:100%;transition:width .9s cubic-bezier(.34,1.56,.64,1);position:relative}.skill-bar-fill:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);position:absolute;inset:0}.skill-bar-pct{color:var(--primary-700);text-align:right;flex-shrink:0;width:2.5rem;font-size:.72rem;font-weight:700}.candidate-card{background:linear-gradient(145deg, var(--bg-card) 0%, #f2fdf8 100%);border-radius:var(--radius);transition:var(--transition);cursor:pointer;box-shadow:var(--shadow-sm);border:1.5px solid #0596692e;padding:1.25rem;text-decoration:none;display:block;position:relative;overflow:hidden}.candidate-card:before{content:"";background:linear-gradient(90deg,#0000,#10b98180,#0000);height:2px;position:absolute;top:0;left:0;right:0}.candidate-card:hover{background:linear-gradient(145deg, var(--primary-50) 0%, var(--bg-card) 100%);box-shadow:var(--shadow-card-hover);border-color:#05966966;transform:translateY(-3px)}.candidate-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.9375rem;font-weight:700;display:flex;box-shadow:0 2px 8px #10b98140}.credit-widget{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#d1fae5 0%,#a7f3d0 30%,#ecfdf5 100%);border:2px solid #10b98152;padding:1.375rem 1.5rem;position:relative;overflow:hidden}.credit-widget:before{content:"";background:var(--gradient-brand);height:2px;position:absolute;top:0;left:0;right:0}.credit-widget:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b9811f 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.credit-balance{letter-spacing:-.045em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.plan-card{background:linear-gradient(145deg, var(--bg-card) 0%, #f2fdf8 100%);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);border:1.5px solid #05966938;padding:1.625rem;position:relative}.plan-card:hover{box-shadow:var(--shadow-card-hover);border-color:#05966966;transform:translateY(-3px)}.plan-card.featured{box-shadow:var(--shadow-card), 0 0 0 3px #10b98133;background:linear-gradient(145deg,#10b9810f 0%,#fff 100%);border-color:#10b98180}.plan-card.featured:before{content:"POPULAR";background:var(--gradient-brand);color:#fff;letter-spacing:.12em;border-radius:0 0 7px 7px;padding:.275rem .7rem;font-size:.58rem;font-weight:800;position:absolute;top:-1px;right:1.5rem;box-shadow:0 2px 8px #10b9814d}.plan-price{letter-spacing:-.04em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.75rem 0;font-size:2.2rem;font-weight:800;line-height:1}.plan-feature{color:var(--text-secondary);align-items:flex-start;gap:.5rem;margin-bottom:.5625rem;font-size:.8125rem;line-height:1.45;display:flex}.plan-feature-check{color:var(--primary-500);flex-shrink:0;margin-top:.05rem}.section-header{align-items:center;gap:.625rem;margin-bottom:1.25rem;display:flex}.section-header-icon{border-radius:var(--radius-sm);background:var(--gradient-soft);border:1px solid #10b9812e;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.9rem;font-weight:700}.section-subtitle{color:var(--text-muted);font-size:.72rem;font-weight:400}.mobile-header,.mobile-bottom-nav,.mobile-drawer,.mobile-drawer-overlay{display:none}@media (max-width:768px){.app-layout{flex-direction:column;min-height:100vh}.sidebar{display:none!important}.app-main{padding-top:60px;padding-bottom:74px;padding-left:.75rem!important;padding-right:.75rem!important}.container{padding:1rem .5rem 1.5rem!important}div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns:1fr 1fr"],div[style*="grid-template-columns: 1fr 2fr"],div[style*="grid-template-columns:1fr 2fr"],div[style*="grid-template-columns: 2fr 1fr"],div[style*="grid-template-columns:2fr 1fr"],div[style*="grid-template-columns: repeat(3, 1fr)"],div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important;gap:1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.mobile-header{-webkit-backdrop-filter:blur(24px)saturate(1.5);z-index:99;background:#edfbf4f2;border-bottom:2px solid #10b9814d;justify-content:space-between;align-items:center;height:60px;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #10b98126,0 4px 16px #064e3b0f}.mobile-header-brand{letter-spacing:-.02em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800;text-decoration:none}.mobile-header-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:background .2s;display:flex}.mobile-header-btn:active{background:#10b98114}.mobile-bottom-nav{-webkit-backdrop-filter:blur(24px)saturate(1.5);height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:99;background:#edfbf4f7;border-top:2px solid #10b9814d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #064e3b14}.mobile-nav-link{color:var(--text-muted);height:100%;transition:var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;font-size:.65rem;font-weight:500;text-decoration:none;display:flex;position:relative}.mobile-nav-link.active{color:var(--primary-700);font-weight:600}.mobile-nav-icon{font-size:1.2rem}.mobile-nav-badge{color:#fff;background:#ef4444;border-radius:9999px;padding:.1rem .35rem;font-size:.58rem;font-weight:700;line-height:1;position:absolute;top:6px;right:24%;box-shadow:0 0 6px #ef444466}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#064e3b40;transition:opacity .3s;display:block;position:fixed;inset:0}.mobile-drawer-overlay.active{opacity:1;pointer-events:auto}.mobile-drawer{z-index:101;background:#f7fef9f7;border-right:1px solid #10b9811f;flex-direction:column;width:280px;padding:1.5rem 1.25rem;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:-280px;box-shadow:4px 0 32px #064e3b14}.mobile-drawer.active{transform:translate(280px)}.mobile-drawer-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem;display:flex}.mobile-drawer-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;display:flex}.mobile-drawer-close:hover{color:var(--text-primary);background:#10b98114}.mobile-drawer-content{flex-direction:column;flex:1;gap:.125rem;display:flex;overflow-y:auto}.mobile-drawer-footer{border-top:1px solid #10b9811a;margin-top:auto;padding-top:1rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#10b98138;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#10b98166}*{scrollbar-width:thin;scrollbar-color:#10b98138 transparent}.custom-select-dropdown::-webkit-scrollbar{width:4px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:99px}.scroll-indicator{background:var(--gradient-brand);z-index:99999;border-radius:0 2px 2px 0;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 0 8px #10b98180}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:4s ease-in-out infinite float}.animate-float-slow{animation:7s ease-in-out infinite float}@keyframes pulse-glow-anim{0%,to{box-shadow:0 0 12px #10b98126}50%{box-shadow:0 0 32px #10b98173,0 0 60px #10b98133}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulse-glow-anim}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:14s linear infinite spin-slow}@keyframes fade-up-anim{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.65s cubic-bezier(.16,1,.3,1) forwards fade-up-anim}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer-text{background:linear-gradient(90deg, var(--primary-700) 0%, var(--primary-400) 40%, var(--primary-700) 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}