@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#080b14;--bg-secondary:#0d1117;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-input:#ffffff0f;--border:#ffffff14;--border-focus:#6366f180;--border-success:#22c55e66;--border-danger:#ef444466;--text-primary:#f0f4ff;--text-secondary:#f0f4ff8c;--text-muted:#f0f4ff4d;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #f97316 100%);--gradient-success:linear-gradient(135deg, #22c55e 0%, #06b6d4 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #eab308 100%);--glow-brand:0 0 40px #6366f126;--glow-success:0 0 30px #22c55e1f;--glow-danger:0 0 30px #ef44441f;--radius:14px;--radius-sm:8px;--radius-lg:20px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Inter,-apple-system,sans-serif}body{background:radial-gradient(ellipse 80% 60% at 50% -20%, #6366f11f 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, #06b6d40f 0%, transparent 50%), var(--bg-primary);min-height:100vh}h1{letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}h2{letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mono{font-family:JetBrains Mono,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:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);transition:var(--transition)}.card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.card-glass{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(40px);background:#ffffff09;border:1px solid #ffffff12;box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff14}.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}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 20px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 30px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 20px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 30px #ef444473}.btn-full{width:100%}.btn-lg{border-radius:var(--radius);padding:1rem 2rem;font-size:1rem}.form-group{flex-direction:column;gap:.5rem;display:flex}label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:.8125rem 1rem;font-family:inherit;font-size:.9375rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--border-focus);background:#6366f10f;box-shadow:0 0 0 3px #6366f11f}.input-otp{letter-spacing:.3em;text-align:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:1rem;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:600}.input-otp:focus{border-color:var(--border-success);background:#22c55e0d;box-shadow:0 0 0 3px #22c55e1f}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.5;display:flex}.alert-error{border-color:var(--border-danger);color:#fca5a5;background:#ef444414}.alert-success{border-color:var(--border-success);color:#86efac;background:#22c55e14}.alert-warning{color:#fde047;background:#eab30814;border-color:#eab3084d}.alert-info{color:#a5b4fc;background:#6366f114;border-color:#6366f14d}.badge{letter-spacing:.02em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-internship{color:#a5b4fc;background:#6366f11f;border-color:#6366f14d}.badge-junior{color:#86efac;background:#22c55e1f;border-color:#22c55e4d}.badge-senior{color:#fde047;background:#eab3081f;border-color:#eab3084d}.badge-hr_manager{color:#fdba74;background:#f973161f;border-color:#f973164d}.badge-bus_dev{color:#67e8f9;background:#06b6d41f;border-color:#06b6d44d}.badge-ceo{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.badge-mfa-ok{color:#86efac;background:#22c55e1f;border-color:#22c55e4d}.badge-mfa-warn{color:#fde047;background:#eab3081f;border-color:#eab3084d}.navbar{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080b14cc;padding:1rem 0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-logo{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);padding:.5rem .875rem;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.nav-link.active{color:var(--text-primary);background:#6366f11f}.qr-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.qr-image{border-radius:var(--radius-sm);background:#fff;border:4px solid #ffffff1a;padding:12px}.secret-key{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);letter-spacing:.1em;word-break:break-all;text-align:center;background:#0000004d;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:JetBrains Mono,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:var(--border);width:100%;height:2px;position:absolute;top:1rem;left:50%}.step.active:after{background:var(--gradient-brand)}.step-number{border:2px solid var(--border);background:var(--bg-secondary);width:2rem;height:2rem;color:var(--text-muted);z-index:1;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:relative}.step.active .step-number{background:var(--gradient-brand);color:#fff;border-color:#0000;box-shadow:0 0 20px #6366f166}.step.done .step-number{background:var(--gradient-success);color:#fff;border-color:#0000}.step-label{color:var(--text-muted);text-align:center;font-size:.75rem;font-weight:500}.step.active .step-label{color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f180}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition);padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#6366f10a 0%,#0000 60%);position:absolute;inset:0}.stat-card:hover{box-shadow:var(--glow-brand);border-color:#6366f133;transform:translateY(-2px)}.stat-icon{margin-bottom:.75rem;font-size:1.75rem}.stat-value{letter-spacing:-.03em;margin-bottom:.25rem;font-size:2rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.perm-grid{grid-template-columns:1fr;gap:.5rem;display:grid}.perm-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.perm-name{color:var(--text-secondary);font-size:.875rem;font-weight:500}.perm-ok{color:#22c55e;font-size:1.1rem}.perm-no{color:#fff3;font-size:1.1rem}.divider{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.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%}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.insight-glass{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#6366f11f 0%,#8127cf14 100%);border:1px solid #ffffff1f;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.insight-glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;top:0;left:0;right:0}.insight-glass-label{letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.68rem;font-weight:700;display:inline-flex}.ai-match-chip{letter-spacing:.03em;color:#c4b5fd;background:linear-gradient(135deg,#4648d440,#8127cf40);border:1px solid #8127cf59;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.ai-match-chip.high{color:#86efac;background:linear-gradient(135deg,#22c55e33,#06b6d433);border-color:#22c55e59}.ai-match-chip.mid{color:#fde047;background:linear-gradient(135deg,#eab30833,#f9731633);border-color:#eab30859}.ai-match-chip.low{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.timeline{padding-left:1.75rem;position:relative}.timeline-track{background:linear-gradient(#6366f180,#6366f10d);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{background:var(--bg-secondary);width:.875rem;height:.875rem;transition:var(--transition);border:2px solid #6366f180;border-radius:50%;position:absolute;top:.15rem;left:-1.425rem}.timeline-item.current .timeline-node{background:#6366f1;border-color:#6366f1;box-shadow:0 0 12px #6366f199}.timeline-time{color:var(--text-muted);margin-bottom:.2rem;font-size:.72rem}.timeline-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.app-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#080b14e6;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{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.1rem;font-weight:800;text-decoration:none;display:block}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:1.25rem;margin-bottom:.5rem;padding:0 .5rem;font-size:.65rem;font-weight:700}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.625rem;margin-bottom:.125rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-card)}.sidebar-link.active{color:var(--text-primary);background:#6366f124;font-weight:600}.sidebar-link .sidebar-icon{text-align:center;flex-shrink:0;width:1.25rem;font-size:1rem}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.app-main{flex:1;min-width:0;overflow-x:hidden}.job-card{background:var(--bg-card);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.job-card:hover{background:var(--bg-card-hover);transform:translate(2px)}.job-card-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.job-card-meta{color:var(--text-muted);font-size:.78rem}.activity-item{gap:.875rem;padding:.875rem 0;display:flex}.activity-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.35rem;box-shadow:0 0 8px #6366f180}.activity-dot.green{background:#22c55e;box-shadow:0 0 8px #22c55e80}.activity-dot.purple{background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.activity-dot.cyan{background:#06b6d4;box-shadow:0 0 8px #06b6d480}.activity-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.activity-time{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.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:.8rem}.skill-bar-track{background:var(--bg-card);border-radius:99px;flex:1;height:6px;overflow:hidden}.skill-bar-fill{background:var(--gradient-brand);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.skill-bar-pct{color:var(--text-muted);text-align:right;flex-shrink:0;width:2.5rem;font-size:.75rem;font-weight:600}.candidate-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);cursor:pointer;padding:1.25rem;text-decoration:none;display:block}.candidate-card:hover{background:var(--bg-card-hover);box-shadow:var(--glow-brand);border-color:#6366f140;transform:translateY(-2px)}.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:1rem;font-weight:700;display:flex}.credit-widget{border-radius:var(--radius);background:linear-gradient(135deg,#4648d433,#8127cf26);border:1px solid #6366f14d;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.credit-widget:after{content:"";pointer-events:none;background:#6366f114;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.credit-balance{letter-spacing:-.04em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:1.5rem;position:relative}.plan-card.featured{background:#6366f10f;border-color:#6366f180}.plan-card.featured:before{content:"POPULAR";background:var(--gradient-brand);color:#fff;letter-spacing:.1em;border-radius:0 0 6px 6px;padding:.25rem .625rem;font-size:.6rem;font-weight:800;position:absolute;top:-1px;right:1.5rem}.plan-price{letter-spacing:-.04em;color:var(--text-primary);margin:.75rem 0;font-size:2rem;font-weight:800}.plan-feature{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.plan-feature-check{color:#22c55e}