:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#1a1a2e;color:#fff}.header-brand a{color:#fff;text-decoration:none}.header-brand h1{margin:0;font-size:1.5rem}.header-nav{display:flex;gap:1rem}.nav-link{color:#ccc;text-decoration:none;padding:.5rem .75rem;border-radius:4px;transition:background-color .2s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff26;color:#fff;font-weight:600}.main-content{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.footer{padding:1rem 1.5rem;text-align:center;background:#f5f5f5;color:#666;font-size:.875rem}.page{padding:1rem 0}.job-analyzer{max-width:700px}.job-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;resize:vertical;margin-bottom:.75rem}.error-message{color:#e74c3c;font-size:.875rem;margin-bottom:.5rem}.analysis-results{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:4px}.keywords-tags,.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.keyword-tag{background:#3498db;color:#fff;padding:.25rem .5rem;border-radius:3px;font-size:.8rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#2c3e50;color:#fff}.btn-primary:hover:not(:disabled){background:#34495e}.btn-secondary{background:#ecf0f1;color:#2c3e50}.btn-secondary:hover:not(:disabled){background:#bdc3c7}.btn-danger{background:#e74c3c;color:#fff;font-size:.8rem;padding:.25rem .75rem}.btn-danger:hover:not(:disabled){background:#c0392b}.cv-editor-page{width:100%}.analyze-step{max-width:700px;margin:0 auto}.divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ddd}.divider span{color:#999;font-size:.875rem}.job-context-bar{background:#eaf2f8;padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.editor-panel{overflow-y:auto;max-height:calc(100vh - 200px)}.preview-panel{position:sticky;top:1rem}.form-section{margin-bottom:1.5rem;padding:1rem;background:#fafafa;border-radius:4px}.form-section h3{margin-bottom:1rem;font-size:1.1rem;color:#2c3e50}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.25rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.8rem;color:#666;font-weight:500}.form-field input,.form-field textarea,.form-field select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.form-field textarea{resize:vertical}.form-card{padding:.75rem;margin-bottom:.75rem;background:#fff;border:1px solid #eee;border-radius:4px}.summary-textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;resize:vertical}.skills-input{display:flex;gap:.5rem;margin-bottom:.75rem}.skills-input input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.skills-tags{margin-top:0}.skill-tag{display:inline-flex;align-items:center;gap:.25rem;background:#ecf0f1;padding:.25rem .5rem;border-radius:3px;font-size:.85rem}.skill-tag button{background:none;border:none;cursor:pointer;font-size:1rem;color:#999;padding:0;line-height:1}.skill-tag button:hover{color:#e74c3c}.language-input{display:flex;gap:.5rem;margin-bottom:.75rem}.language-input input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.language-input select{padding:.5rem;border:1px solid #ddd;border-radius:4px}.languages-list{display:flex;flex-direction:column;gap:.5rem}.language-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;background:#f5f5f5;border-radius:3px}.language-item button{background:none;border:none;cursor:pointer;color:#999;font-size:1rem}.language-item button:hover{color:#e74c3c}.cv-preview{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header h3{margin:0;font-size:1.1rem}.preview-container{background:#f5f5f5;border-radius:4px;min-height:400px;display:flex;align-items:center;justify-content:center}.preview-placeholder,.cv-editor-empty,.cv-preview-empty{text-align:center;color:#999;padding:2rem}.messages-page h2{margin-bottom:1.5rem;color:#2c3e50}.messages-empty{text-align:center;color:#999;padding:3rem 1rem;font-size:1rem}.messages-sections{display:flex;flex-direction:column;gap:2rem}.messages-section{padding:1.5rem;background:#fafafa;border-radius:4px}.messages-section h3{margin-bottom:1rem;font-size:1.1rem;color:#2c3e50}.messages-section-placeholder{color:#999;font-size:.875rem}.followup-manager{width:100%}.followup-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.followup-manager-header h3{margin:0;font-size:1.1rem;color:#2c3e50}.followup-manager-actions{display:flex;gap:.5rem}.followup-loading{padding:.75rem;background:#eaf2f8;border-radius:4px;margin-bottom:1rem;font-size:.875rem;color:#2c3e50}.followup-empty{color:#999;font-size:.875rem;padding:1rem 0}.followup-timeline{display:flex;flex-direction:column;gap:1rem;position:relative;padding-left:1.5rem}.followup-timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:#ddd}.followup-card{background:#fff;border:1px solid #eee;border-radius:4px;padding:1rem;position:relative}.followup-card:before{content:"";position:absolute;left:-1.25rem;top:1.25rem;width:10px;height:10px;border-radius:50%;background:#3498db;border:2px solid white}.followup-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.followup-card-title{display:flex;align-items:center;gap:.5rem}.followup-sequence{font-weight:600;font-size:.95rem;color:#2c3e50}.followup-card-date{font-size:.8rem;color:#666}.status-badge{display:inline-block;padding:.15rem .5rem;border-radius:3px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.status-badge-scheduled{background:#ebf5fb;color:#2980b9}.status-badge-sent{background:#eafaf1;color:#27ae60}.status-badge-cancelled{background:#f2f3f4;color:#7f8c8d}.followup-card-content{margin-bottom:.75rem}.followup-content-preview{font-size:.875rem;color:#555;margin:0;line-height:1.5}.followup-content-full{margin-top:.5rem}.followup-content-full summary{font-size:.8rem;color:#3498db;cursor:pointer;margin-bottom:.5rem}.followup-content-full summary:hover{color:#2980b9}.followup-content-full p{font-size:.875rem;color:#555;line-height:1.6;white-space:pre-wrap;margin:0}.followup-no-content{font-size:.85rem;color:#999;font-style:italic;margin:0}.followup-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid #f0f0f0}.message-generator h3{margin-bottom:1rem;font-size:1.1rem;color:#2c3e50}.message-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid #eee}.tab-btn{padding:.5rem 1.25rem;border:none;background:none;cursor:pointer;font-size:.875rem;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.tab-btn:hover{color:#2c3e50}.tab-btn.active{color:#2c3e50;font-weight:600;border-bottom-color:#2c3e50}.message-generate-section{margin-bottom:1rem}.message-content{margin-top:1rem}.message-actions{display:flex;gap:.5rem;margin-top:1rem}.linkedin-message{background:#fff;border:1px solid #eee;border-radius:4px;padding:1rem}.linkedin-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.linkedin-message-label{font-size:.85rem;font-weight:500;color:#2c3e50}.char-count{font-size:.8rem;font-weight:600}.char-count-over{color:#ef4444}.linkedin-textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;resize:vertical;font-family:inherit}.char-warning{color:#ef4444;font-size:.8rem;margin-top:.25rem}.linkedin-message-actions{display:flex;gap:.5rem;margin-top:.5rem}.email-message{background:#fff;border:1px solid #eee;border-radius:4px;padding:1rem}.email-field{margin-bottom:.75rem}.email-label{display:block;font-size:.8rem;color:#666;font-weight:500;margin-bottom:.25rem}.email-subject-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.email-body-textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;resize:vertical;font-family:inherit}.email-message-actions{display:flex;gap:.5rem;margin-top:.5rem}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.error-boundary h2{margin:0 0 .75rem;font-size:1.25rem;color:#e74c3c}.error-boundary p{margin:0 0 1.5rem;color:#666;font-size:.875rem;max-width:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner-circle{width:2rem;height:2rem;border:3px solid #eee;border-top-color:#2c3e50;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-message{margin:.75rem 0 0;color:#666;font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}.main-content{padding:1rem}.header{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.header-nav{flex-wrap:wrap;gap:.5rem}.header-brand h1{font-size:1.25rem}.form-section{padding:.75rem}.followup-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.messages-sections{gap:1.5rem}.messages-section{padding:1rem}}@media(max-width:480px){.main-content{padding:.5rem}.header{flex-direction:column;align-items:stretch;text-align:center;padding:.5rem .75rem}.header-nav{justify-content:center}.nav-link{padding:.4rem .5rem;font-size:.85rem}.form-grid{grid-template-columns:1fr}.message-tabs{flex-direction:column;width:100%}.tab-btn{width:100%;text-align:center;border-bottom:none;border-left:2px solid transparent;margin-bottom:0;margin-left:0}.tab-btn.active{border-bottom:none;border-left-color:#2c3e50}.messages-sections{gap:1rem}.messages-section{padding:.75rem}.followup-card-header{flex-direction:column;align-items:flex-start;gap:.25rem}.editor-layout{grid-template-columns:1fr}.preview-panel{position:static;display:none}.preview-panel.visible{display:block}.editor-panel{max-height:none}.footer{font-size:.75rem;padding:.75rem}}