@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);*,:after,:before{box-sizing:border-box}:root{--green:#0a9c75;--green-dark:#098564;--white:#fff;--green-light:#0cbc8e;--gray-200:#ebeff4;--gray-600:#5f6773;--black:#0000;--font-base:"Roboto",sans-serif;--app-bg:#f3f7fa}body{background:#f3f7fa;background:var(--app-bg);color:#333;font-family:Roboto,sans-serif;font-family:var(--font-base);margin:0;padding:0}.container{display:flex;flex-direction:column;gap:2.5rem;margin:2rem auto;max-width:1200px;padding:0 1rem}.app-header{background:#098564;background:var(--green-dark);border-radius:12px;box-shadow:0 20px 60px -10px #2e7d3226;margin-bottom:1.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative}.header-inner{flex-wrap:wrap;gap:1.25rem;justify-content:space-between}.brand,.header-inner{align-items:center;display:flex}.brand{flex:1 1;gap:.75rem;min-width:0}.logo-box{align-items:center;display:flex;flex-shrink:0;gap:6px}.app-logo{height:90px;transition:transform .2s}.app-logo:hover{transform:scale(1.05)}.brand-name{color:#0a9c75;color:var(--green);font-size:1.8rem;font-weight:800;letter-spacing:1px;margin-left:5px;text-transform:uppercase}.titles{display:flex;flex-direction:column;margin-left:10px;min-width:0}.app-header-text{color:#fff;color:var(--white);font-size:1.6rem;font-weight:600;line-height:1.1;margin:0;position:relative}.app-header-text:after{background:#fff;background:var(--white);border-radius:2px;content:"";display:block;height:3px;margin-top:4px;width:45px}.main-nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.nav-link{border:1px solid #fff;border:1px solid var(--white);border-radius:999px;color:#fff;color:var(--white);font-size:.9rem;font-weight:700;padding:.55rem .9rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.nav-link:hover{background:#098564;background:var(--green-dark);box-shadow:0 4px 10px #0b25451f;color:#fff}.tagline{color:#fff;color:var(--white);font-size:.75rem;font-weight:500;margin:4px 0 0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.quick-stats{display:flex;gap:.75rem}.stat{background:#0cbc8e;background:var(--green-light);border-radius:999px;display:flex;flex-direction:column;font-size:.65rem;min-width:64px;padding:6px 12px;text-align:center}.stat-value{color:#fff;color:var(--white);display:block;font-size:.95rem;font-weight:700;line-height:1}.stat-label{color:#42504f;margin-top:2px}.btn-reset,.stat-label{letter-spacing:.5px;text-transform:uppercase}.btn-reset{background:#fff;border:1px solid #fff;border:1px solid var(--white);border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;padding:.55rem 1rem;transition:background .2s,box-shadow .2s,color .2s}.btn-reset:hover{background:#0cbc8e;background:var(--green-light);box-shadow:0 4px 12px #2e7d3226}.stepper-wrapper{box-sizing:border-box;display:flex;justify-content:center;margin:0 auto 1.5rem;padding:0 1.5rem;width:100%}.stepper{max-width:1100px;width:100%}.step-item,.stepper{align-items:center;display:flex}.step-item{color:#444;cursor:pointer;flex:0 0 auto;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-base);min-width:140px;text-align:center;transition:color .2s}.step-item .circle{align-items:center;background:#fff;border:2px solid #0a9c75;border:2px solid var(--green);border-radius:50%;box-shadow:0 8px 24px #2e7d3214;display:flex;height:44px;justify-content:center;margin-bottom:6px;position:relative;transition:background .2s,border-color .2s;width:44px}.step-item .circle.completed{background:#0a9c75;background:var(--green);border-color:#0a9c75;border-color:var(--green)}.step-item .number{color:#0a9c75;color:var(--green);font-size:1rem;font-weight:700}.step-item.active .circle{background:#0a9c75;background:var(--green);border-color:#0a9c75;border-color:var(--green)}.step-item.active .number{color:#fff}.step-item .label{font-size:.75rem;font-weight:600;line-height:1.1;margin-top:2px;word-break:break-word}.connector{background:#ebeff4;background:var(--gray-200);border-radius:4px;flex:1 1;height:8px;margin:0 12px;transition:background .3s}.connector.active{background:#0cbc8e;background:var(--green-light)}.top-section{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem}.top-section>.card{flex:1 1}.card,.top-section>.card{display:flex;flex-direction:column}.card{background:#fff;border-radius:10px;box-shadow:0 6px 20px #0000000a;overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:0 8px 24px #00000014}.card-header{align-items:center;background:#0a9c75;background:var(--green);border-bottom:3px solid #098564;border-bottom:3px solid var(--green-dark);display:flex;justify-content:space-between;padding:1rem 1.5rem}.card-header h2{color:#fff;color:var(--white);font-size:1.4rem;margin:0}.card-body{flex:1 1;padding:2rem}.search-card .card-header{border-bottom-width:2px}.search-card .card-body{padding-top:1rem}.upload-hint{color:#5f6773;color:var(--gray-600);font-size:.95rem;margin:.5rem 1.5rem 0}.resume-info{align-items:center;display:inline-flex;font-size:.9rem;gap:12px;margin:.75rem 1.5rem 1.5rem}.resume-label{color:#444;font-weight:600}.resume-name{align-items:center;background:#fff;border:1px solid #098564;border:1px solid var(--green-dark);border-radius:10px;box-shadow:0 4px 16px #2e7d3214;display:inline-flex;font-size:.9rem;gap:6px;padding:6px 14px;position:relative}.remove-resume-btn,.resume-name{color:#098564;color:var(--green-dark)}.remove-resume-btn{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0}.remove-resume-btn:hover{opacity:.7}.skill-input-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.skill-input{border:1px solid #ebeff4;border:1px solid var(--gray-200);border-radius:6px;flex:1 1;font-size:1rem;min-width:0;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.skill-input:focus{border-color:#0a9c75;border-color:var(--green);box-shadow:0 0 0 2px #2e7d3233;outline:none}.btn-add{background:#fff;border:1px solid #ebeff4;border:1px solid var(--gray-200);border-radius:6px;color:#5f6773;color:var(--gray-600);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:background .2s,box-shadow .2s}.btn-add:hover{background:#ebeff4;background:var(--gray-200);box-shadow:0 2px 6px #00000014}.btn-upload{background:#098564;background:var(--green-dark);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;position:relative;transition:background .2s,box-shadow .2s}.btn-upload:hover{background:#0cbc8e;background:var(--green-light);box-shadow:0 4px 8px #0000001a}.btn-upload input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.action-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.btn-search{align-items:center;background:#098564;background:var(--green-dark);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s,box-shadow .2s}.btn-search:hover{background:#0cbc8e;background:var(--green-light);box-shadow:0 4px 12px #0000001a}.btn-clear{background:#fff;border:1px solid #5f6773;border:1px solid var(--gray-600);border-radius:6px;color:#5f6773;color:var(--gray-600);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s,box-shadow .2s}.btn-clear:hover{background:#ebeff4;background:var(--gray-200);box-shadow:0 2px 6px #00000014}.upload-error{color:#c62828;font-size:.9rem;margin:.25rem 1.5rem 0}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;margin-top:0}.skill-tag{align-items:center;background:#0cbc8e;background:var(--green-light);border-radius:16px;box-shadow:0 1px 3px #0000000d;display:inline-flex;font-size:.9rem;padding:.5rem .75rem}.remove-skill,.skill-tag{color:#fff;color:var(--white)}.remove-skill{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:.5rem}.remove-skill:hover{opacity:.6}.rec-body{display:flex;flex-direction:column}.rec-main{display:flex;flex:1 1;flex-direction:column;gap:1rem}.rec-footer{display:flex;justify-content:flex-start;margin-top:1rem}.btn-getrec{background:#098564;background:var(--green-dark);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:.6rem 1rem;transition:background .2s,box-shadow .2s}.btn-getrec:hover{background:#0cbc8e;background:var(--green-light);box-shadow:0 4px 12px #0000001a}.job-list{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:flex-start}.details-table{border-collapse:collapse;margin-top:1rem;width:100%}.details-table td,.details-table th{border:1px solid #ebeff4;border:1px solid var(--gray-200);padding:.75rem 1rem;text-align:left;vertical-align:top}.details-table th{background:#098564;background:var(--green-dark);color:#fff;color:var(--white);font-weight:500}.description-cell{max-width:300px;white-space:normal;word-break:break-word}.show-more{background:none;border:none;cursor:pointer;font-size:.9rem;margin-left:.25rem}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.pagination-info{color:#444;font-size:.85rem}.pagination-controls{display:flex;gap:.5rem}.pagination-button{background:#fff;border:1px solid #0cbc8e;border:1px solid var(--green-light);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem .85rem;text-transform:uppercase;transition:background .2s}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button:not(:disabled):hover{background:#0cbc8e;background:var(--green-light)}.spinner{margin:2rem auto;text-align:center;width:70px}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite both;background:#0a9c75;background:var(--green);border-radius:100%;display:inline-block;height:18px;width:18px}@keyframes bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.placeholder{color:#5f6773;color:var(--gray-600);font-style:italic}.error{color:#c62828;margin:1rem 0}.job-card{background:#fafafa;border:1px solid #ebeff4;border:1px solid var(--gray-200);border-radius:12px;display:flex;flex:0 0 240px;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s}.job-card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-4px)}.job-card-header{align-items:center;background:#098564;background:var(--green-dark);border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.job-card-body{flex:1 1;padding:1rem}.job-title{font-size:1.05rem;margin:0}.job-checkbox{transform:scale(1.2)}.score-section{margin-top:.75rem}.score-bar{background:#ebeff4;background:var(--gray-200);border-radius:4px;height:6px;overflow:hidden}.score-bar-fill{background:#0a9c75;background:var(--green);height:6px;transition:width .3s ease}.score-label{color:#5f6773;color:var(--gray-600);font-size:.9rem;margin:0 0 .25rem}.modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 6px 20px #0003;max-height:80%;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.modal-close{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem;position:absolute;right:.75rem;top:.5rem}.modal-body{line-height:1.5;white-space:pre-wrap}@media (max-width:1100px){.top-section{flex-direction:column}}@media (max-width:1000px){.app-header-text{font-size:1.5rem;text-align:left}.header-inner{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-start}.titles{margin-top:4px}}@media (max-width:700px){.quick-stats{gap:.5rem;order:2}.header-actions{align-items:flex-start;flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.18a76e4b.css.map*/