*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;min-height:100vh}#root{min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 15px 35px #0003;width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:20px}.login-logo img{height:50px;width:auto}.login-box h1{text-align:center;color:#333;margin-bottom:10px;font-size:24px}.login-box .subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.btn{width:100%;padding:12px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:5px;margin-bottom:20px;font-size:14px;text-align:center}.dashboard-container{min-height:100vh;background:#f5f5f5}.navbar{background:#fff;padding:15px 30px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;gap:15px}.navbar-brand .logo{height:40px;width:auto}.navbar-brand .app-title{font-size:18px;font-weight:600;color:#333;padding-left:15px;border-left:2px solid #e5e7eb}.navbar-right{display:flex;align-items:center;gap:20px}.user-info{font-size:14px;color:#666}.user-info strong{color:#333}.btn-logout{background:#dc2626;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.btn-logout:hover{background:#b91c1c}.dashboard-content.appraisal-content{padding:30px;max-width:1200px;margin:0 auto}.welcome-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.welcome-card h2{color:#333;margin-bottom:10px}.welcome-card p{color:#666}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.info-card h3{color:#667eea;font-size:14px;text-transform:uppercase;margin-bottom:10px}.info-card p{color:#333;font-size:18px;font-weight:500}.capabilities-list{display:flex;flex-wrap:wrap;gap:8px}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.hr_admin{background:#fee2e2;color:#dc2626}.role-badge.manager{background:#dbeafe;color:#2563eb}.role-badge.function_head{background:#d1fae5;color:#059669}.role-badge.employee{background:#e5e7eb;color:#374151}.ratings-section{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.ratings-section h2{color:#333;font-size:20px;margin-bottom:20px}.ratings-loading{text-align:center;color:#666;padding:20px}.ratings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.ratings-grid{grid-template-columns:1fr}}.rating-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;text-align:center;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.rating-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rating-card.self{border-left:4px solid #667eea}.rating-card.manager{border-left:4px solid #f59e0b}.rating-card.final{border-left:4px solid #10b981}.rating-icon{font-size:32px;margin-bottom:12px}.rating-card h3{color:#475569;font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.rating-value{font-size:36px;font-weight:700;color:#1e293b}.rating-card.self .rating-value{color:#667eea}.rating-card.manager .rating-value{color:#f59e0b}.rating-card.final .rating-value{color:#10b981}.rating-status.pending{color:#94a3b8;font-size:14px;font-weight:500;padding:8px 0}.manager-assessment-section{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.manager-assessment-section h2{color:#333;font-size:20px;margin-bottom:20px}.manager-assessment-card{background:linear-gradient(135deg,#fefce8,#fef3c7);border:1px solid #fbbf24;border-radius:12px;padding:24px}.assessment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(251,191,36,.3)}.assessment-overall{display:flex;flex-direction:column;gap:4px}.assessment-overall-label{font-size:12px;color:#92400e;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.assessment-overall-value{font-size:48px;font-weight:700;color:#d97706}.assessment-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.assessment-by{font-size:14px;color:#78350f;font-weight:500}.assessment-date{font-size:12px;color:#92400e}.promotion-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-top:8px}.promotion-badge.recommended{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.promotion-badge.highly_recommended{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.pillar-ratings-list{display:flex;flex-direction:column;gap:16px}.pillar-rating-item{background:#fff9;border-radius:8px;padding:16px}.pillar-rating-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pillar-name{font-weight:600;color:#78350f;font-size:14px}.pillar-rating-value{background:#d97706;color:#fff;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.pillar-remarks{color:#666;font-size:14px;line-height:1.5;margin:0}.overall-remarks{margin-top:20px;padding-top:16px;border-top:1px solid rgba(251,191,36,.3)}.overall-remarks h4{font-size:14px;color:#78350f;margin-bottom:8px}.overall-remarks p{color:#666;font-size:14px;line-height:1.6;margin:0}@media (max-width: 768px){.assessment-header{flex-direction:column;gap:16px}.assessment-meta{align-items:flex-start}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-layout{min-height:100vh;display:flex;flex-direction:column}.admin-navbar{background:#fff;padding:12px 24px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:100}.sidebar-toggle{background:none;border:none;font-size:20px;cursor:pointer;padding:5px 10px;margin-right:10px}.admin-container{display:flex;margin-top:60px;min-height:calc(100vh - 60px)}.admin-sidebar{width:240px;background:#1a1a2e;color:#fff;position:fixed;top:60px;left:0;bottom:0;transition:transform .3s ease;overflow-y:auto}.admin-sidebar.closed{transform:translate(-240px)}.sidebar-nav{padding:20px 0}.sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#a0a0a0;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.sidebar-link:hover{background:#ffffff0d;color:#fff}.sidebar-link.active{background:#667eea26;color:#667eea;border-left-color:#667eea}.sidebar-link .icon{font-size:18px}.admin-content{flex:1;margin-left:240px;padding:24px;background:#f5f5f5;transition:margin-left .3s ease}.admin-sidebar.closed+.admin-content{margin-left:0}.user-info{display:flex;flex-direction:column;align-items:flex-end;margin-right:15px}.user-name{font-weight:600;color:#333}.user-email{font-size:12px;color:#666}.user-role{font-size:12px;color:#666;text-transform:capitalize}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.page-header-text{flex:1}.page-header-text h1{color:#333;margin-bottom:4px;white-space:nowrap}.page-header-text p{color:#666;font-size:14px;margin:0;white-space:nowrap}.btn-icon-only{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;border-radius:8px;flex-shrink:0}.btn-search{width:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 10px #0000000d}.stat-card.primary{border-left:4px solid #667eea}.stat-card.warning{border-left:4px solid #f59e0b}.stat-card.info{border-left:4px solid #3b82f6}.stat-icon{font-size:32px}.stat-content h3{font-size:14px;color:#666;margin-bottom:5px}.stat-value{font-size:28px;font-weight:700;color:#333}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.dashboard-section{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 10px #0000000d}.dashboard-section h2{font-size:16px;color:#333;margin-bottom:16px}.breakdown-grid{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#666}.breakdown-value{font-weight:600;color:#333}.quick-actions{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 10px #0000000d}.quick-actions h2{font-size:16px;color:#333;margin-bottom:16px}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:8px;color:#333;text-decoration:none;transition:all .2s}.action-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.action-btn.warning:hover{background:#f59e0b;border-color:#f59e0b}.action-icon{font-size:20px}.filters-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.search-form{display:flex;gap:10px;margin-bottom:15px}.search-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px}.filter-controls{display:flex;gap:10px;flex-wrap:wrap}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;min-width:150px}.table-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.data-table th{background:#f8f9fa;padding:14px 16px;text-align:left;font-weight:600;color:#333;font-size:13px;text-transform:uppercase;border-bottom:2px solid #e5e7eb}.data-table td{padding:14px 16px;border-bottom:1px solid #e5e7eb;color:#333;font-size:14px}.data-table tbody tr:hover{background:#f8f9fa}.no-data{text-align:center;color:#666;padding:40px!important}.actions-cell{display:flex;gap:8px}.btn-icon{background:none;border:none;font-size:16px;cursor:pointer;padding:5px;border-radius:5px;transition:background .2s}.btn-icon:hover{background:#e5e7eb}.btn-icon.danger:hover{background:#fee2e2}.status-badge.active,.status-badge.success{background:#d1fae5;color:#059669}.status-badge.inactive,.status-badge.danger{background:#fee2e2;color:#dc2626}.status-badge.warning{background:#fef3c7;color:#d97706}.status-badge.info{background:#dbeafe;color:#2563eb}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px}.pagination-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:5px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:200}.modal-content{background:#fff;border-radius:10px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:18px;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 24px;border-top:1px solid #e5e7eb}.employee-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.employee-form .form-group{margin-bottom:0}.employee-form .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.employee-form .form-group input,.employee-form .form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.employee-form .form-group input:focus,.employee-form .form-group select:focus{outline:none;border-color:#667eea}.employee-form .form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.function-checkboxes{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.function-checkbox-label{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.function-checkbox-label:hover{background:#f3f4f6;border-color:#667eea}.function-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.function-checkbox-label input[type=checkbox]:checked+.function-checkbox-text{font-weight:600;color:#667eea}.function-checkbox-text{font-size:15px;color:#374151}.modal-content.modal-large{max-width:700px}.modal-content.modal-small{max-width:400px}.peer-search-row{display:flex;gap:12px;margin-bottom:12px;align-items:center}.peer-search-input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.peer-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.peer-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.btn-sm:hover{background:#e5e7eb}.selected-count{font-size:13px;color:#6b7280;margin-bottom:12px;padding:8px 12px;background:#f0f7ff;border-radius:6px}.peer-list{max-height:350px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.peer-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.peer-item:last-child{border-bottom:none}.peer-item:hover{background:#f9fafb}.peer-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea;flex-shrink:0}.peer-item-info{display:flex;flex-direction:column;gap:2px}.peer-name{font-weight:500;color:#1f2937;font-size:14px}.peer-details{font-size:12px;color:#6b7280}.btn-secondary{background:#e5e7eb;color:#333}.btn-secondary:hover{background:#d1d5db}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:14px}.btn-link:hover{color:#5a6fd6}.import-employees-page .upload-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.upload-card,.info-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 10px #0000000d}.upload-card h2,.info-card h3{margin-bottom:15px;color:#333}.upload-info{color:#666;font-size:14px;margin-bottom:20px}.upload-area{margin-bottom:20px}.file-input{display:none}.file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed #ddd;border-radius:10px;cursor:pointer;transition:all .2s;color:#666}.file-label:hover{border-color:#667eea;background:#f8f9fa}.upload-icon{font-size:32px;margin-bottom:10px}.file-name{color:#667eea;font-weight:500}.upload-btn{width:100%}.upload-result{margin-top:20px;padding:15px;border-radius:8px;background:#f8f9fa}.upload-result.completed{background:#d1fae5}.upload-result.completed_with_errors{background:#fef3c7}.upload-result.failed{background:#fee2e2}.upload-result h3{margin-bottom:10px;font-size:16px}.upload-result p{margin:5px 0;font-size:14px}.info-table{width:100%;border-collapse:collapse;font-size:13px}.info-table th,.info-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.info-table th{background:#f8f9fa;font-weight:600}.import-history{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 10px #0000000d}.import-history h2{margin-bottom:20px;color:#333}.success-count{color:#059669;font-weight:500}.error-count{color:#dc2626;font-weight:500}.error-type{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase}.error-type.validation{background:#fee2e2;color:#dc2626}.error-type.duplicate{background:#fef3c7;color:#d97706}.error-type.reference{background:#dbeafe;color:#2563eb}.error-type.format{background:#e5e7eb;color:#374151}.error-type.missing_field{background:#fee2e2;color:#dc2626}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.error-container p{color:#dc2626;margin-bottom:15px}@media (max-width: 1024px){.admin-sidebar{transform:translate(-240px)}.admin-sidebar.open{transform:translate(0)}.admin-content{margin-left:0}.import-employees-page .upload-section,.form-row{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid,.dashboard-sections{grid-template-columns:1fr}.action-buttons{flex-direction:column}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 8px}}.appraisal-layout{min-height:100vh;display:flex;flex-direction:column}.appraisal-navbar{background:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:100}.appraisal-navbar .navbar-brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;cursor:pointer;position:relative;z-index:10}.appraisal-navbar .navbar-center{display:flex;gap:8px}.appraisal-navbar .nav-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;text-decoration:none;color:#666;font-weight:500;transition:all .2s}.appraisal-navbar .nav-link:hover{background:#f0f0f0;color:#333}.appraisal-navbar .nav-link.active{background:#e8f0fe;color:#1a73e8}.appraisal-content{flex:1;padding:24px;max-width:1000px;margin:0 auto;width:100%}.self-evaluation-page,.peer-feedback-page,.upward-feedback-page,.peer-feedback-form-page,.manager-assessment-page,.manager-assessment-form-page{padding-bottom:40px}.status-badge{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.submitted,.status-badge.completed{background:#d4edda;color:#155724}.status-badge.draft{background:#fff3cd;color:#856404}.status-badge.pending{background:#f8f9fa;color:#666}.progress-badge{background:#e8f0fe;color:#1a73e8;padding:8px 16px;border-radius:20px;font-weight:600}.overall-rating-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;text-align:center;margin-bottom:24px}.overall-rating-card h3{margin-bottom:12px;font-weight:500}.rating-display{font-size:48px;font-weight:700}.rating-display .rating-max{font-size:24px;opacity:.7}.pillars-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.pillar-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.pillar-header{display:flex;gap:16px;margin-bottom:20px}.pillar-number{width:36px;height:36px;background:#e8f0fe;color:#1a73e8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.pillar-info h3{margin-bottom:4px;font-size:16px}.pillar-info p{color:#666;font-size:14px}.pillar-rating{margin-bottom:16px}.pillar-rating label{display:block;margin-bottom:8px;font-weight:500;color:#333}.rating-buttons{display:flex;gap:8px}.rating-btn{width:44px;height:44px;border:2px solid #ddd;border-radius:8px;background:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.rating-btn:hover:not(:disabled){border-color:#999;transform:scale(1.05)}.rating-btn.selected{border-color:transparent;color:#fff;transform:scale(1.1)}.rating-btn:disabled{cursor:not-allowed;opacity:.7}.rating-label-text{display:block;margin-top:8px;font-size:13px;color:#666}.pillar-remarks label{display:block;margin-bottom:8px;font-weight:500;color:#333}.pillar-remarks textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;resize:vertical;font-family:inherit}.pillar-remarks textarea.required{border-color:#dc3545}.pillar-remarks textarea:disabled{background:#f8f9fa;cursor:not-allowed}.overall-remarks-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.overall-remarks-section h3{margin-bottom:12px}.overall-remarks-section textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;resize:vertical;font-family:inherit}.instructions-box{background:linear-gradient(135deg,#e8f4fd,#f0f7ff);border:1px solid #b8daff;border-radius:12px;padding:20px 24px;margin-bottom:24px}.instructions-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.instructions-icon{font-size:20px;color:#1a73e8;font-weight:700}.instructions-header h3{margin:0;color:#1a73e8;font-size:16px;font-weight:600}.instructions-box ul{margin:0;padding-left:20px;color:#333}.instructions-box li{margin-bottom:8px;font-size:14px;line-height:1.5}.instructions-box li:last-child{margin-bottom:0}.instructions-box li strong{color:#1a73e8}.form-actions-centered{display:flex;justify-content:center;gap:16px;margin-top:32px;margin-bottom:24px}.form-actions-centered .btn{min-width:auto;padding:12px 24px}.anonymous-notice{display:flex;gap:12px;padding:16px;background:#e8f4fd;border:1px solid #b8daff;border-radius:8px;margin-bottom:24px}.anonymous-notice .icon{font-size:24px}.anonymous-notice p{color:#004085;font-size:14px}.peer-cards,.reportee-cards{display:grid;gap:16px}.peer-card,.reportee-card,.manager-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000014}.peer-card .btn{flex-shrink:0;width:auto;padding:10px 20px;text-decoration:none}.feedback-section{margin-bottom:24px}.feedback-section+.feedback-section{margin-top:32px}.feedback-section h2{margin-bottom:16px}.peer-info,.reportee-info{display:flex;align-items:center;gap:16px}.peer-avatar,.reportee-avatar,.manager-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.peer-avatar.completed{background:#28a745}.peer-details h3,.reportee-details h3,.manager-details h3{margin-bottom:4px;font-size:16px}.peer-details p,.reportee-details p,.manager-details p{color:#666;font-size:13px}.manager-card{margin-bottom:24px}.manager-details .badge{display:inline-block;margin-top:8px;padding:4px 12px;background:#e8f0fe;color:#1a73e8;border-radius:12px;font-size:12px;font-weight:600}.reportee-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.reportee-actions .btn{text-decoration:none;width:auto;padding:10px 24px}.reportee-actions .status-badge{min-width:100px;text-align:center;white-space:nowrap}.completed-notice{text-align:center;padding:40px;background:#d4edda;border-radius:12px;margin-bottom:24px}.completed-notice .icon{font-size:48px;margin-bottom:16px}.completed-notice h3{margin-bottom:8px;color:#155724}.completed-notice p{color:#155724}.promotion-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.promotion-section h3{margin-bottom:16px}.promotion-options{display:flex;gap:20px;margin-bottom:16px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px}.feedback-toggle{margin-bottom:24px}.feedback-panel{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.feedback-panel h2{margin-bottom:20px;font-size:18px}.feedback-panel .feedback-section{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px}.feedback-panel .feedback-section h3{font-size:14px;color:#666;margin-bottom:12px}.feedback-panel .no-data{color:#999;font-style:italic}.pillar-ratings-grid{display:grid;gap:8px}.rating-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;background:#f8f9fa;border-radius:4px}.rating-item .pillar-name{font-weight:500}.rating-item .rating-value{color:#1a73e8;font-weight:600}.rating-item .rating-remarks{grid-column:1 / -1;font-size:13px;color:#666}.submitted-info{text-align:center;padding:20px;background:#d4edda;border-radius:8px;margin-top:24px}.submitted-info p{color:#155724}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;animation:slideIn .3s ease-out;transition:transform .2s,opacity .2s}.toast:hover{transform:translate(-4px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-info{background:#3b82f6;color:#fff}.toast-icon{font-size:18px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;flex-shrink:0}.toast-message{font-size:14px;font-weight:500;line-height:1.4}.final-ratings-page{padding:24px}.final-ratings-page .page-header{margin-bottom:24px}.final-ratings-page .page-header h1{font-size:24px;color:#1e293b;margin-bottom:8px}.final-ratings-page .page-header p{color:#64748b;font-size:14px}.upload-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.upload-section h2{font-size:18px;color:#1e293b;margin-bottom:16px}.upload-actions{margin-bottom:16px}.upload-form{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.file-input-wrapper{position:relative;flex:1;min-width:250px}.file-input-wrapper input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.file-label{display:block;padding:12px 16px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;text-align:center;cursor:pointer;transition:all .2s}.file-input-wrapper:hover .file-label{border-color:#667eea;background:#f1f5f9}.upload-form .btn{width:auto;min-width:150px}.upload-result{margin-top:24px;padding:16px;background:#f8fafc;border-radius:8px}.upload-result h3{font-size:16px;color:#1e293b;margin-bottom:12px}.result-summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.result-item{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px}.result-item.total{background:#e2e8f0;color:#475569}.result-item.success{background:#dcfce7;color:#166534}.result-item.failed{background:#fee2e2;color:#991b1b}.result-errors{background:#fff;padding:12px;border-radius:6px;border:1px solid #fecaca}.result-errors h4{color:#991b1b;font-size:14px;margin-bottom:8px}.result-errors ul{list-style:none;padding:0;margin:0}.result-errors li{padding:6px 0;color:#dc2626;font-size:13px;border-bottom:1px solid #fee2e2}.result-errors li:last-child{border-bottom:none}.ratings-table-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.ratings-table-section h2{font-size:18px;color:#1e293b;margin-bottom:16px}.rating-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px;border-radius:6px}.remarks-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.progress-section h2{font-size:18px;color:#1e293b;margin-bottom:16px}.progress-loading,.progress-error{text-align:center;padding:20px;color:#64748b}.progress-error{color:#dc2626}.progress-content{display:flex;flex-direction:column;gap:20px}.progress-status{text-align:center;padding:12px;background:#f8fafc;border-radius:8px}.status-badge-large{display:inline-block;padding:10px 24px;border-radius:25px;font-size:14px;font-weight:600}.status-badge-large.gray{background:#e5e7eb;color:#4b5563}.status-badge-large.blue{background:#dbeafe;color:#1d4ed8}.status-badge-large.green{background:#dcfce7;color:#15803d}.status-badge-large.yellow{background:#fef3c7;color:#b45309}.status-badge-large.orange{background:#fed7aa;color:#c2410c}.status-badge-large.purple{background:#e9d5ff;color:#7c3aed}.completion-checklist h4{font-size:14px;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.checklist-items{display:flex;flex-direction:column;gap:8px}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:3px solid #e5e7eb}.checklist-item.completed{border-left-color:#22c55e;background:#f0fdf4}.checklist-item.waiting{border-left-color:#f59e0b;background:#fffbeb}.checklist-icon{font-size:18px;width:24px;text-align:center}.checklist-item.completed .checklist-icon{color:#22c55e}.checklist-item.waiting .checklist-icon{color:#f59e0b}.checklist-label{flex:1;font-weight:500;color:#1e293b}.checklist-status{font-size:13px;color:#64748b;min-width:120px}.checklist-action{padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.checklist-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.checklist-item.completed .checklist-action{background:#e5e7eb;color:#64748b}.checklist-item.completed .checklist-action:hover{background:#d1d5db;box-shadow:none;transform:none}.completion-stats-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.completion-stats-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.completion-stats-section .section-header h2{font-size:18px;color:#1e293b;margin:0}.view-all-link{color:#667eea;text-decoration:none;font-weight:500;font-size:14px}.view-all-link:hover{text-decoration:underline}.completion-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.completion-stats-grid{grid-template-columns:repeat(2,1fr)}}.completion-stat-card{background:#f8fafc;border-radius:10px;padding:20px;text-align:center;border:1px solid #e2e8f0}.completion-stat-card .stat-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.completion-stat-card .stat-icon{font-size:18px}.completion-stat-card .stat-title{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.completion-stat-card .stat-value-large{font-size:32px;font-weight:700;color:#1e293b}.completion-stat-card.completed{background:#f0fdf4;border-color:#bbf7d0}.completion-stat-card.completed .stat-value-large{color:#15803d}.completion-stat-card.in-progress{background:#eff6ff;border-color:#bfdbfe}.completion-stat-card.in-progress .stat-value-large{color:#1d4ed8}.completion-stat-card.not-started{background:#fefce8;border-color:#fef08a}.completion-stat-card.not-started .stat-value-large{color:#a16207}.completion-phase-breakdown h3{font-size:14px;color:#64748b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.phase-bars{display:flex;flex-direction:column;gap:12px}.phase-bar{display:flex;align-items:center;gap:12px}.phase-label{min-width:120px;font-size:14px;color:#475569}.phase-progress{flex:1;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.phase-fill{height:100%;border-radius:6px;transition:width .3s ease}.phase-fill.employee{background:linear-gradient(135deg,#667eea,#764ba2)}.phase-fill.manager{background:linear-gradient(135deg,#f59e0b,#d97706)}.phase-fill.hr{background:linear-gradient(135deg,#10b981,#059669)}.phase-count{min-width:40px;text-align:right;font-weight:600;color:#1e293b}.completion-status-page .filters-section{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.completion-status-page .filter-group{display:flex;align-items:center;gap:8px}.completion-status-page .filter-group label{font-size:14px;color:#64748b}.status-filter{padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-width:180px}.completion-table .employee-info{display:flex;flex-direction:column;gap:2px}.completion-table .employee-name{font-weight:500;color:#1e293b}.completion-table .employee-email{font-size:12px;color:#64748b}.completion-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.completion-badge.complete{background:#dcfce7;color:#15803d}.completion-badge.incomplete{background:#f1f5f9;color:#64748b}.status-badge.gray{background:#e5e7eb;color:#4b5563}.status-badge.blue{background:#dbeafe;color:#1d4ed8}.status-badge.green{background:#dcfce7;color:#15803d}.status-badge.yellow{background:#fef3c7;color:#b45309}.status-badge.orange{background:#fed7aa;color:#c2410c}.status-badge.purple{background:#e9d5ff;color:#7c3aed}.progress-badges{display:flex;gap:12px}.progress-badge{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#f1f5f9;border-radius:8px;min-width:100px}.progress-badge .badge-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.progress-badge .badge-value{font-size:18px;font-weight:700;color:#1e293b}.progress-badge.completed{background:#dcfce7}.progress-badge.completed .badge-value{color:#15803d}.completion-indicators{display:flex;gap:8px;padding:0 12px}.completion-indicators .indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}.completion-indicators .indicator.complete{background:#dcfce7}.completion-indicators .indicator.pending{background:#f1f5f9;opacity:.5}.reportee-card.blocked{opacity:.7;border-left:4px solid #f59e0b}.blocking-reasons{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-bottom:8px}.blocking-label{font-size:11px;color:#64748b;text-transform:uppercase}.blocking-item{font-size:12px;color:#b45309;background:#fef3c7;padding:2px 8px;border-radius:4px}.btn-disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;padding:10px 20px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#1e293b;margin-bottom:8px}.empty-state p{color:#64748b}.review-management-page,.audit-log-page{padding:24px}.review-management-page .page-header,.audit-log-page .page-header{margin-bottom:24px}.review-management-page .page-header h1,.audit-log-page .page-header h1{font-size:24px;color:#1e293b;margin-bottom:4px}.review-management-page .page-header p,.audit-log-page .page-header p{color:#64748b;font-size:14px}.tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.tab{padding:12px 24px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#4f46e5}.tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.filters-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.search-form{display:flex;gap:8px;flex:1;min-width:300px}.search-input{flex:1;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.search-input:focus{outline:none;border-color:#4f46e5}.status-filter,.filter-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;min-width:150px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f1f5f9}.data-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.data-table td{color:#1e293b;font-size:14px}.data-table tbody tr:hover{background:#f8fafc}.no-data{padding:48px;text-align:center;color:#64748b}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.status-badge.yellow{background:#fef3c7;color:#92400e}.status-badge.red{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:18px;color:#1e293b}.modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer}.modal-close:hover{color:#1e293b}.modal-body{padding:24px}.modal-body p{margin-bottom:16px;color:#475569}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.reason-textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical;min-height:80px}.reason-textarea:focus{outline:none;border-color:#4f46e5}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px}.pagination button{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;cursor:pointer}.pagination button:hover:not(:disabled){background:#f8fafc}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#64748b;font-size:14px}.audit-log-page .email-small{display:block;font-size:12px;color:#64748b}.audit-log-page .timestamp-cell{white-space:nowrap;font-size:13px}.audit-log-page .reason-cell{max-width:200px}.audit-log-page .reason-text{color:#64748b;font-size:13px}.audit-log-page .status-change-cell{white-space:nowrap}.audit-log-page .prev-status{color:#64748b}.audit-log-page .arrow{color:#94a3b8}.audit-log-page .new-status{color:#1e293b;font-weight:500}.email-reminders-page{max-width:1200px;margin:0 auto}.reminder-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.reminder-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0;display:flex;flex-direction:column}.reminder-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.reminder-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.reminder-card h3{font-size:18px;color:#1e293b;margin:0}.reminder-description{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:20px;flex-grow:1}.reminder-count{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.reminder-count .count-number{font-size:36px;font-weight:700;color:#1e293b}.reminder-count .count-label{color:#64748b;font-size:14px}.reminder-actions{display:flex;gap:12px}.reminder-actions .btn{flex:1;padding:10px 16px;font-size:14px}.reminder-actions .btn-outline{background:#fff;border:1px solid #e2e8f0;color:#64748b}.reminder-actions .btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.reminder-actions .btn:disabled{opacity:.5;cursor:not-allowed}.preview-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.preview-modal .modal-body{overflow-y:auto;flex:1}.preview-count{font-size:14px;color:#64748b;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px}.recipient-info{display:flex;flex-direction:column;gap:2px}.recipient-name{font-weight:500;color:#1e293b}.recipient-email{font-size:13px;color:#64748b}.pending-badge{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.confirm-modal{max-width:450px}.confirm-modal .modal-body p{margin-bottom:12px;line-height:1.6}.confirm-modal .warning-text{color:#dc2626;font-size:13px}.results-modal{max-width:500px}.results-summary{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.result-stat{text-align:center;padding:20px;border-radius:12px;min-width:120px}.result-stat.success{background:#dcfce7}.result-stat.failed{background:#fee2e2}.result-stat .stat-number{display:block;font-size:32px;font-weight:700}.result-stat.success .stat-number{color:#16a34a}.result-stat.failed .stat-number{color:#dc2626}.result-stat .stat-label{font-size:13px;color:#64748b}.error-list{background:#fef2f2;border-radius:8px;padding:16px}.error-list h4{color:#dc2626;font-size:14px;margin-bottom:12px}.error-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #fecaca;font-size:13px}.error-item:last-child{border-bottom:none}.error-email{color:#1e293b;font-weight:500}.error-message{color:#dc2626}.function-completion-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.function-completion-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.function-completion-card{background:#f8fafc;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.function-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.function-card-header h3{font-size:16px;font-weight:600;color:#1e293b}.completion-rate{font-size:18px;font-weight:700;color:#667eea}.function-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:16px}.function-progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.function-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.function-stat{text-align:center}.function-stat .stat-label{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.function-stat .stat-value{font-size:16px;font-weight:600;color:#1e293b}.function-stat.completed .stat-value{color:#16a34a}.function-stat.in-progress .stat-value{color:#f59e0b}.function-stat.not-started .stat-value{color:#64748b}.function-totals{display:flex;justify-content:center;margin-top:16px}.totals-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 40px;border-radius:10px;text-align:center}.totals-card h4{font-size:14px;font-weight:500;margin-bottom:12px;opacity:.9}.totals-stats{display:flex;gap:30px}.total-stat{text-align:center}.total-stat .total-value{display:block;font-size:24px;font-weight:700}.total-stat .total-label{font-size:12px;opacity:.9}.total-stat.completed .total-value{color:#a7f3d0}.rating-distribution-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.rating-summary{display:flex;gap:20px;align-items:center}.average-rating{font-size:14px;color:#64748b}.average-rating strong{color:#667eea;font-size:18px}.rating-count{font-size:13px;color:#94a3b8}.rating-bars{margin-top:20px}.rating-bar-row{display:flex;align-items:center;gap:12px;padding:8px 0}.rating-label{min-width:180px;display:flex;align-items:center;gap:10px}.rating-number{width:24px;height:24px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#475569}.rating-text{font-size:13px;color:#64748b}.rating-bar-container{flex:1;height:24px;background:#f1f5f9;border-radius:6px;overflow:hidden}.rating-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.rating-count-value{min-width:40px;font-weight:600;font-size:14px;color:#1e293b;text-align:right}.my-team-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.team-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px}.team-summary-card{background:#f8fafc;border-radius:10px;padding:16px;text-align:center;border:1px solid #e2e8f0}.team-summary-card .summary-value{display:block;font-size:28px;font-weight:700;color:#1e293b}.team-summary-card .summary-label{display:block;font-size:12px;color:#64748b;margin-top:4px}.team-summary-card.ready{border-color:#fbbf24;background:#fffbeb}.team-summary-card.ready .summary-value{color:#d97706}.team-summary-card.pending{border-color:#93c5fd;background:#eff6ff}.team-summary-card.pending .summary-value{color:#2563eb}.team-summary-card.completed{border-color:#86efac;background:#f0fdf4}.team-summary-card.completed .summary-value{color:#16a34a}.team-preview-table{overflow-x:auto}.team-preview-table table{width:100%;border-collapse:collapse;font-size:14px}.team-preview-table th,.team-preview-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.team-preview-table th{font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase}.team-preview-table .reportee-name{font-weight:500;color:#1e293b}.team-preview-table .status-icon{font-size:12px;padding:4px 8px;border-radius:4px}.team-preview-table .status-icon.complete{background:#dcfce7;color:#16a34a}.team-preview-table .status-icon.pending{background:#fef3c7;color:#d97706}.team-preview-more{text-align:center;padding:12px;border-top:1px solid #e2e8f0}.team-preview-more a{color:#667eea;font-weight:500;text-decoration:none}.btn-sm{padding:6px 12px;font-size:12px}.manager-dashboard-page{min-height:100vh;background:#f5f7fa}.manager-navbar{background:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.manager-navbar .back-link{color:#667eea;text-decoration:none;font-weight:500;font-size:14px}.manager-navbar .page-title{margin-left:16px;font-size:18px;font-weight:600;color:#1e293b}.manager-dashboard-content{padding:24px;max-width:1400px;margin:0 auto}.manager-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.manager-summary-grid .summary-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;border:2px solid transparent}.manager-summary-grid .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.manager-summary-grid .summary-card.active{border-color:#667eea}.manager-summary-grid .summary-icon{width:48px;height:48px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.manager-summary-grid .summary-content .summary-value{display:block;font-size:24px;font-weight:700;color:#1e293b}.manager-summary-grid .summary-content .summary-label{font-size:13px;color:#64748b}.manager-summary-grid .summary-card.ready .summary-icon{background:#fef3c7}.manager-summary-grid .summary-card.pending .summary-icon{background:#dbeafe}.manager-summary-grid .summary-card.completed .summary-icon{background:#dcfce7}.manager-summary-grid .summary-card.final .summary-icon{background:#f3e8ff}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-box{flex:1;max-width:400px}.search-input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.search-input:focus{outline:none;border-color:#667eea}.filter-info{font-size:14px;color:#64748b}.reportees-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;margin-bottom:24px}.reportees-table{width:100%;border-collapse:collapse}.reportees-table th,.reportees-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.reportees-table th{background:#f8fafc;font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase}.reportees-table .employee-cell{line-height:1.4}.reportees-table .employee-name{font-weight:500;color:#1e293b}.reportees-table .employee-email{font-size:12px;color:#64748b}.reportees-table .employee-code{font-size:11px;color:#94a3b8}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.complete{background:#dcfce7;color:#16a34a}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.draft{background:#dbeafe;color:#2563eb}.status-pill{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500}.status-pill.gray{background:#f1f5f9;color:#64748b}.status-pill.blue{background:#dbeafe;color:#2563eb}.status-pill.yellow{background:#fef3c7;color:#d97706}.status-pill.green{background:#dcfce7;color:#16a34a}.status-pill.purple{background:#f3e8ff;color:#9333ea}.text-muted{color:#94a3b8;font-size:13px}.empty-state{text-align:center;padding:40px;color:#64748b}.quick-actions{display:flex;gap:12px;justify-content:center}.reports-center-page{padding:0}.report-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f1f5f9;padding:8px;border-radius:10px}.tab-btn{padding:12px 24px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#1e293b}.tab-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.report-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d}.header-actions{display:flex;gap:12px;align-items:center}.filter-select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.filter-select:focus{outline:none;border-color:#667eea}.filter-controls{display:flex;gap:12px}.completion-table-container,.team-overview-table-container{overflow-x:auto;margin-top:20px}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.report-table th{background:#f8fafc;font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase}.report-table tfoot td{background:#f8fafc;font-weight:600}.text-success{color:#16a34a}.text-warning{color:#d97706}.progress-cell{display:flex;align-items:center;gap:10px}.mini-progress-bar{width:80px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.rating-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.rating-summary-card{background:#f8fafc;border-radius:10px;padding:16px;text-align:center;border:1px solid #e2e8f0}.rating-summary-card .summary-label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.rating-summary-card .summary-value{display:block;font-size:24px;font-weight:700;color:#1e293b}.rating-summary-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.rating-summary-card.highlight .summary-label,.rating-summary-card.highlight .summary-value{color:#fff}.rating-distribution-chart{margin-top:24px}.distribution-row{display:flex;align-items:center;gap:16px;padding:10px 0}.dist-label{min-width:200px;display:flex;align-items:center;gap:12px}.dist-rating{width:28px;height:28px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.dist-text{font-size:14px;color:#64748b}.dist-bar-container{flex:1;height:28px;background:#f1f5f9;border-radius:6px;overflow:hidden}.dist-bar{height:100%;border-radius:6px;transition:width .3s ease}.dist-count{min-width:40px;font-weight:600;font-size:14px;color:#1e293b;text-align:right}.employee-cell{line-height:1.4}.emp-name{font-weight:500;color:#1e293b}.emp-code{font-size:12px;color:#64748b}.final-rating-value{color:#667eea;font-size:16px}.export-buttons{display:flex;gap:6px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px}.page-info{font-size:14px;color:#64748b}