body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Noto Serif",serif;font-optical-sizing:auto;font-style:normal;margin:0}*,.f-title{font-family:"Noto Serif",serif}.f-title{font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 62.5;font-weight:690}:root{--color-primary:#f7f6f2;--color-primary-light:#faf9f6;--color-primary-dark:#f0ede6;--color-primary-darker:#e8e3da;--color-bg-main:#fefefebf;--color-bg-card:#faf9f6c4;--color-bg-hover:var(--color-primary-dark);--color-border-light:#f0ede6;--color-border-medium:#e8e3da;--color-border-dark:#ddd7cc;--color-text-primary:#374151;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-accent-bg:#e0e7ff;--color-accent-text:#3730a3;--color-accent-border:#c7d2fe;--color-accent-hover:#c7d2fe;--color-accent-border-hover:#a5b4fc;--color-chart-bg:#d1d5db;--color-chart-fill:var(--color-accent-bg);--color-chart-center:var(--color-primary);--shadow-light:0 1px 3px 0 #0000001a;--shadow-medium:0 4px 6px -1px #0000001a}.App{background-blend-mode:overlay;background-image:url(/static/media/bg.2da957ad1094d49db5a7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}.App:before{background-color:var(--color-bg-main);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.App>*{position:relative;z-index:1}.top-bar{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#fffc;border-bottom:1px solid var(--color-border-medium);border-top:1px solid var(--color-border-medium);left:0;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:10}.top-bar h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;letter-spacing:-.025em;margin:0}.main-content{box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:150px 8px}.cards-container{display:flex;flex-direction:column;gap:1rem;max-width:600px;width:85%}.card{background:var(--color-bg-card);border:1px solid var(--color-border-medium);border-radius:.5rem;box-shadow:0 16px 32px -8px #0000000d,0 8px 16px -4px #00000008;padding:2rem}.preview-card,.upload-card{text-align:left}.card h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;letter-spacing:-.025em;margin:0 0 .5rem}.preview-card h2,.upload-card h2{justify-content:flex-start}.description{color:var(--color-text-primary);font-size:1rem;line-height:1.5;margin-bottom:1rem}.upload-container{display:flex;flex-direction:column;gap:16px;margin-top:0}.file-upload-section{align-items:center;display:flex;gap:8px}.action-buttons{display:flex;flex-direction:row;gap:16px;margin-top:8px}.upload-button{background-color:var(--color-accent-bg);border:2px solid var(--color-accent-border);border-radius:.5rem;color:var(--color-accent-text);cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 2rem;text-decoration:none;transition:all .2s ease}.upload-button:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-border-hover);transform:translateY(-1px)}.upload-button.loading{cursor:not-allowed;opacity:.7;pointer-events:none}.upload-button.secondary{background-color:var(--color-bg-card);border-color:var(--color-border-medium);color:var(--color-text-primary)}.upload-button.secondary:hover{background-color:var(--color-bg-main);border-color:var(--color-border-dark)}.file-status{color:#059669;font-size:1.2rem;font-weight:600}.analyze-button{background-color:var(--color-accent-bg);border:2px solid var(--color-accent-border);border-radius:.5rem;color:var(--color-accent-text);cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 2rem;transition:all .2s ease}.analyze-button:hover:not(.disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-border-hover);transform:translateY(-1px)}.analyze-button.disabled{cursor:not-allowed;opacity:.5}.analyze-button.loading{cursor:not-allowed;opacity:.7}.tabs-container{border-bottom:1px solid var(--color-border-medium);display:flex;gap:0;margin-bottom:1rem}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button:hover:not(:disabled){background-color:var(--color-bg-main)}.tab-button.active{background-color:var(--color-accent-bg);border-bottom-color:var(--color-accent-border);color:var(--color-accent-text)}.tab-button:disabled{cursor:not-allowed;opacity:.5}.tab-content{margin-top:1rem}.key-matches-section,.missing-skills-section{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:.375rem;margin:1rem 0;padding:1rem}.section-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.matches-list,.skills-list{list-style-type:none;margin:0;padding-left:0}.match-item.positive{align-items:flex-start;color:var(--color-text-primary);display:flex;font-size:.875rem;gap:.5rem;line-height:1.5;margin-bottom:.5rem}.match-icon{color:var(--color-text-secondary);flex-shrink:0;margin-top:.125rem}.skill-item.missing{align-items:flex-start;color:var(--color-text-primary);display:flex;font-size:.875rem;gap:.5rem;line-height:1.5;margin-bottom:.5rem}.missing-icon{color:var(--color-text-secondary);flex-shrink:0;margin-top:.125rem}.sample-button{background-color:var(--color-bg-card);border:2px solid var(--color-border-medium);border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 2rem;transition:all .2s ease}.sample-button:hover{background-color:var(--color-bg-main);border-color:var(--color-border-dark);transform:translateY(-1px)}.error-message{color:#dc2626;font-size:.875rem;margin-top:.5rem;text-align:center}.overall-score-section{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:.375rem;margin:1rem 0;padding:1rem;text-align:left}.overall-score-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.overall-score-value{color:var(--color-text-secondary);font-size:2rem;font-variation-settings:"wdth" 62.5;font-weight:700;margin:0}.summary-section{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:.375rem;margin:1rem 0;padding:1rem}.summary-title{font-size:1rem;font-weight:600;margin:0 0 .5rem}.summary-text,.summary-title{color:var(--color-text-primary)}.summary-text{font-size:.875rem;line-height:1.5;margin:0}.metrics-rows{display:flex;flex-direction:column;gap:4px;margin-top:1rem}.metric-row{align-items:center;background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:.375rem;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.metric-left{display:flex;flex-direction:column;flex-shrink:0;width:150px}.metric-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;margin-bottom:.25rem}.metric-score{color:var(--color-text-secondary);font-size:1rem}.metric-reason{color:var(--color-text-primary);flex:1 1;font-size:.875rem;line-height:1.4}.suggestions-section{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:.375rem;margin:1rem 0 0;padding:1rem}.suggestions-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.suggestions-list{list-style-type:disc;margin:0;padding-left:1.25rem}.suggestion-item{color:var(--color-text-primary);font-size:.875rem;line-height:1.5;margin-bottom:.25rem}.loading-content{flex-direction:column;gap:1rem;padding:2rem}.loading-content,.loading-spinner{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--color-text-primary);font-size:1rem;margin:0;text-align:center}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:.5rem}.metric-item{flex-direction:column;gap:.5rem}.donut-chart,.metric-item{align-items:center;display:flex}.donut-chart{background:conic-gradient(var(--color-chart-bg) 0deg,var(--color-chart-bg) 25deg,var(--color-chart-fill) 25deg,var(--color-chart-fill) 1turn);border-radius:50%;height:50px;justify-content:center;position:relative;width:50px}.donut-chart:before{background:var(--color-chart-center);border-radius:50%;content:"";height:32px;position:absolute;width:32px}.donut-inner{position:relative;z-index:1}.donut-inner,.metric-label{color:var(--color-text-primary);font-size:.75rem}.metric-label{text-align:center}@media (max-width:768px){.cards-container{margin:0 8px;max-width:none;width:calc(100% - 16px)}.card{padding:24px 20px}.metric-row{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:.375rem;gap:1rem;justify-content:flex-start;padding:1rem}.metric-row,.upload-container{align-items:flex-start;display:flex;flex-direction:column}.upload-container{gap:16px;margin-top:0}.action-buttons{flex-direction:column;width:100%}.action-buttons button{width:100%}}
/*# sourceMappingURL=main.6ba09e64.css.map*/