*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:20px}.header{background:#2c3e50;color:#fff;margin-bottom:30px;padding:16px 20px}.header-container{gap:12px;justify-content:space-between}.header-container,.header-left{align-items:center;display:flex;flex-wrap:wrap}.header-left{gap:32px}.header-right{align-items:center;display:flex;gap:12px}.header-logo{height:40px;width:auto}.theme-toggle{background:#0000;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;font-size:18px;padding:6px 10px;transition:all .2s}.theme-toggle:hover{background:#ffffff1a;border-color:#ffffff80}.header h1{font-size:20px;font-weight:600;white-space:nowrap}.header nav{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.header nav a{border-radius:4px;color:#ecf0f1;font-size:14px;padding:6px 12px;text-decoration:none;transition:background .2s;white-space:nowrap}.header nav a.active,.header nav a:hover{background:#34495e}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.card,.card h2{margin-bottom:20px}.card h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:18px;padding-bottom:10px}.card h3{color:#34495e;font-size:16px;margin-bottom:12px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-group textarea{min-height:100px;resize:vertical}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#219a52}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn+.btn{margin-left:10px}table{border-collapse:collapse;margin-bottom:20px;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{color:#2c3e50;font-weight:600}th,tr:hover{background:#f8f9fa}.metrics-table input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.metrics-table th{background:#d6eaf8}.assessment-category{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.assessment-category h4{color:#2c3e50;margin-bottom:8px}.assessment-category .description{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.assessment-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.assessment-column{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:16px}.assessment-column h5{color:#34495e;font-size:14px;margin-bottom:12px}.score-select{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.score-legend{background:#fff9e6;border:1px solid #f0e6cc;border-radius:6px;margin-bottom:24px;padding:16px}.score-legend h4{color:#856404;margin-bottom:12px}.score-legend-item{align-items:flex-start;display:flex;font-size:13px;margin-bottom:8px}.score-legend-item .score{color:#2c3e50;font-weight:700;min-width:24px}.score-legend-item .label{color:#34495e;font-weight:500;min-width:180px}.score-legend-item .desc{color:#666}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-draft{background:#ffeaa7;color:#856404}.status-self-review{background:#81ecec;color:#00695c}.status-manager-review{background:#a29bfe;color:#4a148c}.status-completed{background:#55efc4;color:#00695c}.review-list-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:box-shadow .2s}.review-list-item:hover{box-shadow:0 4px 8px #0000001a}.review-info h4{color:#2c3e50;margin-bottom:4px}.review-info p{color:#666;font-size:14px}.role-selector{display:flex;gap:12px;margin-bottom:24px}.role-selector select{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:12px}.tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab.active,.tab:hover{color:#3498db}.tab.active{border-bottom-color:#3498db}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#999;margin-bottom:12px}.general-feedback{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.general-feedback textarea{min-height:120px}.actions-bar{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:24px;padding-top:24px}.readonly-value{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#333;padding:10px 12px}.readonly-score{color:#2c3e50;font-weight:600}body.dark-mode{background-color:#1a1a2e;color:#e0e0e0}body.dark-mode .header{background:#16213e}body.dark-mode .header nav a.active,body.dark-mode .header nav a:hover{background:#0f3460}body.dark-mode .card{background:#16213e;box-shadow:0 2px 4px #0000004d}body.dark-mode .card h2{border-bottom-color:#3498db;color:#e0e0e0}body.dark-mode .card h3,body.dark-mode .form-group label{color:#b0b0b0}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#1a1a2e;border-color:#3a3a5a;color:#e0e0e0}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#3498db}body.dark-mode table th{background:#1a1a2e;color:#e0e0e0}body.dark-mode table td{border-bottom-color:#3a3a5a}body.dark-mode table tr:hover{background:#1a1a2e}body.dark-mode .metrics-table input{background:#1a1a2e;border-color:#3a3a5a;color:#e0e0e0}body.dark-mode .metrics-table th{background:#0f3460}body.dark-mode .assessment-category{background:#1a1a2e}body.dark-mode .assessment-category h4{color:#e0e0e0}body.dark-mode .assessment-category .description{color:#a0a0a0}body.dark-mode .assessment-column{background:#16213e;border-color:#3a3a5a}body.dark-mode .assessment-column h5{color:#b0b0b0}body.dark-mode .score-select{background:#1a1a2e;border-color:#3a3a5a;color:#e0e0e0}body.dark-mode .score-legend{background:#2a2a1e;border-color:#4a4a3e}body.dark-mode .score-legend h4{color:#d4a574}body.dark-mode .score-legend-item .score{color:#e0e0e0}body.dark-mode .score-legend-item .label{color:#b0b0b0}body.dark-mode .score-legend-item .desc{color:#909090}body.dark-mode .review-list-item{background:#16213e;border-color:#3a3a5a}body.dark-mode .review-list-item:hover{box-shadow:0 4px 8px #0000004d}body.dark-mode .review-info h4{color:#e0e0e0}body.dark-mode .review-info p{color:#a0a0a0}body.dark-mode .tabs{border-bottom-color:#3a3a5a}body.dark-mode .tab{color:#a0a0a0}body.dark-mode .tab.active,body.dark-mode .tab:hover{color:#3498db}body.dark-mode .empty-state{color:#a0a0a0}body.dark-mode .empty-state h3{color:grey}body.dark-mode .actions-bar,body.dark-mode .general-feedback{border-top-color:#3a3a5a}body.dark-mode .readonly-value{background:#1a1a2e;border-color:#3a3a5a;color:#e0e0e0}body.dark-mode .readonly-score{color:#e0e0e0}body.dark-mode .btn-secondary{background:#4a4a6a}body.dark-mode .btn-secondary:hover{background:#5a5a7a}.role-details-panel{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.role-category-item{background:#fff;border-radius:4px;margin-bottom:8px;padding:12px}.role-category-description{color:#666;font-size:14px;margin-top:4px}.new-role-category-form{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:16px}body.dark-mode .role-details-panel{background:#1a1a2e}body.dark-mode .role-category-item{background:#16213e}body.dark-mode .role-category-description{color:#a0a0a0}body.dark-mode .new-role-category-form{background:#1a1a2e}.metric-targets-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.metric-targets-section h3{margin-bottom:8px}.section-description{color:#666;font-size:14px;margin-bottom:16px}body.dark-mode .metric-targets-section{border-top-color:#3a3a5a}body.dark-mode .section-description{color:#a0a0a0}.quarterly-metrics-table{font-size:13px}.quarterly-metrics-table th{padding:8px 4px;text-align:center}.quarterly-metrics-table th[colspan="2"]{background:#3498db;border-bottom:none;color:#fff}.quarterly-metrics-table thead tr:last-child th{background:#d6eaf8;font-size:11px;padding:4px}.quarterly-metrics-table td{padding:8px 4px}.quarterly-metrics-table td:first-child{min-width:120px}.quarterly-metrics-table input{font-size:12px;padding:6px 4px;text-align:center;width:100%}.quarterly-metrics-table .readonly-value{display:block;font-size:12px;padding:6px 4px;text-align:center}body.dark-mode .quarterly-metrics-table th[colspan="2"]{background:#2980b9}body.dark-mode .quarterly-metrics-table thead tr:last-child th{background:#0f3460}.login-page{align-items:center;display:flex;justify-content:center;min-height:80vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:48px;text-align:center;width:100%}.login-logo{height:60px;margin-bottom:24px}.login-card h1{color:#2c3e50;font-size:24px;margin-bottom:12px}.login-card p{color:#666;margin-bottom:24px}.google-login-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.google-login-btn:hover{background:#f8f9fa;border-color:#ccc;box-shadow:0 2px 8px #0000001a}.google-icon{height:24px;width:24px}.login-note{color:#999;font-size:13px;margin-top:24px}body.dark-mode .login-card{background:#16213e}body.dark-mode .login-card h1{color:#e0e0e0}body.dark-mode .login-card p{color:#a0a0a0}body.dark-mode .google-login-btn{background:#1a1a2e;border-color:#3a3a5a;color:#e0e0e0}body.dark-mode .google-login-btn:hover{background:#2a2a4e;border-color:#4a4a6a}body.dark-mode .login-note{color:#707070}.user-info{align-items:center;border-right:1px solid #fff3;display:flex;gap:8px;padding-right:12px}.user-avatar{border:2px solid #ffffff4d;border-radius:50%;height:32px;width:32px}.user-name{font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{background:#ffffff26;border-radius:4px;font-size:11px;opacity:.7;padding:2px 6px;text-transform:capitalize}.logout-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:5px 10px;transition:all .2s}.logout-btn:hover{background:#fff3}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#2c3e50;margin:0}body.dark-mode .page-header h1{color:#e0e0e0}.manage-users-page h1{color:#2c3e50}body.dark-mode .manage-users-page h1{color:#e0e0e0}.info-box{background:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;margin-bottom:24px;padding:16px}body.dark-mode .info-box{background:#0f3460;border-color:#1a4a7a;color:#a0d0e0}.users-table{width:100%}.user-cell{align-items:center;display:flex;gap:10px}.user-avatar-small{border-radius:50%;height:32px;width:32px}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.badge-admin{background:#e74c3c;color:#fff}.badge-manager{background:#3498db;color:#fff}.badge-individual{background:#95a5a6;color:#fff}.btn-small{font-size:12px;margin-left:8px;padding:6px 12px}.btn-small:first-child{margin-left:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal h2{color:#2c3e50;margin-bottom:8px}.modal .user-email{color:#666;margin-bottom:24px}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}body.dark-mode .modal{background:#16213e}body.dark-mode .modal h2{color:#e0e0e0}body.dark-mode .modal .user-email{color:#a0a0a0}body.dark-mode .modal-actions{border-top-color:#3a3a5a}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input{height:18px;width:18px}.form-help{color:#666;font-size:13px;margin-bottom:12px}body.dark-mode .form-help{color:#a0a0a0}.loading{color:#666;font-size:16px;padding:48px;text-align:center}body.dark-mode .loading{color:#a0a0a0}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;margin-bottom:20px;padding:16px}body.dark-mode .error-message{background:#4a1a1a;border-color:#6a2a2a;color:#faa}
/*# sourceMappingURL=main.a42df588.css.map*/