html{height:100%}html,body{height:100%;margin:0;padding:0;background-color:#f0f1f5;color:#202022;font-family:inherit;min-height:100vh}main{background-color:#f0f1f5;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:0}.login-form-container{background-color:#fff;width:100%;max-width:400px;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center}h1{color:#202022;font-size:2rem;margin-bottom:20px;font-weight:600;text-align:center}input{width:100%;padding:1rem;margin:8px 0;border:1px solid #ddd;border-radius:6px;font-size:1rem;background:#f5f5f5}input:focus{border-color:#1a3a52;outline:2px solid #1a3a52}button{width:100%;padding:12px;margin-top:20px;background-color:var(--cyf-primary-red);color:#f9f6f6;font-size:1rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background-color .1s}button:hover:not(:disabled){background-color:#031421}button:disabled{background-color:#1a3a52;opacity:.5;cursor:not-allowed}a{color:#1a3a52;text-decoration:none;font-weight:550}a:hover{text-decoration:underline}.forgot-password-container{margin-top:15px;text-align:center;color:#666;font-size:.95rem}.forgot-password-container p{margin:0}.job-card{background:var(--cyf-white);border:1px solid var(--border-color);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:10px;position:relative;transition:border-color .3s ease;width:100%;height:100%;display:flex;flex-direction:column}.source-badge{font-size:20px;margin-bottom:15px}.job-card-slack-badge img{width:30px;height:30px}.source-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.source-pill--slack{background:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}.source-pill--platform{background:#fef9c3;color:#854d0e;border-color:#fde68a}.job-card.interested{border:2px solid #28a745}.interested-badge{position:absolute;top:10px;right:10px;font-size:24px;animation:heartPulse 1.5s ease-in-out infinite}.star-badge{position:absolute;top:40px;right:10px;font-size:34px;cursor:help;animation:heartPulse 1.5s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.job-card .job-title{font-size:18px;font-weight:700;color:var(--cyf-primary-dark)}.job-card .company{margin:5px 0 10px;color:var(--cyf-font)}.job-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;align-items:center}.job-card .apply-link,.job-card .interested-btn{display:inline-block;padding:8px 16px;border-radius:var(--radius);font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:13px}.job-card .apply-link{background:var(--cyf-primary-red);color:var(--cyf-white);flex:0 1 auto}.job-card .apply-link:hover{background:#c83031;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.interested-btn{background:#f0f0f0;color:#333;border:2px solid #ddd;flex:0 1 auto}.interested-btn:hover:not(:disabled){background:#e0e0e0;border-color:#28a745;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.interested-btn.interested-active{background:#28a745;color:#fff;border-color:#28a745;cursor:not-allowed}.interested-btn:disabled{opacity:.8;cursor:not-allowed}.job-card .status-row select{margin-top:10px;padding:8px 12px;background-color:#007bff;color:var(--cyf-white);border:1px solid var(--border-color);border-radius:var(--radius);font-size:13px}.status-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;flex-wrap:wrap}.status-row label{color:#4b5563;font-weight:500;white-space:nowrap}.status-row select{flex:1;min-width:150px;padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;font-size:13px;background:#fff;outline:none}.status-row select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb40}.comments-section{margin-top:20px;border-top:1px solid #e0e0e0;padding-top:15px}.toggle-comments-btn{background:transparent;border:none;color:#007bff;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:5px;transition:color .2s}.toggle-comments-btn:hover{color:#0056b3}.comments-container{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:6px}.loading-text,.no-comments-text{text-align:center;color:#666;font-size:14px;padding:10px;font-style:italic}.comments-list{max-height:300px;overflow-y:auto;margin-bottom:10px}.comment-item{background:#fff;padding:10px;margin-bottom:8px;border-radius:4px;border-left:3px solid #007bff}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px}.comment-author{font-weight:600;color:#333}.comment-role{color:#666;font-style:italic}.comment-date{margin-left:auto;color:#999;font-size:11px}.comment-text{color:#555;font-size:14px;line-height:1.5;margin:0}.add-comment-btn{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:opacity .2s}.add-comment-btn:hover{opacity:.9}.plus-icon{font-size:18px;font-weight:700}.add-comment-form{margin-top:10px}.comment-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical;min-height:60px}.comment-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.comment-actions{display:flex;gap:8px;margin-top:8px}.post-comment-btn,.cancel-comment-btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.post-comment-btn{background:#28a745;color:#fff}.post-comment-btn:hover:not(:disabled){opacity:.9}.post-comment-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-comment-btn{background:#6c757d;color:#fff}.cancel-comment-btn:hover{opacity:.9}button:hover{background:green}.delete-app-btn{background:transparent!important;border:none;cursor:pointer;font-size:18px;padding:0;opacity:.7;transition:opacity .3s ease,transform .2s ease;position:absolute;top:5px;right:-130px}.status-row{position:relative;padding-right:20px;min-height:25px;background-color:transparent}.delete-app-btn:hover{opacity:1;transform:scale(1.1);color:var(--cyf-primary-red)}.status-row{display:flex;align-items:center;gap:8px;margin-top:8px;gap:6px}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0 0 30px;padding:0;list-style:none;width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.jobs-grid::-webkit-scrollbar{display:none}.section-title{margin:20px 0 10px;font-size:20px;font-weight:700;color:var(--cyf-primary-dark)}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:30px 0}.pagination button{padding:8px 16px;border-radius:6px;border:none;background:var(--cyf-primary-red);color:#fff;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.filters{display:flex;box-shadow:0 0 2px #000;padding:.4rem;border-radius:.4rem;gap:12px;margin-bottom:20px}.filters input,.filters select{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px}.section-title{font-size:22px;font-weight:600;margin:30px 0 14px;color:var(--cyf-primary-dark)}.jobs-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:0;list-style:none}.divider{margin:28px 0;border:none;border-top:1px solid #ddd}.loading{font-size:16px;color:#666}.no-jobs{color:#777;margin-top:20px}.dashboard-container{padding:20px}.dashboard-container .title{font-size:26px;font-weight:700;color:var(--cyf-primary-dark);margin-bottom:6px}.dashboard-container .subtitle{margin-bottom:20px;color:var(--cyf-font)}.jobs-list{display:flex;flex-direction:column;gap:16px}@media(max-width:1024px){.jobs-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.jobs-grid{width:90%;margin:0 auto 30px;display:flex;flex-direction:column;align-items:center}.jobs-list{grid-template-columns:1fr}.filters{width:90%;margin:0 auto 20px;flex-direction:column}}.comment-section{background:#fff;border-radius:12px;padding:16px 18px 18px;box-shadow:0 2px 8px #0f172a14;border:1px solid #e5e7eb;max-height:70vh;display:flex;flex-direction:column;box-sizing:border-box}.comment-section-title{font-size:16px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:6px;color:#111827}.comment-section-title:before{content:"💬";font-size:18px}.loading-comments,.no-comments{font-size:13px;color:#6b7280;margin:8px 0 10px}.comments-list{flex:1;overflow-y:auto;padding-right:4px;margin-bottom:10px}.comment-card{background:#f9fafb;border-radius:10px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 3px #0f172a0f;border-left:3px solid var(--cyf-primary-red)}.comment-header{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;margin-bottom:4px;font-size:13px}.comment-author{font-weight:600;color:#111827}.comment-role{color:#6b7280}.comment-date{margin-left:auto;color:#9ca3af}.comment-text{margin:0;font-size:13px;line-height:1.4;color:#111827;white-space:pre-wrap}.comment-form{border-top:1px solid #e5e7eb;padding-top:10px;margin-top:6px;display:flex;flex-direction:column;gap:8px}.comment-input{resize:vertical;min-height:70px;max-height:160px;border-radius:10px;border:1px solid #d1d5db;padding:8px 10px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box}.comment-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb40}.comment-submit-btn{align-self:flex-end;padding:6px 14px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .05s ease}.comment-submit-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1000px){.comment-section{max-height:none}}.applications-layout{display:flex;gap:24px;align-items:flex-start;width:100%;box-sizing:border-box}.applications-board{flex:3;min-width:0}.applications-title{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--cyf-primary-dark, #111827)}.applications-subtitle{margin:0 0 16px;font-size:14px;color:var(--cyf-font, #4b5563)}.no-mentor-card{background:#f9fafb;border-radius:12px;padding:16px 18px;box-shadow:0 1px 4px #0f172a14;border:1px dashed #d1d5db;font-size:13px;color:#4b5563}.no-mentor-card h3{margin:0 0 6px;font-size:15px;font-weight:600}.applications-board .section-title{margin-top:16px}.applications-board .jobs-grid{align-items:flex-start}@media(max-width:1000px){.applications-layout{flex-direction:column}.applications-comments{position:static;max-width:100%;width:100%}}.profile-container{max-width:800px;margin:2rem auto;padding:2rem}.profile-title{font-size:2rem;margin-bottom:2rem;color:#333}.profile-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.profile-section{padding:2rem;border-bottom:1px solid #eee}.profile-section:last-child{border-bottom:none}.profile-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#444}.profile-section h3{font-size:1.2rem;margin-bottom:1rem;color:#555}.profile-field{display:flex;margin-bottom:1rem;gap:1rem}.profile-field label{font-weight:600;min-width:150px;color:#666}.profile-field span{color:#333}.role-badge{display:inline-block;padding:.25rem .75rem;background-color:#4caf50;color:#fff;border-radius:4px;font-size:.9rem}.has-mentor{color:#4caf50;font-weight:600}.no-mentor{color:#999;font-style:italic}.mentor-section{background-color:#f9f9f9}.assign-mentor-section{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:6px;border:2px dashed #ddd}.info-text{color:#666;margin-bottom:1rem;font-size:.95rem}.mentor-select-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.mentor-select{flex:1;min-width:250px;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer}.mentor-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.assign-button{padding:.75rem 1.5rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.assign-button:hover:not(:disabled){background-color:#45a049}.assign-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 16px #0003}.modal-content h3{margin-top:0;margin-bottom:1rem;color:#333}.modal-content p{margin-bottom:1.5rem;color:#666;line-height:1.6}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-button{padding:.75rem 1.5rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s}.confirm-button:hover{background-color:#45a049}.cancel-button{padding:.75rem 1.5rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s}.cancel-button:hover{background-color:#da190b}@media(max-width:768px){.profile-container{padding:1rem}.profile-field{flex-direction:column;gap:.5rem}.profile-field label{min-width:auto}.mentor-select-group{flex-direction:column;align-items:stretch}.assign-button{width:100%}}.app-header{height:100px;background:var(--cyf-white);border-bottom:2px solid var(--cyf-primary-red);padding:14px 25px;position:sticky;top:0;width:100%;z-index:10}.header-content{max-width:1600px;top:0;display:flex;width:100%;position:absolute;justify-content:space-between;align-items:center;text-align:center;background-color:transparent}.header-content img{margin-top:0;width:170px;height:110px}.header-logo{font-size:22px;font-weight:700;text-align:center;margin-top:20px;color:var(--cyf-primary-red)}.header-nav{display:flex;gap:16px}.header-link{margin-top:15px;padding:8px 12px;border-radius:var(--radius)}.header-link:hover{background:var(--cyf-light-bg)}.welcome-text{margin-top:20px;margin-right:40px;font-size:16px;font-weight:600;color:#080707;flex:flex}.menu-btn{background:transparent;border:none;padding:0;cursor:pointer;display:none;align-items:center;justify-content:center}@media(max-width:768px){.menu-btn{display:flex}.welcome-text{background-color:red;display:none}}.hamburger{width:40px;height:40px;object-fit:contain}welcome-text.app-footer{background:var(--cyf-white);border-top:1px solid var(--cyf-primary-red);padding:20px;text-align:center;font-size:14px;margin-top:auto;color:var(--cyf-primary-dark);position:sticky;bottom:0rem}.sidebar{width:240px;background:var(--cyf-white);margin-top:0;padding:25px;border:2px solid var(--cyf-primary-dark);border-radius:var(--radius);display:flex;flex-direction:column;gap:20px;height:100%;transition:transform .3s ease}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:calc(100vh - 100px);margin-top:0;padding-top:25px;transform:translate(-100%);z-index:1000;box-shadow:2px 0 10px #0000001a}.sidebar-open{transform:translate(0) translateY(-200px)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999}}.sidebar-title{font-weight:700;font-size:20px;color:var(--cyf-primary-dark)}.sidebar-nav{display:flex;flex-direction:column;gap:12px}.sidebar-item{padding:12px 16px;border-radius:8px;border:none;border-radius:var(--radius);background:#e5e3e4;text-align:left;font-size:15px;cursor:pointer;color:var(--cyf-primary-dark)}.sidebar-item.active{background:var(--cyf-primary-red);color:var(--cyf-white);font-weight:600}.sidebar-item:hover{background:#f5ebed;color:#fff}.insights-page{width:100%;box-sizing:border-box;padding:24px 24px 40px}.insights-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.insights-title{font-size:26px;font-weight:700;color:var(--cyf-primary-dark, #1f2933);margin:0 0 4px}.insights-subtitle{margin:0;color:var(--cyf-font, #4b5563);font-size:14px}.timeframe-toggle{display:inline-flex;gap:8px;background:#f3f4f6;border-radius:16px;padding:4px}.timeframe-chip{border:none;background:transparent;padding:6px 12px;font-size:13px;border-radius:16px;cursor:pointer;color:#4b5563}.timeframe-chip--active{background:#fff;box-shadow:0 1px 3px #00000014;color:var(--cyf-primary-red)}.insights-strip{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 2px 8px #0f172a0f;display:flex;overflow-x:auto;gap:18px;margin-bottom:22px}.stage-card-wrapper{display:flex;align-items:center;gap:10px;flex:0 0 auto}.stage-arrow{font-size:18px;color:#9ca3af}.stage-card{background:#f9fafb;border-radius:14px;padding:14px 16px;width:210px;height:210px;box-shadow:0 1px 3px #0f172a0a}.stage-card--focus{border:2px solid #3b82f6;background:#eff6ff}.stage-header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.stage-label{font-size:18px;font-weight:600}.stage-apps-subtitle{font-size:12px;color:#6b7280}.stage-main{margin-bottom:8px}.stage-number{font-size:24px;font-weight:700;margin-top:44px}.stage-benchmarks{margin-top:44px}.benchmarks-label-row{display:flex;justify-content:space-between;font-size:10px;color:#6b7280;margin-bottom:4px}.benchmarks-bar{position:relative;height:7px;border-radius:999px;overflow:hidden;display:flex}.benchmarks-segment{flex:1}.benchmarks-segment.pessimistic{background:#f18888}.benchmarks-segment.mean{background:#f3e097}.benchmarks-segment.optimistic{background:#94eab2}.benchmarks-pointer{position:absolute;top:-4px;transform:translate(-50%);width:2px;height:14px;background:#111827}.feedback-panel{background:#e5edff;border-radius:16px;padding:18px 18px 20px 20px}.feedback-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.feedback-icon{width:32px;height:32px;border-radius:999px;background:#2563eb;display:inline-flex;align-items:center;justify-content:center;color:#fff}.feedback-header h2{margin:0;font-size:25px}.feedback-body{margin-left:2px}.feedback-focus-line{margin:16px 0 6px;font-size:18px}.feedback-summary{font-size:17px;margin:0 0 10px}.feedback-list{list-style:none;padding:0;margin:25px 0 8px}.feedback-list li{display:flex;align-items:flex-start;gap:6px;font-size:15px;margin-bottom:4px}.feedback-list .tick{color:#2563eb;font-size:13px;margin-top:1px}.feedback-note{font-size:12px;color:#4b5563}@media(max-width:768px){.insights-header{flex-direction:column;align-items:flex-start}.insights-strip{padding:14px 12px}.stage-card{width:190px}}.trainee-page{min-height:100vh;display:flex;flex-direction:column;background:var(--cyf-light-bg)}.trainee-page .trainee-layout{display:flex;flex:1;margin-top:10px;position:relative}@media(max-width:768px){.trainee-page .trainee-layout{display:block;width:100%;position:relative}.trainee-content{width:100%;max-width:100%;padding:10px}.trainee-page .sidebar{position:absolute;pointer-events:none}.trainee-page .sidebar.sidebar-open{pointer-events:auto}}.trainee-content{display:block;padding:25px;overflow-y:auto;max-height:calc(100vh - 120px);flex:1;scrollbar-width:none;-ms-overflow-style:none}.trainee-page{flex:1;margin:0 auto}.sidebar{position:sticky;top:200px;left:10px;box-shadow:0 2px 8px #0000001a;border-radius:5px;border:none}ul{display:flex;flex-direction:column;gap:1rem;padding:.5rem;height:885px;overflow-y:auto}li{box-shadow:0 2px 8px #0000001a}.trainee-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1rem;list-style:none;transition:box-shadow .3s ease}.trainee-card:hover{box-shadow:0 4px 12px #0000001a}.trainee-card-header h3{margin:0 0 1rem;color:#333;font-size:1.25rem}.trainee-name-link{cursor:pointer;color:#007bff;transition:color .3s ease}.trainee-name-link:hover{color:#0056b3;text-decoration:underline}.trainee-card-body{display:flex;flex-direction:column;gap:.75rem}.trainee-card-body p{margin:0;color:#666;font-size:.95rem}.trainee-email{color:#007bff}.trainee-description{font-style:italic;color:#555}.trainee-joined{font-size:.85rem;color:#888}.trainee-applications{padding:1rem;width:100%;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}.trainee-applications::-webkit-scrollbar{display:none}.trainee-applications-header{margin-bottom:2rem}.trainee-applications-header h2{margin:1rem 0 .5rem;color:#333;font-size:1.2rem}.trainee-applications-header .trainee-email{color:#666;font-size:1.1rem;margin:0}.back-button{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background-color .3s ease;margin-bottom:1rem}.back-button:hover{background-color:#5a6268}.applications-list{display:grid;grid-template-columns:repeat(3,450px);justify-content:center;list-style:none;padding:0;margin:0 auto;width:100%;background-color:transparent}.no-applications{text-align:center;color:#666;font-style:italic;padding:3rem;background-color:#f8f9fa;border-radius:8px}.mentor-page{display:flex;flex-direction:column;min-height:100vh}.mentor-layout{flex:1;display:flex;margin:0 auto;width:100%;padding:3rem 1.5rem;overflow:hidden}.mentor-content{flex:1;padding:2rem;overflow-y:auto;max-height:calc(100vh - 140px);scrollbar-width:none;-ms-overflow-style:none}.mentor-content::-webkit-scrollbar{display:none}.trainee-content{overflow-y:auto;max-height:calc(100vh - 140px);margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.trainee-content::-webkit-scrollbar{display:none}.mentor-content h1{margin-bottom:1.5rem;font-size:2rem}.mentor-dropdown-section{margin-bottom:2rem;padding:1.5rem;background-color:#f5f5f5;border-radius:8px}.mentor-dropdown-section h2{margin-bottom:1rem;font-size:1.5rem;color:#333}.mentor-dropdown{width:100%;max-width:500px;padding:.75rem;font-size:1.1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer}.mentor-dropdown:disabled{background-color:#e9ecef;cursor:not-allowed}.mentor-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.selected-mentor-info{margin-top:1rem;padding:.75rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d}.confirmation-content h3{margin-top:0;margin-bottom:1rem;color:#333}.confirmation-content p{margin-bottom:1.5rem;color:#666}.confirmation-buttons{display:flex;gap:1rem;justify-content:flex-end}.btn-confirm,.btn-cancel{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.btn-confirm{background-color:#28a745;color:#fff}.btn-confirm:hover{background-color:#218838}.btn-cancel{background-color:#dc3545;color:#fff}.btn-cancel:hover{background-color:#c82333}.assigned-trainees-section{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.assigned-trainees-section h2{margin-top:0;margin-bottom:1.5rem;color:#333;font-size:1.5rem}.trainees-list{padding:0;margin:0;list-style:none}.no-trainees{color:#666;font-style:italic;text-align:center;padding:2rem}.signup-container{width:100%;min-height:100vh;background:var(--cyf-light-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0}.signup-container .login-container{width:33rem;background:var(--cyf-white);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;background:var(--inner-bg);padding:1.8rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.signup-container .header h1{margin-bottom:6px;font-size:2rem;color:var(--cyf-primary-dark)}.signup-container .header p{color:var(--cyf-font);opacity:.7}.signup-container form{width:100%;margin-top:1rem}input,select{width:100%;padding:1rem;margin:8px 0;border:1px solid #ddd;border-radius:6px;font-size:1rem;background:#f5f5f5;font-size:1.1rem}.signup-container fieldset{border:none;width:100%;display:flex;flex-direction:column}.signup-container label{margin-top:1rem;margin-bottom:4px;font-weight:600}.signup-container input,.signup-container select{padding:12px;font-size:1rem;background:#e6e6e6cc;border-radius:var(--radius);border:1px solid var(--border-color)}.signup-container .password-validator{margin-top:6px;color:red}select{margin-left:0;margin-right:0}#register-btn{background-color:var(--cyf-primary-red)}.signup-container #register-btn{margin-top:20px;width:100%;background:var(--cyf-primary-red);color:var(--cyf-white);font-weight:700;padding:12px;border-radius:var(--radius)}.signup-container #register-btn:hover{background:#0c967f}.signup-container .go-to-login{margin-top:20px;text-align:center}.password-field{position:relative;width:100%}.toggle-password-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:auto;padding:0;margin:0;background:transparent;border:none;cursor:pointer;color:#1a3a52}.staff-dashboard{margin-top:110px;padding:42px 40px;width:100%;box-sizing:border-box;background:#f5f7fb;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.staff-dashboard h1{font-size:28px;font-weight:700;margin:0;color:#1f2933}.cohort-name{color:#6b7280;margin:6px 0 24px;font-size:14px}.summary-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:12px 32px;align-items:center;margin-bottom:32px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0f172a0f;overflow-x:auto}.summary-grid::-webkit-scrollbar{height:6px}.summary-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.summary-card{position:relative;background:#f9fafb;padding:14px 16px;border-radius:12px;text-align:left;box-shadow:0 1px 3px #0f172a14;border:1px solid #e5e7eb;min-width:150px;height:120px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.summary-card:before{content:"";position:absolute;inset:0 0 auto;height:9px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#ee4344,#f97316)}.summary-card:not(:last-child):after{content:"➜";position:absolute;top:50%;right:-22px;transform:translateY(-50%);font-size:18px;color:#9ca3af}.summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a1f;border-color:#d1d5db}.summary-card p{margin:8px 0 2px;font-size:13px;color:#6b7280;font-weight:500}.summary-card h2{margin:0;font-size:22px;font-weight:700;color:#111827}@media(max-width:800px){.summary-grid{grid-auto-flow:row;grid-auto-columns:unset}.summary-card:not(:last-child):after{display:none}}.staff-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;margin-top:8px;margin-bottom:32px;box-shadow:0 6px 18px #0f172a0f}.staff-table thead{background:#f3f4f6}.staff-table th,.staff-table td{padding:10px 14px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px;white-space:nowrap}.staff-table th{font-weight:600;color:#4b5563;position:sticky;top:0;z-index:1}.staff-table tbody tr:nth-child(2n){background-color:#f9fafb}.staff-table tbody tr:hover{background-color:#eef2ff}.trainee-name-link{color:#ee4344;font-weight:600}.pie-section{margin-top:32px;max-width:520px;background:#fff;padding:20px 22px 24px;border-radius:16px;box-shadow:0 6px 18px #0f172a0f}.pie-section h2{margin:0 0 16px;font-size:18px;color:#111827}@media(max-width:1024px){.staff-dashboard{padding:24px 16px}.staff-table{font-size:12px;overflow-x:auto;display:block}}html,body{height:auto;overflow-y:auto}.staff-page{min-height:100vh;display:flex;flex-direction:column}.staff-layout{flex:1;display:flex;min-height:0;padding-top:20px}.staff-content{flex:1;overflow-y:auto;padding:5px 5px 80px;background-color:transparent}.staff-dashboard{width:100%;overflow-x:auto}.staff-title{font-size:26px;font-weight:700;margin-bottom:20px}.staff-table{width:100%;border-collapse:collapse;background:var(--cyf-white);border-radius:10px;margin-top:20px}.staff-table thead{position:sticky;top:0;background:#f5f5f5;z-index:10}.staff-table th,.staff-table td{padding:12px 14px;border-bottom:1px solid #ddd;text-align:left;font-size:14px}.staff-table td:nth-child(4){font-weight:600}.staff-star-btn{background:var(--cyf-primary-red);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.staff-star-btn-remove{background:#777;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.staff-star-btn:hover,.staff-star-btn-remove:hover{opacity:.9}.staff-table-wrapper{max-height:calc(100vh - 240px);overflow-y:auto;margin-top:10px;border-radius:10px}:root{--cyf-primary-dark: #231F20;--cyf-primary-red: #EE4344;--cyf-light-bg: #F2EFF0;--cyf-white: #FFFFFF;--cyf-font: #333333;font-family:Inter,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;overflow:hidden;height:100%;--radius: 8px;--radius-lg: 16px;--shadow: 0 2px 6px rgba(0,0,0,.06);--shadow-lg: 0 4px 12px rgba(0,0,0,.08);--border-color: #d6d3d4}