*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:#f5f5f5;color:#2c3e50}#root{min-height:100vh;display:flex;flex-direction:column}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.nav-brand a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#3498db}.nav-links button{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.nav-links button:hover{background-color:#c0392b}.user-info{color:#ecf0f1;font-size:.9rem}.container{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}h1{color:#2c3e50;margin-bottom:1.5rem}h2{color:#34495e;margin-top:1.5rem;margin-bottom:1rem}h3{color:#34495e;margin-bottom:.5rem}.job-list,.list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.job-card,.list-item{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:box-shadow .3s}.job-card:hover,.list-item:hover{box-shadow:0 4px 12px #0000001a}.list-item{display:flex;justify-content:space-between;align-items:start}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background-color:#3498db;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem}button{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s;margin-right:.5rem}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#34495e;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.error{background-color:#ffe6e6;color:#c0392b;padding:1rem;border-radius:4px;margin:1rem 0}.auth-container{max-width:500px;margin-left:auto;margin-right:auto}.auth-form{text-align:left}.toggle-auth{margin-top:1.5rem;text-align:center}.toggle-auth button{background:none;color:#3498db;text-decoration:underline;padding:0;margin:0}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tabs button{background:none;color:#34495e;border:none;border-bottom:3px solid transparent;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s}.tabs button:hover{color:#3498db}.tabs button.active{color:#3498db;border-bottom-color:#3498db}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.actions{display:flex;gap:.5rem}.phase-section,.phase-config{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #3498db}.goal-input{display:flex;gap:.5rem;margin-bottom:.5rem}.goal-input input{flex:1}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.phase-summary{background-color:#f8f9fa;padding:1rem;margin:.5rem 0;border-radius:4px}.evaluation-card{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:3px solid #3498db}.existing-evaluation{background-color:#e8f5e9;padding:1.5rem;border-radius:8px;margin:1rem 0;border-left:4px solid #27ae60}details{margin-top:.5rem}summary{cursor:pointer;color:#3498db;font-weight:500}summary:hover{text-decoration:underline}.role-content{flex:1}.role-header-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.role-description{margin:.5rem 0;color:#555;line-height:1.6}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-published{background-color:#27ae60;color:#fff}.status-draft{background-color:#95a5a6;color:#fff}.status-active{color:#27ae60;font-weight:600}.role-status{margin-top:.5rem;color:#555}.subtitle{color:#7f8c8d;margin-bottom:2rem}.page-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem}.header-actions-inline{display:flex;gap:.5rem}.info-message{background-color:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;margin-bottom:2rem;border-radius:4px;color:#1565c0}.btn-primary{background-color:#3498db}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6}.btn-secondary:hover{background-color:#7f8c8d}.btn-success{background-color:#27ae60}.btn-success:hover{background-color:#229954}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}.role-form{max-width:800px}.role-form small{display:block;color:#7f8c8d;margin-top:.25rem;font-size:.85rem}.markdown-content{text-align:left;line-height:1.8}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;line-height:1.3;color:#2c3e50}.markdown-content h1{font-size:2em;border-bottom:2px solid #e0e0e0;padding-bottom:.3rem}.markdown-content h2{font-size:1.5em;border-bottom:1px solid #e0e0e0;padding-bottom:.3rem}.markdown-content h3{font-size:1.25em}.markdown-content p{margin-bottom:1rem;color:#34495e}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content code{background-color:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em;color:#e74c3c}.markdown-content pre{background-color:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{background-color:transparent;padding:0;color:#2c3e50}.markdown-content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#7f8c8d;font-style:italic}.markdown-content strong{font-weight:600;color:#2c3e50}.markdown-content em{font-style:italic}.markdown-content a{color:#3498db;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content hr{border:none;border-top:1px solid #e0e0e0;margin:2rem 0}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid #e0e0e0;padding:.75rem;text-align:left}.markdown-content th{background-color:#f5f5f5;font-weight:600}.markdown-preview{max-height:200px;overflow:hidden;position:relative}.markdown-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,transparent,white)}.profile-info{max-width:600px}.info-section{margin-bottom:2rem}.info-item{display:flex;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.info-item label{font-weight:600;min-width:150px;color:#2c3e50}.info-item span,.info-item a{color:#34495e}.info-item a{color:#3498db;text-decoration:none}.info-item a:hover{text-decoration:underline}.empty-field{color:#95a5a6;font-style:italic}.profile-form{max-width:600px}.form-actions{display:flex;gap:1rem;margin-top:1rem}.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:.75rem;border-radius:4px;margin-bottom:1rem}.application-info{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.info-note{margin-top:1rem;color:#7f8c8d;font-size:.9rem}.info-note a{color:#3498db;text-decoration:none}.info-note a:hover{text-decoration:underline}.file-info{margin-top:.5rem;padding:.5rem;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:.9rem}input[type=file]{padding:.5rem;border:2px dashed #bdc3c7;border-radius:4px;background-color:#f8f9fa;cursor:pointer;width:100%}input[type=file]:hover{border-color:#3498db;background-color:#ecf0f1}.loop-overview{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;color:#2c3e50}.progress-bar-container{width:100%;height:30px;background-color:#e0e0e0;border-radius:15px;overflow:hidden;margin-top:1rem}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease}.phase-card{border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;color:#2c3e50}.phase-card.status-completed{border-color:#2ecc71;background-color:#f0f9f4;color:#2c3e50}.phase-card.status-in-progress{border-color:#f39c12;background-color:#fef9f0;color:#2c3e50}.phase-card.status-pending{border-color:#95a5a6;background-color:#f8f9fa;color:#2c3e50}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status-completed{background-color:#2ecc71;color:#fff}.status-in-progress{background-color:#f39c12;color:#fff}.status-pending{background-color:#95a5a6;color:#fff}.status-active{background-color:#3498db;color:#fff}.status-cancelled{background-color:#e74c3c;color:#fff}.phase-details{margin-top:1rem;color:#2c3e50}.phase-details p{color:#2c3e50}.phase-info h4{margin-top:1rem;margin-bottom:.5rem;color:#2c3e50}.evaluations{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.evaluation-card{background-color:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #3498db}.goal-status-exceeds{color:#2ecc71;font-weight:600}.goal-status-meets{color:#3498db;font-weight:600}.goal-status-below{color:#e74c3c;font-weight:600}.member-selector{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.member-selector input[type=text]{flex:1;padding:.5rem;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;color:#2c3e50}.btn-secondary{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s;white-space:nowrap}.btn-secondary:hover:not(:disabled){background-color:#2980b9}.btn-secondary:disabled{background-color:#95a5a6;cursor:not-allowed}.assigned-members-list{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px}.assigned-members-list h5{margin:0 0 .75rem;color:#2c3e50;font-size:.95rem}.assigned-member-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem}.assigned-member-item:last-child{margin-bottom:0}.assigned-member-item span{color:#2c3e50}.btn-remove{background-color:#e74c3c;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .3s}.btn-remove:hover{background-color:#c0392b}.phase-decision-section{margin-top:1.5rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.phase-decision-section h4{color:#2c3e50;margin-top:0}.decision-buttons{display:flex;gap:1rem;margin-top:1rem}.btn-approve{background-color:#2ecc71;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s}.btn-approve:hover{background-color:#27ae60}.btn-fail{background-color:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s}.btn-fail:hover{background-color:#c0392b}.recruiter-decision{margin-top:1.5rem;padding:1rem;border-radius:6px;border-left:4px solid}.decision-approved{background-color:#f0f9f4;border-left-color:#2ecc71}.decision-approved h4{color:#2ecc71;margin:0 0 .5rem}.decision-failed{background-color:#fef0f0;border-left-color:#e74c3c}.decision-failed h4{color:#e74c3c;margin:0 0 .5rem}.recruiter-decision p{color:#2c3e50;margin:0}.status-failed{background-color:#e74c3c;color:#fff}.phase-card.status-failed{border-color:#e74c3c;background-color:#fef0f0;color:#2c3e50}.phase-finalize-section{margin-top:1.5rem;padding:1.5rem;background-color:#f0f7ff;border-radius:8px;border-left:4px solid #3498db}.phase-finalize-section h4{color:#2c3e50;margin-top:0}.phase-finalize-section p{color:#2c3e50;margin-bottom:1rem}.phase-finalize-section label{display:flex;align-items:center;gap:.5rem;color:#2c3e50;cursor:pointer}.phase-finalize-section input[type=checkbox]{width:auto;margin:0;cursor:pointer}.goal-evaluation-card{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin-bottom:1rem}.goal-evaluation-card h4{color:#2c3e50;margin-top:0;margin-bottom:1rem}.goal-eval-summary{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.goal-eval-summary:last-child{border-bottom:none}.goal-eval-summary p{margin:.25rem 0}.goal-status-not_evaluated{color:#95a5a6;font-weight:600}.applications-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.application-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s}.application-card:hover{box-shadow:0 4px 8px #00000026}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.application-header h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.25rem}.application-header .location{margin:0;color:#7f8c8d;font-size:.9rem}.application-details{color:#2c3e50}.application-details>p{margin:.5rem 0;color:#2c3e50}.loop-status{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #3498db}.loop-status h4{margin:0 0 1rem;color:#2c3e50;font-size:1rem}.loop-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;color:#2c3e50}.info-row>span:first-child{font-weight:500;color:#34495e}.info-row>span:last-child{color:#2c3e50}.empty-state{text-align:center;padding:3rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-state p{margin:0 0 1.5rem;color:#7f8c8d;font-size:1.1rem}.empty-state button{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.empty-state button:hover{background-color:#2980b9}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;flex-wrap:wrap}.pagination-btn{background-color:#fff;color:#34495e;border:1px solid #e0e0e0;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .3s;font-size:.9rem;min-width:40px}.pagination-btn:hover:not(:disabled){background-color:#3498db;color:#fff;border-color:#3498db}.pagination-btn.active{background-color:#3498db;color:#fff;border-color:#3498db;font-weight:600}.pagination-btn:disabled{background-color:#f5f5f5;color:#95a5a6;cursor:not-allowed;border-color:#e0e0e0}.pagination-btn:disabled:hover{background-color:#f5f5f5;color:#95a5a6}.pagination-ellipsis{color:#95a5a6;padding:0 .25rem}.pagination-info{color:#7f8c8d;font-size:.9rem;margin-left:1rem}.loading{text-align:center;padding:2rem;color:#7f8c8d;font-size:1.1rem}.tabs{border-bottom:2px solid #e0e0e0;margin-bottom:0}.tabs .tab{background:none;color:#34495e;border:none;border-bottom:3px solid transparent;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s;font-size:1rem;margin-right:0}.tabs .tab:hover{color:#3498db;background-color:#f8f9fa}.tabs .tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:600}