@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap);body{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}.auth-container{margin:2rem auto;max-width:450px;padding:2rem;width:100%}.auth-card{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{box-shadow:var(--shadow-lg)}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;width:100%}.form-group{margin-bottom:1.25rem;width:100%}.form-control{background-color:var(--background-light);border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533}.auth-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1.5rem;transition:var(--transition);width:100%}.auth-btn svg{font-size:1.1rem}.auth-btn.primary-btn{background-color:var(--primary-color);color:#fff}.auth-btn.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.auth-btn.google-btn{background-color:#fff;border:1px solid var(--border-color);color:#333}.auth-btn.google-btn:hover{background-color:#f8f9fa;transform:translateY(-2px)}.auth-btn.secondary-btn{background-color:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary)}.auth-btn.secondary-btn:hover{background-color:var(--background-alt)}.auth-btn.danger-btn{background-color:var(--danger-color);color:#fff}.auth-btn.danger-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.auth-btn.link-btn{background:none;color:var(--primary-color);margin:0;padding:.5rem;text-decoration:none}.auth-btn.link-btn:hover{text-decoration:underline}.auth-inline-link{align-self:flex-end;background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:0}.auth-inline-link:hover{text-decoration:underline}.auth-error{background-color:#e639461a;color:var(--danger-color)}.auth-error,.auth-success{align-items:center;border-radius:var(--radius-md);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.auth-success{background-color:#10b9811a;color:var(--success-color)}.auth-warning{background-color:#f59e0b1a;border-radius:var(--radius-md);color:var(--warning-color);gap:.5rem;margin-bottom:1rem;padding:.75rem}.auth-divider,.auth-warning{align-items:center;display:flex}.auth-divider{color:var(--text-tertiary);margin:1rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider:before{margin-right:.5rem}.auth-divider:after{margin-left:.5rem}.auth-footer{color:var(--text-tertiary);font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:var(--primary-color);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-legal{color:var(--text-tertiary);font-size:.8rem;margin-top:1.5rem;text-align:center}.toggle-wrapper{display:flex;justify-content:flex-end;padding:1rem 2rem}@media (max-width:576px){.auth-container{margin:1rem auto;padding:1rem}.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}}.quota-section{margin-bottom:1.4rem}.quota-card{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--border-color);border-radius:1rem;gap:1.25rem;padding:1.35rem}.quota-card:before{background:radial-gradient(circle at right top,#0f766e14,#0000 34%);content:"";inset:0;pointer-events:none;position:absolute}.free-plan{border-color:var(--border-color)}.premium-plan{background:linear-gradient(135deg,#0f766e14,#2563eb14);border-color:#0f766e73}.premium-badge{background:#0f766e24;border:1px solid #0f766e40;border-radius:999px;color:#0f766e;font-size:.7rem;font-weight:800;letter-spacing:.04em;padding:.2rem .6rem;right:1rem;text-transform:uppercase;top:.95rem}.quota-info{position:relative;z-index:1}.quota-info h2{font-size:1.25rem;margin:0 0 .45rem}.quota-info p{font-size:.95rem;margin:0 0 .9rem}.progress-container{background-color:#e3edf6;height:.7rem;margin-bottom:.85rem}.progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.plan-limits{margin:.35rem 0 0;padding:0}.plan-limits li{font-size:.92rem;gap:.45rem;margin-bottom:.45rem}.upgrade-container{min-width:280px;padding-left:1.25rem;position:relative;z-index:1}.upgrade-button{border-radius:999px;box-shadow:0 10px 20px #0f766e45;padding:.72rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.upgrade-button:hover{transform:translateY(-1px)}.upgrade-benefits{font-size:.84rem;line-height:1.45;margin-top:.7rem}.modal-overlay{background:#0f172a59;inset:0;z-index:1200}.modal{background:#fff;border:1px solid var(--border-color);border-radius:.9rem;box-shadow:var(--shadow-lg);max-width:460px;padding:1.2rem;width:100%}.modal h3{margin:0 0 .45rem}.modal p{color:var(--text-secondary);margin:0 0 1rem}.modal button{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:.6rem;color:#fff;cursor:pointer;font-weight:700;padding:.6rem .9rem}@media (max-width:900px){.quota-card{flex-direction:column}.upgrade-container{border-left:none;border-top:1px solid var(--border-color);min-width:0;min-width:auto;padding-left:0;padding-top:1rem}}.modal-container{border-radius:8px;box-shadow:0 4px 8px #0003;max-width:500px;overflow:hidden;width:90%}.dark-theme .modal-container{background-color:#222;border:1px solid #444;color:#fff}.modal-header{border-bottom:1px solid #eee;padding:15px 20px}.dark-theme .modal-header{border-bottom:1px solid #444}.modal-header h3{font-size:1.2rem}.modal-close-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem}.dark-theme .modal-close-btn{color:#ccc}.modal-body{max-height:70vh;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #eee;gap:10px;padding:15px 20px}.dark-theme .modal-footer{border-top:1px solid #444}.modal-footer .btn{min-width:100px;width:auto}.response-message{border-radius:4px;font-weight:500;margin-top:15px;padding:10px}.response-message.success{background-color:#28a7451a;border:1px solid #28a74533;color:#28a745}.dark-theme .response-message.success{background-color:#28a74533;border:1px solid #28a7454d;color:#5bd778}.response-message.error{background-color:#dc35451a;border:1px solid #dc354533;color:#dc3545}.dark-theme .response-message.error{background-color:#dc354533;border:1px solid #dc35454d;color:#f27785}.profile-container{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.profile-header{margin-bottom:2.5rem;text-align:center}.profile-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.profile-header p{color:var(--text-secondary);font-size:1.1rem}.profile-cards-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.profile-card{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.section-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem}.user-info-item{align-items:center;display:flex;margin-bottom:1rem}.user-info-item svg{color:var(--primary-color);margin-right:.5rem}.premium-text{align-items:center;color:var(--success-color);display:flex;font-weight:600;margin-bottom:1rem;padding:.5rem 0}.premium-text svg{margin-right:.5rem}.freeplan-text{color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.quota-bar-container{background-color:var(--background-alt);border-radius:9999px;height:.75rem;margin:1rem 0 1.5rem;overflow:hidden}.quota-bar-fill{border-radius:9999px;height:100%;transition:width .5s ease}.quota-low{background-color:var(--success-color)}.quota-medium{background-color:var(--warning-color)}.quota-high{background-color:var(--danger-color)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition);width:100%}.btn svg{font-size:1.1rem}.btn.primary-btn{background-color:var(--primary-color);color:#fff}.btn.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn.secondary-btn{background-color:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary)}.btn.secondary-btn:hover{background-color:var(--background-alt)}.btn.danger-btn{background-color:var(--danger-color);color:#fff}.btn.danger-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.btn.upgrade-btn{background:linear-gradient(90deg,#6d28d9,#8b5cf6);box-shadow:0 4px 10px #6d28d94d;color:#fff}.btn.upgrade-btn:hover{box-shadow:0 8px 20px #6d28d966;transform:translateY(-3px) scale(1.02)}.form-group label{font-weight:500;margin-bottom:.5rem}.warning-text{align-items:center;background-color:#e639461a;border-radius:var(--radius-md);color:var(--danger-color);display:flex;margin-bottom:1rem;padding:.75rem}.warning-text svg{flex-shrink:0;margin-right:.5rem}.info-text{align-items:center;background-color:#3b82f61a;border-radius:var(--radius-md);color:var(--info-color);display:flex;margin-bottom:1rem;padding:.75rem}.info-text svg{flex-shrink:0;margin-right:.5rem}@media (max-width:768px){.profile-container{padding:1rem}.profile-cards-wrapper{grid-template-columns:1fr}.profile-header h1{font-size:1.75rem}}.app-container{background:#0000;display:flex;flex-direction:column;min-height:100%}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;padding:.95rem 1.5rem;position:sticky;top:0;z-index:10}.app-header,.header-logo{align-items:center;display:flex}.header-logo{font-size:1.15rem;font-weight:700;gap:.7rem}.logo-icon{border-radius:.55rem;display:block;flex-shrink:0;height:2rem;width:2rem}.auth-controls,.user-controls{align-items:center;display:flex;gap:1rem}.app-content{flex:1 1;margin:0 auto;max-width:1280px;padding:1.25rem 1.5rem 2rem;width:100%}.welcome-section{margin-bottom:2rem;text-align:center}.welcome-section h1{font-size:2rem;margin-bottom:.5rem}.welcome-section p{color:var(--text-secondary);font-size:1.1rem}.quota-section{margin-bottom:2rem}.quota-card{align-items:stretch;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.free-plan{border:1px solid var(--border-color)}.premium-plan{background:linear-gradient(90deg,#4f46e50d,#4f46e51a);border:2px solid var(--primary-color)}.premium-badge{background:linear-gradient(90deg,#6d28d9,#8b5cf6);box-shadow:var(--shadow-sm);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem 2rem;position:absolute;right:-2rem;top:1rem;transform:rotate(45deg)}.quota-info{flex:1 1}.quota-info h2{font-size:1.5rem;margin-bottom:.75rem}.quota-info p{color:var(--text-secondary);margin-bottom:1rem}.progress-container{background-color:var(--background-alt);border-radius:9999px;height:.75rem;margin-bottom:1.5rem;overflow:hidden}.progress-bar{background-color:var(--primary-color);border-radius:9999px;height:100%;transition:width .5s ease}.plan-limits{list-style:none;margin-top:1rem}.plan-limits li{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;margin-bottom:.5rem}.plan-limits li svg{color:var(--success-color);flex-shrink:0}.upgrade-container{border-left:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;min-width:300px;padding-left:2rem}.upgrade-button{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:9999px;box-shadow:0 10px 20px #0f766e47;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-bottom:1rem;padding:.75rem 1.75rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.upgrade-button:hover{box-shadow:0 14px 24px #0f766e57;transform:translateY(-2px) scale(1.01)}.upgrade-benefits{color:var(--text-tertiary);font-size:.9rem;text-align:center}.upload-section{margin-bottom:2rem}.upload-section h2{margin-bottom:1rem}.upload-area{align-items:center;background-color:var(--background-alt);border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;transition:var(--transition)}.upload-area.dragging,.upload-area:hover{background-color:#4f46e50d;border-color:var(--primary-color)}.upload-icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.upload-formats{font-size:.9rem;margin-top:.5rem}.files-section{margin-bottom:2rem}.files-section h2{margin-bottom:1rem}.no-files-message{background-color:var(--background-alt);border-radius:var(--radius-lg);color:var(--text-secondary);padding:2rem;text-align:center}.files-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.file-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.file-info{flex:1 1;padding:1.5rem}.file-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.file-name{font-weight:600;word-break:break-word}.file-status{border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.status-completed{background-color:#10b9811a}.status-processing,.status-transcribing{background-color:#f59e0b1a;color:var(--warning-color)}.status-error{background-color:#e639461a}.file-meta{color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.user-info-button{cursor:pointer;position:relative}.user-info{align-items:center;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;padding:.55rem .9rem;transition:var(--transition)}.user-info:hover{border-color:#2563eb73;color:var(--text-primary)}.user-dropdown{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.dropdown-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:var(--transition);width:100%}.dropdown-item,.user-controls{align-items:center;display:flex}.user-controls{gap:1rem;position:relative}.dropdown-item:hover{background-color:var(--background-panel);color:var(--primary-color)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color)}.logo-link{align-items:center;color:var(--text-primary);display:flex;gap:.7rem;text-decoration:none}.file-card.completed .file-info{cursor:pointer;position:relative;z-index:1}.file-actions{position:relative;z-index:2}.primary-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:var(--radius-md);box-shadow:0 10px 20px #0f766e40;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.72rem 1.35rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.primary-button:hover{box-shadow:0 14px 24px #0f766e4d;filter:brightness(1.03);transform:translateY(-1px)}.secondary-button{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.72rem 1.25rem;text-decoration:none;transition:var(--transition)}.secondary-button:hover{background-color:var(--background-panel);border-color:#2563eb59}.icon-button{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:2.35rem;justify-content:center;transition:var(--transition);width:2.35rem}.icon-button:hover{background-color:var(--background-panel);border-color:#0f766e66;color:var(--primary-color)}.view-button:hover{background-color:#3b82f61a;border-color:var(--info-color)}.delete-button:hover{background-color:#e639461a;border-color:var(--danger-color)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{font-size:1.25rem;margin:0}.modal-header button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.5rem}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-content pre{font-family:inherit;line-height:1.6;white-space:pre-wrap}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.toast-message{align-items:center;animation:slideIn .3s ease,fadeOut .3s ease 4.7s forwards;background:linear-gradient(135deg,#0f766e,#0ea5e9);border-radius:var(--radius-md);bottom:2rem;box-shadow:var(--shadow-md);color:#fff;display:flex;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.overview-main{flex-direction:column}.jobs-sidebar{border-bottom:1px solid #ddd;border-right:none;margin-bottom:1rem;width:100%}.main-content{width:100%}.app-content,.app-header{padding:1rem}.quota-card{flex-direction:column;gap:1.5rem}.upgrade-container{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:1.5rem}.user-info span{display:none}}.login-prompt{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:3rem auto;max-width:500px;padding:3rem;text-align:center}.overview-container{min-height:100vh}.overview-main{display:flex;flex:1 1}.jobs-sidebar{border-right:1px solid #ddd;width:300px}.main-content{flex:1 1}.overview-container{display:flex;flex-direction:column;gap:1rem;width:100%}.overview-main{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:300px minmax(0,1fr)}.jobs-sidebar{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:calc(100vh - 150px);overflow:hidden;position:sticky;top:84px}.sidebar-header{align-items:center;background:#f8fbfdbf;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.9rem 1rem}.sidebar-header h2{font-size:1rem;margin:0}.jobs-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:.35rem}.jobs-list li{border:1px solid #0000;border-radius:.7rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.jobs-list li:hover{background:#eef5fb;border-color:#dce8f3}.jobs-list li.active{background:#e8f5f4;border-color:#0f766e40;box-shadow:inset 0 0 0 1px #0f766e1f}.job-list-item{display:flex;flex-direction:column;gap:.3rem;padding:.72rem}.job-list-title{color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.3}.job-list-summary{color:var(--text-tertiary);font-size:.76rem;line-height:1.35}.no-jobs-message{color:var(--text-tertiary);font-size:.9rem;padding:1rem;text-align:center}.main-content{min-width:0}.loading-spinner{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;min-height:320px}.spinner{animation:spin 1s linear infinite;color:var(--primary-color);font-size:1.7rem;margin-bottom:.65rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-job-container,.job-details-container,.no-selection-message{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);padding:1.2rem}.no-selection-message{padding:2rem 1.3rem;text-align:center}.no-selection-message p{color:var(--text-secondary);margin:.5rem 0 1.2rem}.create-job-container{max-width:920px}.create-job-container h2{margin:0 0 .3rem}.step-indicator{color:var(--text-tertiary);font-size:.9rem;margin-bottom:1.2rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);display:block;font-weight:600;margin-bottom:.45rem}.form-control{background:#fff;border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font:inherit;font-size:.95rem;padding:.75rem .82rem;width:100%}.form-control:focus{border-color:#2563eb80;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.button-group{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.15rem}.upload-area{background:linear-gradient(180deg,#fbfdff,#f4f8fd);border:1.5px dashed #b8ccde;border-radius:.95rem;cursor:pointer;padding:2.2rem 1.2rem;text-align:center;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.upload-area.dragging,.upload-area:hover{background:#eef5fb;border-color:#2563eb8c;transform:translateY(-1px)}.upload-icon{color:var(--accent-color);font-size:2.4rem;margin-bottom:.4rem}.upload-formats{color:var(--text-tertiary);font-size:.84rem;margin-top:.35rem}.upload-progress{align-items:center;color:var(--text-secondary);display:flex;gap:.55rem;justify-content:center;margin-top:.8rem}.skip-message{color:var(--text-tertiary);margin:1rem 0 .2rem;text-align:center}.job-details-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.job-title-section h2{margin:0}.job-created-at{color:var(--text-tertiary);font-size:.86rem;margin:.3rem 0 0}.job-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.danger-button{align-items:center;background:#dc262614;border:1px solid #dc26264d;border-radius:.75rem;color:var(--danger-color);cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem;justify-content:center;padding:.72rem 1rem;transition:background-color .2s ease,border-color .2s ease}.danger-button:hover{background:#dc262624;border-color:#dc262673}.job-description-section{background:#fff;border:1px solid var(--border-color);border-radius:.85rem;margin-top:1rem;padding:1rem}.job-description-section h3{margin:0 0 .7rem}.job-description-content{color:var(--text-secondary);line-height:1.55;max-height:230px;overflow:auto;white-space:pre-line}.resumes-section{margin-top:1rem}.resumes-section h3{margin:0 0 .85rem}.no-resumes-message{background:#fff;border:1px solid var(--border-color);border-radius:.85rem;padding:1.2rem}.no-resumes-message p{color:var(--text-secondary);text-align:center}.resumes-list{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(295px,1fr))}.resume-card{background:linear-gradient(180deg,#fff,#f9fcff);border:1px solid var(--border-color);border-radius:.95rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.resume-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.resume-info{flex:1 1;padding:.95rem}.resume-card .resume-info.clickable{cursor:pointer}.resume-header{align-items:flex-start;display:flex;gap:.65rem;justify-content:space-between}.resume-icon-name{align-items:center;display:flex;gap:.45rem;min-width:0}.resume-icon{color:var(--accent-color);flex-shrink:0}.resume-name{font-size:.95rem;font-weight:700;overflow-wrap:anywhere}.resume-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;padding:.25rem .55rem;text-transform:capitalize}.status-completed{background:#0596691f;border:1px solid #05966938;color:var(--success-color)}.status-processing{background:#d977061f;border:1px solid #d9770640;color:var(--warning-color)}.status-error{background:#dc26261c;border:1px solid #dc262640;color:var(--danger-color)}.resume-card .match-percentage-bar{background-color:#dce7f2;border-radius:999px;height:.42rem;margin-top:.85rem;overflow:hidden}.match-percentage-fill{border-radius:999px;height:100%}.match-percentage-text{color:var(--text-secondary);display:inline-block;font-size:.83rem;font-weight:700;margin-top:.45rem}.match-summary{color:var(--text-secondary);font-size:.88rem;line-height:1.45;margin-top:.5rem}.reason-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.reason-chip{border:1px solid #0000;border-radius:999px;font-size:.73rem;font-weight:700;line-height:1.3;padding:.25rem .52rem}.reason-chip.matched{background:#0596691a;border-color:#05966942;color:#047857}.reason-chip.missing{background:#2563eb1a;border-color:#2563eb3d;color:#1d4ed8}.processing-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:.84rem;gap:.45rem;margin-top:.7rem}.resume-actions{background:#f8fbfdb3;border-top:1px solid var(--border-color);display:flex;gap:.45rem;justify-content:flex-end;padding:.72rem}.view-button:hover{color:var(--info-color)}.delete-button:hover{color:var(--danger-color)}.resume-detail-container{display:flex;flex-direction:column;gap:1rem}.resume-detail-header{align-items:center;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1rem}.back-button{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:.7rem;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:700;gap:.35rem;padding:.6rem .82rem}.back-button:hover{border-color:#0f766e59;color:var(--primary-color)}.resume-detail-title{flex:1 1;min-width:200px}.resume-detail-title h2{font-size:1.15rem;margin:0}.resume-detail-title p{color:var(--text-tertiary);font-size:.88rem;margin:.25rem 0 0}.resume-detail-file{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem}.match-info-container{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:minmax(190px,220px) minmax(240px,1fr) minmax(260px,1fr)}.match-percentage-card,.match-summary-card{background:#fff;border:1px solid var(--border-color);border-radius:.95rem;box-shadow:var(--shadow-sm);padding:.95rem}.match-percentage-header,.match-summary-header{color:var(--text-tertiary);font-size:.83rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.match-percentage-value{font-family:Space Grotesk,Manrope,sans-serif;font-size:2rem;font-weight:700;line-height:1.1;margin:.45rem 0 .6rem}.match-percentage-bar-container{background:#dce7f2;border-radius:999px;height:.52rem;overflow:hidden}.match-percentage-bar-container .match-percentage-bar{border-radius:999px;height:100%;transition:width .5s ease}.match-summary-content{color:var(--text-secondary);font-size:.93rem;line-height:1.55;margin-top:.55rem}.match-skills-card{display:flex;flex-direction:column;gap:.85rem}.detail-skill-group h4{color:var(--text-secondary);font-size:.82rem;letter-spacing:.03em;margin:0;text-transform:uppercase}.detail-reason-chips{margin-top:.45rem}.empty-skills-message{color:var(--text-tertiary);font-size:.82rem}.resume-content-container{background:#fff;border:1px solid var(--border-color);border-radius:.95rem;box-shadow:var(--shadow-sm);padding:1rem}.resume-content-container h3{margin:0 0 .7rem}.resume-content{background:#f8fbfd;border:1px solid #dce7f2;border-radius:.75rem;max-height:62vh;overflow:auto;padding:.95rem}.resume-content pre{word-wrap:break-word;color:#27364a;font-size:.88rem;line-height:1.52;margin:0;white-space:pre-wrap}.no-content-message{color:var(--text-tertiary);margin:0}.error-message{background:#dc26260f;border:1px solid #dc26263d;border-radius:.95rem;padding:1rem}.error-icon{color:var(--danger-color);font-size:1.2rem}@media (max-width:1140px){.match-info-container{grid-template-columns:1fr}}@media (max-width:980px){.overview-main{grid-template-columns:1fr}.jobs-sidebar{max-height:320px;position:static}.job-actions{justify-content:flex-start}}@media (max-width:768px){.create-job-container,.job-details-container,.no-selection-message,.resume-content-container,.resume-detail-header{padding:.9rem}.button-group{flex-direction:column;justify-content:stretch}.button-group .primary-button,.button-group .secondary-button{width:100%}.resumes-list{grid-template-columns:1fr}.resume-content{max-height:52vh}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#0f766e;--primary-dark:#0a5b55;--primary-light:#2dd4bf;--accent-color:#2563eb;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--background-light:#fff;--background-alt:#f2f7fb;--background-panel:#f8fbfd;--border-color:#d9e3ee;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 14px 26px #0f172a14;--shadow-lg:0 22px 40px #0f172a1f;--radius-sm:0.35rem;--radius-md:0.75rem;--radius-lg:1rem;--transition:all 0.3s ease;--danger-color:#dc2626;--success-color:#059669;--warning-color:#d97706;--info-color:#2563eb;--focus-ring:#2563eb40}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#0f766e1f,#0000 40%),radial-gradient(circle at top right,#2563eb1a,#0000 42%),#f2f7fb;background:radial-gradient(circle at top left,#0f766e1f,#0000 40%),radial-gradient(circle at top right,#2563eb1a,#0000 42%),var(--background-alt);color:#0f172a;color:var(--text-primary);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:-.02em}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}
/*# sourceMappingURL=main.08d1d63a.css.map*/