.cpm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cpm-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.3s cpm-slideIn;display:flex;overflow:hidden;box-shadow:0 25px 80px #00000059}html[data-theme=dark] .cpm-modal,html.dark .cpm-modal{background:#1f2937}@keyframes cpm-slideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cpm-header{color:#fff;background:linear-gradient(135deg,#0a66c2,#004182);justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex;position:relative}.cpm-header-info{flex:1}.cpm-role-badge{background:#fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.cpm-role-badge svg{font-size:14px}.cpm-title{margin:0 0 6px;font-size:22px;font-weight:700}.cpm-subtitle{opacity:.9;margin:0;font-size:14px}.cpm-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.cpm-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.cpm-close-btn:disabled{opacity:.5;cursor:not-allowed}.cpm-close-btn svg{font-size:20px}.cpm-progress{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 28px}html[data-theme=dark] .cpm-progress,html.dark .cpm-progress{background:#111827;border-bottom-color:#374151}.cpm-progress-steps{justify-content:center;align-items:center;gap:0;display:flex}.cpm-progress-step{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.cpm-step-number{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .3s;display:flex}html[data-theme=dark] .cpm-step-number,html.dark .cpm-step-number{color:#9ca3af;background:#374151}.cpm-progress-step.active .cpm-step-number{color:#fff;background:linear-gradient(135deg,#0a66c2,#004182)}.cpm-progress-step.completed .cpm-step-number{color:#fff;background:#10b981}.cpm-progress-step.completed .cpm-step-number svg{font-size:20px}.cpm-step-label{color:#9ca3af;text-align:center;font-size:12px;font-weight:500;transition:color .3s}html[data-theme=dark] .cpm-step-label,html.dark .cpm-step-label{color:#6b7280}.cpm-progress-step.active .cpm-step-label{color:#0a66c2;font-weight:600}html[data-theme=dark] .cpm-progress-step.active .cpm-step-label,html.dark .cpm-progress-step.active .cpm-step-label{color:#4a9ff5}.cpm-progress-step.completed .cpm-step-label{color:#10b981}.cpm-progress-line{background:#e5e7eb;border-radius:2px;width:80px;height:3px;margin:0 16px 24px}html[data-theme=dark] .cpm-progress-line,html.dark .cpm-progress-line{background:#374151}.cpm-body{flex:1;padding:24px 28px;overflow-y:auto}.cpm-step-content{animation:.3s cpm-fadeIn}@keyframes cpm-fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cpm-section{border-bottom:1px solid #f3f4f6;margin-bottom:28px;padding-bottom:28px}html[data-theme=dark] .cpm-section,html.dark .cpm-section{border-bottom-color:#374151}.cpm-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cpm-section-title{color:#1f2937;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:600;display:flex}html[data-theme=dark] .cpm-section-title,html.dark .cpm-section-title{color:#f3f4f6}.cpm-section-title svg{color:#0a66c2;font-size:20px}html[data-theme=dark] .cpm-section-title svg,html.dark .cpm-section-title svg{color:#4a9ff5}.cpm-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:540px){.cpm-row{grid-template-columns:1fr}}.cpm-field{margin-bottom:18px}.cpm-field:last-child{margin-bottom:0}.cpm-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}html[data-theme=dark] .cpm-label,html.dark .cpm-label{color:#d1d5db}.cpm-required{color:#ef4444}.cpm-input,.cpm-select,.cpm-textarea{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}html[data-theme=dark] .cpm-input,html[data-theme=dark] .cpm-select,html[data-theme=dark] .cpm-textarea,html.dark .cpm-input,html.dark .cpm-select,html.dark .cpm-textarea{color:#f3f4f6;background:#374151;border-color:#4b5563}.cpm-input:focus,.cpm-select:focus,.cpm-textarea:focus{background:#fff;border-color:#0a66c2;outline:none;box-shadow:0 0 0 4px #0a66c21a}html[data-theme=dark] .cpm-input:focus,html[data-theme=dark] .cpm-select:focus,html[data-theme=dark] .cpm-textarea:focus,html.dark .cpm-input:focus,html.dark .cpm-select:focus,html.dark .cpm-textarea:focus{background:#1f2937;border-color:#4a9ff5;box-shadow:0 0 0 4px #4a9ff526}.cpm-input::placeholder,.cpm-textarea::placeholder{color:#9ca3af}html[data-theme=dark] .cpm-input::placeholder,html[data-theme=dark] .cpm-textarea::placeholder,html.dark .cpm-input::placeholder,html.dark .cpm-textarea::placeholder{color:#6b7280}.cpm-textarea{resize:vertical;min-height:100px;line-height:1.6}.cpm-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:44px}.cpm-hint{color:#9ca3af;margin-top:6px;font-size:12px;display:block}html[data-theme=dark] .cpm-hint,html.dark .cpm-hint{color:#6b7280}.cpm-field-error{color:#ef4444;margin-top:6px;font-size:12px;display:block}html[data-theme=dark] .cpm-field-error,html.dark .cpm-field-error{color:#fca5a5}.cpm-no-role{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cpm-no-role-icon{color:#d1d5db;margin-bottom:20px;font-size:64px}html[data-theme=dark] .cpm-no-role-icon,html.dark .cpm-no-role-icon{color:#4b5563}.cpm-no-role h3{color:#374151;margin:0 0 8px;font-size:18px;font-weight:600}html[data-theme=dark] .cpm-no-role h3,html.dark .cpm-no-role h3{color:#e5e7eb}.cpm-no-role p{color:#6b7280;margin:0;font-size:14px}html[data-theme=dark] .cpm-no-role p,html.dark .cpm-no-role p{color:#9ca3af}.cpm-footer{background:#f9fafb;border-top:1px solid #e5e7eb;align-items:center;gap:12px;padding:18px 28px;display:flex}html[data-theme=dark] .cpm-footer,html.dark .cpm-footer{background:#111827;border-top-color:#374151}.cpm-footer-spacer{flex:1}.cpm-btn-back,.cpm-btn-next,.cpm-btn-submit{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.cpm-btn-back{color:#374151;background:#fff;border:1.5px solid #d1d5db}html[data-theme=dark] .cpm-btn-back,html.dark .cpm-btn-back{color:#e5e7eb;background:#374151;border-color:#4b5563}.cpm-btn-back:hover{background:#f3f4f6;border-color:#9ca3af}html[data-theme=dark] .cpm-btn-back:hover,html.dark .cpm-btn-back:hover{background:#4b5563}.cpm-btn-back:disabled{opacity:.5;cursor:not-allowed}.cpm-btn-next,.cpm-btn-submit{color:#fff;background:linear-gradient(135deg,#0a66c2,#004182)}html[data-theme=dark] .cpm-btn-next,html[data-theme=dark] .cpm-btn-submit,html.dark .cpm-btn-next,html.dark .cpm-btn-submit{background:linear-gradient(135deg,#4a9ff5,#0a66c2)}.cpm-btn-next:hover,.cpm-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0a66c259}.cpm-btn-next:disabled,.cpm-btn-submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.cpm-btn-next svg,.cpm-btn-back svg,.cpm-btn-submit svg{font-size:18px}.cpm-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite cpm-spin}@keyframes cpm-spin{to{transform:rotate(360deg)}}.cpm-tags-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cpm-tag{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}html[data-theme=dark] .cpm-tag,html.dark .cpm-tag{color:#93c5fd;background:linear-gradient(135deg,#1e3a5f,#1e40af30);border-color:#3b82f6}.cpm-tag-remove{color:#1d4ed8;cursor:pointer;background:#1d4ed833;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;transition:all .2s;display:flex}html[data-theme=dark] .cpm-tag-remove,html.dark .cpm-tag-remove{color:#93c5fd;background:#93c5fd33}.cpm-tag-remove:hover{color:#fff;background:#1d4ed8}html[data-theme=dark] .cpm-tag-remove:hover,html.dark .cpm-tag-remove:hover{color:#fff;background:#3b82f6}.cpm-add-tag{gap:10px;margin-top:12px;display:flex}.cpm-add-tag .cpm-input{flex:1}.cpm-btn-add-tag{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.cpm-btn-add-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.cpm-btn-add-tag:disabled{opacity:.5;cursor:not-allowed;transform:none}.cpm-items-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.cpm-item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:16px;transition:all .2s;display:flex}html[data-theme=dark] .cpm-item-card,html.dark .cpm-item-card{background:#1f2937;border-color:#374151}.cpm-item-card:hover{border-color:#0a66c2;box-shadow:0 4px 12px #00000014}html[data-theme=dark] .cpm-item-card:hover,html.dark .cpm-item-card:hover{border-color:#4a9ff5}.cpm-item-content{flex:1}.cpm-item-title{color:#1f2937;margin:0 0 4px;font-size:15px;font-weight:600}html[data-theme=dark] .cpm-item-title,html.dark .cpm-item-title{color:#f3f4f6}.cpm-item-subtitle{color:#374151;margin:0 0 4px;font-size:14px}html[data-theme=dark] .cpm-item-subtitle,html.dark .cpm-item-subtitle{color:#d1d5db}.cpm-item-meta{color:#6b7280;margin:0;font-size:13px}html[data-theme=dark] .cpm-item-meta,html.dark .cpm-item-meta{color:#9ca3af}.cpm-item-description{color:#6b7280;margin:8px 0 0;font-size:13px;line-height:1.5}html[data-theme=dark] .cpm-item-description,html.dark .cpm-item-description{color:#9ca3af}.cpm-item-actions{gap:8px;margin-left:12px;display:flex}.cpm-btn-edit-item,.cpm-btn-delete-item{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}html[data-theme=dark] .cpm-btn-edit-item,html[data-theme=dark] .cpm-btn-delete-item,html.dark .cpm-btn-edit-item,html.dark .cpm-btn-delete-item{color:#9ca3af;background:#374151;border-color:#4b5563}.cpm-btn-edit-item:hover{color:#0a66c2;background:#eff6ff;border-color:#0a66c2}html[data-theme=dark] .cpm-btn-edit-item:hover,html.dark .cpm-btn-edit-item:hover{color:#4a9ff5;background:#4a9ff526;border-color:#4a9ff5}.cpm-btn-delete-item:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}html[data-theme=dark] .cpm-btn-delete-item:hover,html.dark .cpm-btn-delete-item:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.cpm-btn-edit-item svg,.cpm-btn-delete-item svg{font-size:18px}.cpm-experience-form{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:16px;padding:20px}html[data-theme=dark] .cpm-experience-form,html.dark .cpm-experience-form{background:#1e3a5f;border-color:#0ea5e9}.cpm-experience-form-title{color:#0369a1;margin:0 0 16px;font-size:15px;font-weight:600}html[data-theme=dark] .cpm-experience-form-title,html.dark .cpm-experience-form-title{color:#7dd3fc}.cpm-experience-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.cpm-btn-cancel-exp{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}html[data-theme=dark] .cpm-btn-cancel-exp,html.dark .cpm-btn-cancel-exp{color:#e5e7eb;background:#374151;border-color:#4b5563}.cpm-btn-cancel-exp:hover{background:#f3f4f6}.cpm-btn-save-exp{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0a66c2,#004182);border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.cpm-btn-save-exp:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0a66c24d}.cpm-btn-add{color:#0a66c2;cursor:pointer;background:#fff;border:1.5px dashed #0a66c2;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}html[data-theme=dark] .cpm-btn-add,html.dark .cpm-btn-add{color:#4a9ff5;background:0 0;border-color:#4a9ff5}.cpm-btn-add:hover{background:#eff6ff;border-style:solid}html[data-theme=dark] .cpm-btn-add:hover,html.dark .cpm-btn-add:hover{background:#4a9ff51a}.cpm-btn-add svg{font-size:18px}.cpm-checkbox-field{align-items:center;gap:10px;margin-top:12px;display:flex}.cpm-checkbox{accent-color:#0a66c2;cursor:pointer;width:18px;height:18px}.cpm-checkbox-label{color:#374151;cursor:pointer;font-size:14px}html[data-theme=dark] .cpm-checkbox-label,html.dark .cpm-checkbox-label{color:#d1d5db}@media (max-width:640px){.cpm-overlay{padding:10px}.cpm-modal{border-radius:12px;max-height:95vh}.cpm-header{padding:20px}.cpm-title{font-size:18px}.cpm-progress{padding:16px 20px}.cpm-progress-line{width:50px;margin:0 10px 24px}.cpm-step-number{width:32px;height:32px;font-size:13px}.cpm-step-label{font-size:11px}.cpm-body{padding:20px}.cpm-footer{flex-wrap:wrap;padding:16px 20px}.cpm-btn-back,.cpm-btn-next,.cpm-btn-submit{padding:10px 18px;font-size:13px}.cpm-add-tag{flex-direction:column}.cpm-btn-add-tag{width:100%}}