@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--violet:#7c3aed;--violet-2:#a78bfa;--violet-glow:#7c3aed2e;--sky:#b8d8f8;--sky-mid:#7ab8f0;--sky-deep:#1e6fab;--sky-pale:#e8f4fd;--teal-soft:#d1fae5;--teal-border:#6ee7b7;--teal-text:#065f46;--rose-soft:#ffe4e6;--rose-border:#fda4af;--rose-text:#9f1239;--text-1:#1a1a2e;--text-2:#3d3558;--text-3:#9ca3af;--white:#fff;--surface:#ffffffed;--border:#e8edf2;--shadow:0 16px 48px #7c3aed1c;--shadow-sm:0 2px 10px #7c3aed0f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}.app{grid-gap:12px;animation:gradientMove 14s ease infinite;background:linear-gradient(-45deg,#b8d8f8,#ddd6fe,#bfdbfe,#ede9fe);background-size:400% 400%;display:grid;gap:12px;grid-template-columns:420px 1fr;height:100vh;overflow:hidden;padding:16px}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.panel-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:hsla(0,0%,100%,.676);border:1px solid #ffffffe6;border-radius:20px;box-shadow:0 16px 48px #7c3aed1c;box-shadow:var(--shadow);overflow:hidden}.upload-panel{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:28px 30px}.brand{gap:10px}.brand,.brand-icon{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#654deb,#3a93ed 60%);border-radius:9px;box-shadow:0 4px 10px #7c3aed2e;box-shadow:0 4px 10px var(--violet-glow);color:#fff;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.brand-name{color:#1a1a2e;color:var(--text-1);font-family:Playfair Display,serif;font-size:1rem;font-weight:700}.brand-name span{color:#7c8cf8}.upload-heading{color:#1a1a2e;color:var(--text-1);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;letter-spacing:-.3px;line-height:1.3}.upload-heading span{color:#6d7ff2}.upload-subtext{color:#9ca3af;color:var(--text-3);font-size:13px;font-weight:300;line-height:1.7}.drop-zone{align-items:center;animation:pulse 3s ease-in-out infinite;background:#d1fae5;background:var(--teal-soft);border:2px dashed #6ee7b7;border:2px dashed var(--teal-border);border-radius:14px;color:#065f46;color:var(--teal-text);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:7px;justify-content:center;min-height:145px;padding:32px 14px;text-align:center;transition:all .25s}.drop-zone:hover{animation:none;background:#a3ffd4af;border-color:#10b981}.drop-zone.has-file{animation:none;background:#d1fae573;border:2px dashed rgba(96,196,134,.765)}.drop-zone.active{animation:none;background:#a7f3d0;border-color:#10b981}@keyframes pulse{0%,to{box-shadow:0 0 0 #10b98100}50%{box-shadow:0 0 14px #10b98133}}.drop-icon{font-size:24px;opacity:.75}.drop-file-info{align-items:center;display:flex;flex-direction:column;gap:3px}.drop-filename{color:rgba(28,100,55,.854);font-size:12.5px;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-sub{font-size:11px;font-weight:300;opacity:.5}.btn-analyze{background:linear-gradient(135deg,#4d67eb,#3a93ed 40%,#4d8feb);border:none;border-radius:50px;box-shadow:0 6px 18px #7c3aed2e;box-shadow:0 6px 18px var(--violet-glow);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:14px;transition:all .25s;width:100%}.btn-analyze:hover{box-shadow:0 10px 26px #7c3aed47;transform:translateY(-2px)}.btn-analyze:active{transform:translateY(0)}.btn-analyze:disabled{cursor:not-allowed;opacity:.8;transform:none}.btn-loading{align-items:center;display:flex;gap:10px;justify-content:center}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.error-msg{color:#9f1239;color:var(--rose-text);font-size:12px;text-align:center}.tip-card{align-items:flex-start;background:#e8f4fd;background:var(--sky-pale);border:1px solid #b8d8f8b3;border-radius:12px;display:flex;gap:10px;padding:14px 16px}.tip-icon{flex-shrink:0;font-size:14px;margin-top:2px}.tip-text{color:#9ca3af;color:var(--text-3);font-size:12.5px;line-height:1.6}.tip-text strong{color:#1e6fab;color:var(--sky-deep);font-weight:600}.result-panel{display:flex;flex-direction:column;overflow:hidden}.result-topbar{align-items:center;background:linear-gradient(90deg,#b8d8f8,#d4eafc);background:linear-gradient(90deg,var(--sky),#d4eafc);border-bottom:1px solid #b8d8f880;display:flex;flex-shrink:0;gap:8px;height:42px;padding:0 22px}.topbar-dot{background:#7c3aed;background:var(--violet);border-radius:50%;height:6px;opacity:.5;width:6px}.topbar-label{color:#1e6fab;color:var(--sky-deep);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.topbar-slash{color:#7ab8f0;color:var(--sky-mid);font-size:11px}.topbar-sub{color:#1e6fab;color:var(--sky-deep);font-size:13px;font-weight:500;opacity:.7}.name-block{background:linear-gradient(135deg,#e8f4fd,#b8d8f847);background:linear-gradient(135deg,var(--sky-pale),#b8d8f847);border-bottom:1px solid #b8d8f873;flex-shrink:0;padding:10px 22px}.display-name{color:#1a1a2e;color:var(--text-1);display:block;font-family:Playfair Display,serif;font-size:1.85rem;font-weight:700;letter-spacing:-.12px;line-height:1.05}.display-email{color:#1e6fab;color:var(--sky-deep);display:block;font-size:12.5px;font-weight:400;margin-top:2px}.top-row{grid-gap:19px;display:grid;flex-shrink:0;gap:19px;grid-template-columns:1fr 1fr;height:180px;padding:12px 16px 0}.bottom-row{grid-gap:18px;display:grid;flex:1 1;gap:18px;grid-template-columns:1.5fr 1fr;min-height:0;overflow:hidden;padding:12px 16px}.best-match-card{background:linear-gradient(135deg,#4d98ee,#3a8bed 90%);border-radius:14px;box-shadow:0 8px 24px #6d28d940;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:14px 16px;position:relative}.best-match-card:before{background:#b8d8f824;border-radius:50%;content:"";height:110px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:110px}.bm-eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;margin-bottom:2px;opacity:.7;text-transform:uppercase}.bm-role{font-family:Playfair Display,serif;font-size:1rem;font-weight:700;line-height:1.2}.bm-bottom{align-items:flex-end;display:flex;justify-content:space-between}.bm-percent{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:-1.5px;line-height:1}.bm-percent sup{font-size:.8rem;vertical-align:super}.fit-badge{background:#ffffff38;border:1px solid #ffffff59;border-radius:50px;color:#fff;font-size:11px;font-weight:500;padding:4px 11px}.stat-card{background:#fff;background:var(--white);border:1px solid #e8edf2;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px #7c3aed0f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px 14px}.stat-card-label{color:#9ca3af;color:var(--text-3);flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:1.8px;margin-bottom:9px;text-transform:uppercase}.comparison-list{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}.comparison-item{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px 6px}.comparison-item.selected{background:#b8d8f859}.comparison-meta{align-items:center;display:flex;justify-content:space-between}.comparison-role{color:#3d3558;color:var(--text-2);font-size:12.5px;font-weight:500}.comparison-pct{color:rgba(21,17,17,.555);font-size:12.5px;font-weight:700;white-space:nowrap}.bar-track{background:#e8f4fd;background:var(--sky-pale);border-radius:99px;height:5px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#5da9e9,#7ab8f0);border-radius:99px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);width:0}.skills-wrap{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-height:0;overflow-y:auto}.skills-wrap::-webkit-scrollbar{width:3px}.skills-wrap::-webkit-scrollbar-thumb{background:#e8edf2;background:var(--border);border-radius:4px}.skill-tag{align-items:center;animation:floatIn .35s ease forwards;border-radius:50px;display:inline-flex;font-size:13.5px;font-weight:500;gap:4px;opacity:0;padding:5px 10px;white-space:nowrap}@media (max-width:860px){animation:floatIn .35s ease forwards;opacity:0;white-space:nowrap;#root,.app,body,html{height:auto;overflow:auto}.app{gap:12px;grid-template-columns:1fr;min-height:100vh;padding:12px}.upload-panel{gap:18px;height:auto;justify-content:flex-start;padding:24px 20px}.upload-heading{font-size:1.5rem}.upload-subtext{font-size:13px}.drop-zone{min-height:130px;padding:28px 14px}.result-panel{height:auto;overflow:visible}.name-block{padding:14px 18px}.display-name{font-size:1.5rem}.top-row{gap:12px;grid-template-columns:1fr;height:auto;padding:12px 12px 0}.best-match-card{min-height:140px}.bottom-row{gap:12px;grid-template-columns:1fr;height:auto;overflow:visible;padding:12px}}.skill-tag.matched{background:#d1fae5;background:var(--teal-soft);border:1px solid #6ee7b7;border:1px solid var(--teal-border);color:#065f46;color:var(--teal-text)}.skill-tag.missing{background:#ffe4e6;background:var(--rose-soft);border:1px solid #fda4af;border:1px solid var(--rose-border);color:#9f1239;color:var(--rose-text)}.skill-tag:first-child{animation-delay:.03s}.skill-tag:nth-child(2){animation-delay:.06s}.skill-tag:nth-child(3){animation-delay:.09s}.skill-tag:nth-child(4){animation-delay:.12s}.skill-tag:nth-child(5){animation-delay:.15s}.skill-tag:nth-child(6){animation-delay:.18s}.skill-tag:nth-child(7){animation-delay:.21s}.skill-tag:nth-child(8){animation-delay:.24s}.skill-tag:nth-child(9){animation-delay:.27s}.skill-tag:nth-child(10){animation-delay:.3s}@keyframes floatIn{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.no-skills{color:#9ca3af;color:var(--text-3);font-size:12px;font-style:italic}.loading-state{flex:1 1;flex-direction:column;gap:16px;padding:32px;text-align:center}.loading-rings,.loading-state{align-items:center;display:flex;justify-content:center}.loading-rings{height:90px;margin-bottom:4px;position:relative;width:90px}.ring{border:2px solid #0000;border-radius:50%;position:absolute}.ring-1{animation:spin 1.2s linear infinite;border-right-color:#4d67eb4d;border-top-color:#4d67eb;height:90px;width:90px}.ring-2{animation:spin 1.8s linear infinite reverse;border-left-color:#3a93ed4d;border-top-color:#3a93ed;height:68px;width:68px}.ring-3{animation:spin 1s linear infinite;border-bottom-color:#7ab8f04d;border-top-color:#7ab8f0;border-top-color:var(--sky-mid);height:46px;width:46px}.loading-icon{animation:iconPulse 1.5s ease-in-out infinite;font-size:18px;z-index:1}@keyframes iconPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.loading-title{color:#1a1a2e;color:var(--text-1);font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;letter-spacing:-.3px;min-width:160px}.loading-step{animation:stepFade .4s ease;color:#9ca3af;color:var(--text-3);font-size:13px;font-weight:400;line-height:1.5}@keyframes stepFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-bar-track{background:#b8d8f880;border-radius:99px;height:4px;margin-top:4px;overflow:hidden;width:200px}.loading-bar-fill{animation:indeterminate 1.6s ease-in-out infinite;background:linear-gradient(90deg,#4d67eb,#3a93ed,#7ab8f0);background:linear-gradient(90deg,#4d67eb,#3a93ed,var(--sky-mid));border-radius:99px;height:100%;width:40%}@keyframes indeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(150%)}to{transform:translateX(350%)}}.empty-state{flex:1 1;flex-direction:column;gap:12px;padding:32px;text-align:center}.empty-illustration,.empty-state{align-items:center;display:flex;justify-content:center}.empty-illustration{background:#e8f4fd;background:var(--sky-pale);border:2px dashed #b8d8f8;border:2px dashed var(--sky);border-radius:14px;font-size:22px;height:60px;width:60px}.empty-title{color:#3d3558;color:var(--text-2);font-family:Playfair Display,serif;font-size:1rem;font-weight:600}.empty-sub{color:#9ca3af;color:var(--text-3);font-size:12px;line-height:1.6;max-width:200px}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){#root,.app,body,html{height:auto;overflow:auto}.app{gap:12px;grid-template-columns:1fr;min-height:100vh;padding:12px}.upload-panel{gap:18px;height:auto;justify-content:flex-start;padding:24px 20px}.upload-heading{font-size:1.5rem}.upload-subtext{font-size:13px}.drop-zone{min-height:130px;padding:28px 14px}.result-panel{height:auto;overflow:visible}.name-block{padding:14px 18px}.display-name{font-size:1.5rem}.top-row{gap:12px;grid-template-columns:1fr;height:auto;padding:12px 12px 0}.best-match-card{min-height:140px}.bottom-row{gap:12px;grid-template-columns:1fr;height:auto;overflow:visible;padding:12px}.stat-card{min-height:120px}.skills-wrap{overflow:visible}.loading-bar-track{width:160px}}.panel-footer{align-items:center;border-top:.5px solid #64748b33;color:#64748b;display:flex;flex-direction:column;font-size:.8rem;gap:4px;margin-top:auto;padding-bottom:4px;padding-top:12px;text-align:center;width:100%}.panel-footer p{margin:0}.panel-footer a{color:#3b82f6;text-decoration:none}.panel-footer a:hover{text-decoration:underline}.ai-feedback-card{background:#fffc;border:1px solid #6d7ff24d;box-shadow:0 8px 24px #6d7ff226;margin-top:20px;padding:24px}.btn-ai{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;margin-top:12px;padding:12px 20px;transition:all .25s}.btn-ai:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.ai-feedback-content{animation:fadeIn .5s ease-in-out;margin-top:16px}.feedback-section{margin-bottom:16px}.feedback-section h4{color:#3a93ed;font-family:Playfair Display,serif;font-size:1.1rem;margin-bottom:8px}.feedback-section ul{color:#3d3558;color:var(--text-2);font-size:14px;line-height:1.6;list-style-type:disc;margin:0;padding-left:20px}.feedback-section li{margin-bottom:4px}
/*# sourceMappingURL=main.d345e11d.css.map*/