@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-50:#fef2f2;--primary-100:#fee2e2;--primary-200:#fecaca;--primary-300:#fca5a5;--primary-400:#f87171;--primary-500:#ef4444;--primary-600:#dc2626;--primary-700:#b91c1c;--primary-800:#991b1b;--primary-900:#7f1d1d;--accent-orange:#f97316;--accent-yellow:#eab308;--accent-green:#22c55e;--accent-cyan:#06b6d4;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--level-none:#e5e7eb;--level-novice:#fef3c7;--level-competent:#d1fae5;--level-expert:#dbeafe;--poly-0:#f87171;--poly-25:#fb923c;--poly-50:#facc15;--poly-75:#a3e635;--poly-100:#22c55e;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f3f4f6;background-color:var(--gray-100);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.6}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}a{color:#dc2626;color:var(--primary-600);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#b91c1c;color:var(--primary-700)}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--gray-900);font-weight:600;line-height:1.3}h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}h4{font-size:1.125rem;font-size:var(--text-lg)}h5{font-size:1rem;font-size:var(--text-base)}h6{font-size:.875rem;font-size:var(--text-sm)}p{color:#4b5563;color:var(--gray-600);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);justify-content:center;line-height:1.5;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 2px 4px #dc26264d;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 8px #dc262666;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btn-ghost{background:#0000;color:#4b5563;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error),#dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.btn-lg{font-size:1rem;font-size:var(--text-base);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6)}input,select,textarea{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--gray-800);font-family:inherit;font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#f87171;border-color:var(--primary-400);box-shadow:0 0 0 3px #fee2e2;box-shadow:0 0 0 3px var(--primary-100);outline:none}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--gray-400)}label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.card-body{padding:1.5rem;padding:var(--spacing-6)}.card-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2);white-space:nowrap}.badge-primary{background:#fee2e2;background:var(--primary-100);color:#b91c1c;color:var(--primary-700)}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.table-container{border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}table{background:#fff;border-collapse:collapse;width:100%}thead{background:#f9fafb;background:var(--gray-50)}th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#374151;color:var(--gray-700);font-weight:600;text-align:left;white-space:nowrap}td,th{font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#4b5563;color:var(--gray-600);vertical-align:middle}tbody tr:hover{background:#f9fafb;background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.container{margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--spacing-4);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--spacing-2)}.gap-3{gap:.75rem;gap:var(--spacing-3)}.gap-4{gap:1rem;gap:var(--spacing-4)}.gap-6{gap:1.5rem;gap:var(--spacing-6)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#dc2626;color:var(--primary-600)}.text-success{color:#22c55e;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#ef4444;color:var(--error)}.text-muted{color:#6b7280;color:var(--gray-500)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn ease-out .25s ease;animation:fadeIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.loading{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;justify-content:center;padding:2rem;padding:var(--spacing-8)}.loading:before{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#ef4444;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);content:"";height:24px;margin-right:.75rem;margin-right:var(--spacing-3);width:24px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}::selection{background:#fecaca;background:var(--primary-200);color:#7f1d1d;color:var(--primary-900)}.layout{background:var(--gray-100);display:flex;flex-direction:column;min-height:100vh}.top-bar{background:linear-gradient(90deg,var(--primary-700),var(--primary-600));color:#fff;font-size:var(--text-xs);padding:6px 0}.top-bar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-6)}.top-bar-content>span{opacity:.9}.top-bar-user{align-items:center;display:flex;gap:var(--spacing-4)}.top-bar-user>span{font-weight:500}.top-bar-logout{align-items:center;background:#ffffff26;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--spacing-1);padding:4px 10px;transition:background var(--transition-fast)}.top-bar-logout:hover{background:#ffffff40}.header{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.header-container{gap:var(--spacing-8);height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-6)}.header-container,.logo{align-items:center;display:flex}.logo{flex-shrink:0;gap:var(--spacing-3);text-decoration:none}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-md);display:flex;height:36px;justify-content:center;width:36px}.logo-icon span{color:#fff;font-size:18px;font-weight:700}.logo-text{color:var(--gray-800);font-size:var(--text-lg);font-weight:600}.logo-text span{color:var(--primary-600);font-weight:700}.nav-desktop{flex:1 1;gap:0;justify-content:center}.nav-desktop,.nav-link{align-items:center;display:flex}.nav-link{border-bottom:2px solid #0000;color:var(--gray-600);font-size:var(--text-sm);font-weight:500;gap:var(--spacing-2);margin-bottom:-1px;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{color:var(--primary-600)}.nav-link.active{border-bottom-color:var(--primary-500);font-weight:600}.nav-link svg{flex-shrink:0;height:18px;width:18px}.mobile-menu-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:none;padding:var(--spacing-2)}.mobile-menu-btn:hover{background:var(--gray-100)}.nav-mobile{background:#fff;border-top:1px solid var(--gray-200);display:none;padding:var(--spacing-4)}.nav-mobile .nav-link{border-bottom:none;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);width:100%}.nav-mobile .nav-link:hover{background:var(--gray-50)}.main-content{flex:1 1;padding:var(--spacing-6) 0}.footer-simple{background:var(--gray-800);padding:var(--spacing-4) var(--spacing-6);text-align:center}.footer-simple p{color:var(--gray-400);font-size:var(--text-xs);margin:0}@media (max-width:1024px){.nav-desktop{display:none}.mobile-menu-btn,.nav-mobile{display:flex}.nav-mobile{flex-direction:column;gap:var(--spacing-1)}}@media (max-width:768px){.header-container,.top-bar-content{padding:0 var(--spacing-4)}.header-container{height:56px}.logo-text{font-size:var(--text-base)}.main-content{padding:var(--spacing-4) 0}}@media (max-width:480px){.top-bar-content>span{display:none}.top-bar-user{justify-content:space-between;width:100%}}.admin-page{animation:fadeIn var(--transition-normal) ease-out;margin:0 auto;max-width:1400px;padding:0 var(--spacing-6)}.admin-header{margin-bottom:var(--spacing-8);text-align:center}.admin-header h1{align-items:center;color:var(--gray-900);display:flex;font-size:var(--text-3xl);font-weight:700;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-2)}.admin-header .header-icon{color:var(--primary-500)}.admin-header p{color:var(--gray-500);font-size:var(--text-lg);margin:0}.message{align-items:center;animation:fadeIn var(--transition-fast) ease-out;border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.message-success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.message-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.admin-tabs{border-bottom:2px solid var(--gray-200);margin-bottom:var(--spacing-6);padding-bottom:0}.admin-tabs,.admin-tabs .tab{display:flex;gap:var(--spacing-2)}.admin-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--gray-500);cursor:pointer;font-size:var(--text-sm);font-weight:500;margin-bottom:-2px;padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast)}.admin-tabs .tab.active,.admin-tabs .tab:hover{color:var(--primary-600)}.admin-tabs .tab.active{border-bottom-color:var(--primary-500);font-weight:600}.admin-tabs .tab svg{height:18px;width:18px}.admin-content{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);min-height:500px;padding:var(--spacing-6)}.tab-content{animation:fadeIn var(--transition-fast) ease-out}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.tab-header h2{color:var(--gray-800);font-size:var(--text-xl);font-weight:600;margin:0}.header-actions{display:flex;gap:var(--spacing-3)}.form-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.form-card h3{border-bottom:1px solid var(--gray-200);color:var(--gray-800);font-size:var(--text-lg);font-weight:600;padding-bottom:var(--spacing-3)}.form-card h3,.form-grid{margin-bottom:var(--spacing-5)}.form-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:500;margin-bottom:var(--spacing-2)}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-actions{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4)}.table-container{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.data-table thead{background:var(--gray-50)}.data-table th{border-bottom:2px solid var(--gray-200);color:var(--gray-700);font-weight:600;padding:var(--spacing-4);text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-600);padding:var(--spacing-4);vertical-align:middle}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.name-cell{color:var(--gray-800);font-weight:600}.actions-cell{display:flex;gap:var(--spacing-2);justify-content:flex-end}.btn-icon{align-items:center;background:#0000;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.btn-icon:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.btn-icon.btn-danger:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.index-badge{align-items:center;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:1px solid var(--primary-200);border-radius:var(--radius-full);color:var(--primary-700);display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-3)}.domains-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.domain-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.domain-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.domain-header{background:var(--gray-50);padding:var(--spacing-4) var(--spacing-5);transition:background var(--transition-fast)}.domain-header:hover{background:var(--gray-100)}.domain-info{align-items:center;display:flex;gap:var(--spacing-3)}.domain-info h3{color:var(--gray-800);font-size:var(--text-base);font-weight:600;margin:0}.domain-info .chevron{color:var(--gray-400);transition:transform var(--transition-fast)}.domain-info .chevron.expanded{transform:rotate(180deg)}.count-badge{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-700);font-size:var(--text-xs);font-weight:500;padding:var(--spacing-1) var(--spacing-2)}.domain-actions{display:flex;gap:var(--spacing-2)}.activities-list{background:#fff;border-top:1px solid var(--gray-200);padding:var(--spacing-2)}.activity-item{border-radius:var(--radius-md);justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);transition:background var(--transition-fast)}.activity-item:hover{background:var(--gray-50)}.activity-name{color:var(--gray-700);font-size:var(--text-sm)}.activity-actions{display:flex;gap:var(--spacing-2);opacity:0;transition:opacity var(--transition-fast)}.activity-item:hover .activity-actions{opacity:1}.empty-activities{color:var(--gray-400);font-size:var(--text-sm);font-style:italic;padding:var(--spacing-4);text-align:center}.niveaux-description{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-5)}.niveaux-description p{color:var(--gray-700);font-size:var(--text-sm);margin:0 0 var(--spacing-3) 0}.niveaux-description ul{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.niveaux-description li{align-items:center;color:var(--gray-600);display:flex;font-size:var(--text-sm);gap:var(--spacing-3)}.level-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-xs);font-weight:600;justify-content:center;min-width:80px;padding:var(--spacing-1) var(--spacing-3)}.level-badge.novice{background:var(--level-novice);border:1px solid #fcd34d;color:#92400e}.level-badge.competent{background:var(--level-competent);border:1px solid #86efac;color:#166534}.level-badge.expert{background:var(--level-expert);border:1px solid #93c5fd;color:#1e40af}.niveaux-filters{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-6)}.skills-matrix{margin-top:var(--spacing-4)}.skills-table .domain-cell{background:var(--gray-50);color:var(--gray-700);font-weight:600;min-width:180px}.skills-table .activity-cell{color:var(--gray-600);min-width:300px}.skills-table .level-cell{min-width:150px}.level-select{border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast);width:100%}.level-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100);outline:none}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16) var(--spacing-4);text-align:center}.empty-state svg{color:var(--gray-300);margin-bottom:var(--spacing-4)}.empty-state p{color:var(--gray-500);font-size:var(--text-base);margin:0}@media (max-width:768px){.admin-page{padding:0 var(--spacing-4)}.admin-header h1{font-size:var(--text-2xl)}.admin-tabs{overflow-x:auto;padding-bottom:var(--spacing-1)}.admin-tabs .tab{font-size:var(--text-xs);padding:var(--spacing-2) var(--spacing-3)}.admin-content{padding:var(--spacing-4)}.tab-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:stretch}.header-actions .btn{flex:1 1;justify-content:center}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.data-table{font-size:var(--text-xs)}.data-table td,.data-table th{padding:var(--spacing-3)}.domain-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.domain-actions{justify-content:flex-end;width:100%}.niveaux-filters{grid-template-columns:1fr}.activity-actions{opacity:1}}.regles-tab .tab-header{margin-bottom:var(--spacing-6)}.regles-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.regle-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6)}.regle-card h3{border-bottom:2px solid var(--primary-100);color:var(--gray-800);font-size:var(--text-lg);font-weight:600;padding-bottom:var(--spacing-3)}.regle-card h3,.regle-card>p{margin:0 0 var(--spacing-4) 0}.regle-card>p{color:var(--gray-600);font-size:var(--text-sm);line-height:1.6}.regles-table{background:#fff;border:1px solid var(--gray-200);border-collapse:collapse;border-radius:var(--radius-md);font-size:var(--text-sm);overflow:hidden;width:100%}.regles-table th{background:var(--gray-100);border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-weight:600;text-align:left}.regles-table td,.regles-table th{padding:var(--spacing-3) var(--spacing-4)}.regles-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-600);vertical-align:middle}.regles-table tr:last-child td{border-bottom:none}.regles-table .level-badge.none{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-500)}.formule-box{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:1px solid var(--primary-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);padding:var(--spacing-5)}.formule{color:var(--gray-800);font-size:var(--text-base);margin-bottom:var(--spacing-2)}.formule strong{color:var(--primary-700)}.formule-detail{background:#ffffffb3;border-radius:var(--radius-md);margin-top:var(--spacing-3);padding:var(--spacing-3)}.formule-detail code{background:#0000;color:var(--gray-700);font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--text-sm)}.exemple-box{background:#fff;border:1px solid var(--gray-200);border-left:4px solid var(--primary-500);border-radius:var(--radius-md);padding:var(--spacing-4)}.exemple-box strong{color:var(--gray-700);display:block;margin-bottom:var(--spacing-2)}.exemple-box p{color:var(--gray-600);font-size:var(--text-sm);margin:var(--spacing-2) 0}.exemple-box ul{list-style:none;margin:var(--spacing-2) 0 0 0;padding:0}.exemple-box ul li{align-items:center;color:var(--gray-600);display:flex;font-size:var(--text-sm);gap:var(--spacing-2);padding:var(--spacing-1) 0}.exemple-box ul li:before{color:var(--primary-500);content:"→";font-weight:700}.exemple-box ul li strong{color:var(--primary-600);display:inline;margin:0}.color-legend{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.color-item{align-items:center;background:#fff;border:1px solid var(--gray-200);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}.color-box,.color-item{border-radius:var(--radius-md)}.color-box{flex-shrink:0;height:28px;width:28px}.color-box.expert-color{background:var(--level-expert);border:1px solid #93c5fd}.color-box.competent-color{background:var(--level-competent);border:1px solid #86efac}.color-box.novice-color{background:var(--level-novice);border:1px solid #fcd34d}.color-box.none-color{background:var(--gray-100);border:1px solid var(--gray-300)}.color-item span:last-child{color:var(--gray-700);font-size:var(--text-sm);font-weight:500}@media (max-width:768px){.regle-card{padding:var(--spacing-4)}.regles-table{font-size:var(--text-xs)}.regles-table td,.regles-table th{padding:var(--spacing-2)}.formule-box{padding:var(--spacing-4)}.formule{font-size:var(--text-sm)}.color-legend{grid-template-columns:1fr}}.catalogue-page{animation:fadeIn .3s ease-out;margin:0 auto;max-width:1400px;padding:0 24px}.catalogue-page .page-header{margin-bottom:40px;text-align:center}.catalogue-page .page-header h1{color:#1e3a5f;font-size:32px;font-weight:700;margin-bottom:12px}.catalogue-page .page-header p{color:#64748b;font-size:16px;margin:0}.filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:32px;padding:28px}.search-form{display:flex;gap:16px;margin-bottom:20px}.search-input-wrapper{flex:1 1;position:relative}.search-input-wrapper .search-icon{color:#94a3b8;height:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px;z-index:1}.search-input-wrapper .input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;padding:14px 16px 14px 48px;transition:all .2s;width:100%}.search-input-wrapper .input:focus{background:#fff;border-color:#f05252;box-shadow:0 0 0 3px #f052521a;outline:none}.search-input-wrapper .input::placeholder{color:#94a3b8}.filters-row{flex-wrap:wrap;gap:16px}.filter-group,.filters-row{align-items:center;display:flex}.filter-group{gap:8px}.filter-group svg{color:#94a3b8;flex-shrink:0;height:16px;width:16px}.filter-group .input.select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:12px 40px 12px 16px;transition:all .2s}.filter-group .input.select:focus{border-color:#f05252;box-shadow:0 0 0 3px #f052521a;outline:none}.view-toggle{background:#f1f5f9;border-radius:10px;display:flex;margin-left:auto;padding:4px}.view-toggle .btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.view-toggle .btn:hover{color:#475569}.view-toggle .btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#f05252}.offers-container.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.offers-container.list{display:flex;flex-direction:column;gap:12px}.offer-card-list{align-items:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden;text-decoration:none;transition:all .2s}.offer-card-list:hover{border-color:#fecaca;box-shadow:0 4px 15px -3px #f0525226}.offer-card-list .list-col{display:flex;flex-direction:column;justify-content:center;padding:16px}.offer-card-list .list-col-id{align-items:center;background:linear-gradient(135deg,#fef2f2,#fff);border-right:1px solid #f1f5f9;flex:0 0 110px;gap:6px;text-align:center}.offer-card-list .list-col-id .offer-id{background:linear-gradient(135deg,#f05252,#dc2626);border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:6px 10px}.offer-card-list .list-col-id .offer-squad{color:#64748b;font-size:10px;font-weight:500}.offer-card-list .list-col-title{border-right:1px solid #f1f5f9;flex:0 0 220px;gap:6px}.offer-card-list .list-col-title .offer-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e3a5f;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.offer-card-list .list-col-title .offer-pillar{background:#ecfeff;border-radius:4px;color:#0891b2;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.offer-card-list .list-col-description{border-right:1px solid #f1f5f9;flex:1 1;min-width:0}.offer-card-list .list-col-description .offer-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.offer-card-list .list-col-client{align-items:center;background:#f8fafc;border-right:1px solid #f1f5f9;color:#475569;flex:0 0 130px;flex-direction:row;font-size:12px;font-weight:500;gap:8px}.offer-card-list .list-col-client svg{color:#94a3b8;flex-shrink:0;height:14px;width:14px}.offer-card-list .list-col-client .no-client{color:#cbd5e1}.offer-card-list .list-col-keywords{align-content:center;align-items:center;border-right:1px solid #f1f5f9;flex:0 0 180px;flex-direction:row;flex-wrap:wrap;gap:4px}.offer-card-list .list-col-keywords .tag{align-items:center;background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-flex;font-size:10px;gap:4px;padding:4px 8px}.offer-card-list .list-col-keywords .tag svg{color:#94a3b8;height:8px;width:8px}.offer-card-list .list-col-action{align-items:center;background:#fafafa;color:#f05252;flex:0 0 90px;flex-direction:row;font-size:13px;font-weight:600;gap:4px;justify-content:center;transition:all .2s}.offer-card-list .list-col-action svg{transition:transform .2s}.offer-card-list:hover .list-col-action{background:#fef2f2;color:#dc2626}.offer-card-list:hover .list-col-action svg{transform:translateX(3px)}@media (max-width:1200px){.offer-card-list .list-col-description{display:none}.offer-card-list .list-col-title{flex:1 1}}@media (max-width:900px){.offer-card-list .list-col-keywords{display:none}}@media (max-width:768px){.offer-card-list{flex-wrap:wrap}.offer-card-list .list-col-id{border-bottom:1px solid #f1f5f9;border-right:none;flex:0 0 100%;flex-direction:row;gap:12px;justify-content:flex-start}.offer-card-list .list-col-title{border-right:none;flex:1 1}.offer-card-list .list-col-client{flex:0 0 auto}.offer-card-list .list-col-action{flex:0 0 80px}}.offer-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;padding:24px;text-decoration:none;transition:all .2s}.offer-card:hover{border-color:#fecaca;box-shadow:0 8px 25px -5px #f0525226;transform:translateY(-2px)}.offer-card .offer-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.offer-card .offer-id{background:linear-gradient(135deg,#f05252,#dc2626);border-radius:8px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;padding:6px 14px}.offer-card .offer-squad{color:#64748b;font-size:13px}.offer-card .offer-title{color:#1e3a5f;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.offer-card .offer-pillar{color:#0891b2;font-size:13px;font-weight:500;margin:0 0 12px}.offer-card .offer-description{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 16px}.offer-card .offer-client{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px;margin-bottom:16px}.offer-card .offer-client svg{color:#94a3b8;height:14px;width:14px}.offer-card .offer-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.offer-card .offer-keywords .tag{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px}.offer-card .offer-keywords .tag svg{color:#94a3b8;height:10px;width:10px}.offer-card .offer-link{align-items:center;border-top:1px solid #f1f5f9;color:#f05252;display:flex;font-size:14px;font-weight:600;gap:6px;margin-top:auto;padding-top:16px}.offer-card .offer-link svg{transition:transform .2s}.offer-card:hover .offer-link svg{transform:translateX(4px)}.no-results{background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#64748b;padding:60px 20px}.no-results p{font-size:15px;margin:0}.pagination{gap:8px;padding:48px 0}.pagination,.pagination .btn{align-items:center;display:flex;justify-content:center}.pagination .btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;height:44px;min-width:44px;padding:0 16px;transition:all .2s}.pagination .btn:hover{border-color:#f05252;color:#f05252}.pagination .btn.btn-primary{background:#f05252;border-color:#f05252;color:#fff}@media (max-width:1024px){.offers-container.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.catalogue-page{padding:0 16px}.catalogue-page .page-header h1{font-size:26px}.filters-bar{padding:20px}.filters-row,.search-form{flex-direction:column}.filters-row{align-items:stretch}.filter-group,.filter-group .input.select{width:100%}.view-toggle{justify-content:center;margin-left:0}.offers-container.grid{grid-template-columns:1fr}.offers-container.list .offer-card{flex-direction:column}.offer-card{padding:20px}}.competences-page{animation:fadeIn .3s ease-out;margin:0 auto;max-width:1400px;padding:0 24px}.competences-page .page-header{margin-bottom:40px;text-align:center}.competences-page .page-header h1{color:#1e3a5f;font-size:32px;font-weight:700;margin-bottom:12px}.competences-page .page-header p{color:#64748b;font-size:16px;margin:0}.view-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:32px;padding:6px;width:-webkit-fit-content;width:fit-content}.view-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.view-tabs .tab:hover{background:#f1f5f9;color:#1e3a5f}.view-tabs .tab.active{background:#f05252;color:#fff}.view-tabs .tab svg{height:18px;width:18px}.consultants-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.consultant-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:24px;position:relative;text-decoration:none;transition:all .2s}.consultant-card:hover{border-color:#fecaca;box-shadow:0 8px 25px -5px #f0525226;transform:translateY(-2px)}.consultant-card .consultant-avatar{align-items:center;background:linear-gradient(135deg,#f05252,#dc2626);border-radius:16px;color:#fff;display:flex;font-size:20px;font-weight:600;height:64px;justify-content:center;min-width:64px;width:64px}.consultant-card .consultant-info{flex:1 1;min-width:0}.consultant-card .consultant-info h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 6px}.consultant-card .consultant-position{color:#64748b;font-size:14px;margin:0 0 10px}.consultant-card .consultant-squad{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:inline-block;font-size:12px;font-weight:500;margin-bottom:10px;padding:4px 12px}.consultant-card .consultant-score{align-items:center;color:#f05252;display:flex;font-size:14px;font-weight:600;gap:6px}.consultant-card .consultant-score svg{color:#fbbf24}.consultant-card .chevron{color:#cbd5e1;flex-shrink:0;transition:all .2s}.consultant-card:hover .chevron{color:#f05252;transform:translateX(4px)}.loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-container .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#f05252;height:40px;margin-bottom:16px;width:40px}.loading-container p{font-size:14px;margin:0}.domains-view{display:flex;flex-direction:column;gap:24px}.domain-filter{max-width:400px}.domain-filter select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;padding:14px 16px;width:100%}.domain-filter select:focus{border-color:#f05252;box-shadow:0 0 0 3px #f052521a;outline:none}.activities-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.activity-card:hover{border-color:#fecaca;box-shadow:0 4px 12px #f052521a}.activity-card .activity-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.activity-card .activity-header h4{color:#1e3a5f;flex:1 1;font-size:15px;font-weight:600;margin:0}.activity-card .activity-domain{background:#fef2f2;border-radius:6px;color:#f05252;font-size:11px;font-weight:500;padding:4px 10px;white-space:nowrap}.activity-card .activity-count{color:#64748b;font-size:13px;margin:0}@media (max-width:1024px){.consultants-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.competences-page{padding:0 16px}.competences-page .page-header h1{font-size:26px}.view-tabs{width:100%}.view-tabs .tab{flex:1 1;justify-content:center}.consultants-grid{grid-template-columns:1fr}.consultant-card{padding:20px}.consultant-card .consultant-avatar{font-size:18px;height:56px;min-width:56px;width:56px}.activities-list{grid-template-columns:1fr}}.detail-page{animation:fadeIn .3s ease-out;margin:0 auto;max-width:1200px;padding:0 24px}.back-link{color:#64748b;font-size:14px;gap:8px;margin-bottom:24px;text-decoration:none;transition:color .2s}.back-link:hover{color:#f05252}.offer-id-badge{align-items:center;background:linear-gradient(135deg,#f05252,#dc2626);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;margin-bottom:16px;padding:6px 16px}.detail-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:32px}.detail-header h1{color:#1e3a5f;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 12px}.detail-header .meta-badges{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:14px;gap:12px}.detail-header .meta-badges span{align-items:center;display:inline-flex;gap:6px}.detail-header .pillar-badge{color:#0891b2;font-weight:500}.detail-header .domain-badge{color:#f05252;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-header .client-badge{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-weight:500;gap:6px;padding:4px 12px}.detail-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 380px}.main-section{display:flex;flex-direction:column;gap:24px}.info-card{border:1px solid #e2e8f0;border-radius:16px;padding:28px}.info-card h3{align-items:center;border-bottom:2px solid #f1f5f9;color:#1e3a5f;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px;padding-bottom:12px}.info-card h3 svg{color:#f05252;height:20px;width:20px}.info-card p{color:#475569;font-size:14px;line-height:1.8;margin:0}.info-card ul{list-style:none;margin:0;padding:0}.info-card ul li{border-bottom:1px solid #f1f5f9;color:#475569;font-size:14px;line-height:1.6;padding:10px 0 10px 24px;position:relative}.info-card ul li:last-child{border-bottom:none}.info-card ul li:before{color:#f05252;content:"›";font-size:18px;font-weight:700;left:0;position:absolute}.tags-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px}.tags-section h3{align-items:center;border-bottom:2px solid #f1f5f9;color:#1e3a5f;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px;padding-bottom:12px}.tags-section h3 svg{color:#f05252;height:20px;width:20px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:inline-flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.tag:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.tag svg{color:#94a3b8;height:14px;width:14px}.sidebar{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:100px}.sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.sidebar-card h3{align-items:center;border-bottom:2px solid #f1f5f9;color:#1e3a5f;display:flex;font-size:15px;font-weight:600;gap:10px;margin:0 0 20px;padding-bottom:12px}.sidebar-card h3 svg{color:#f05252;height:18px;width:18px}.consultants-list{display:flex;flex-direction:column;gap:12px}.consultant-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;text-decoration:none;transition:all .2s}.consultant-preview:hover{background:#fff;border-color:#f05252;box-shadow:0 4px 12px #f052521a}.consultant-avatar{align-items:center;background:linear-gradient(135deg,#f05252,#dc2626);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.consultant-info{flex:1 1;min-width:0}.consultant-info strong{color:#1e3a5f;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.consultant-info .role{color:#64748b;font-size:12px}.consultant-score{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.consultant-score .score-value{color:#10b981;font-size:16px;font-weight:700}.consultant-score .score-label{color:#94a3b8;font-size:11px}.consultant-avatar.large{border-radius:20px;flex-shrink:0;font-size:32px;height:100px;width:100px}.consultant-detail-header{align-items:center;display:flex;gap:24px}.consultant-header-info h1{margin:0 0 8px}.consultant-header-info .position{color:#64748b;font-size:16px;margin:0 0 12px}.radar-section{padding:28px}.radar-charts-row{display:flex;flex-direction:column;gap:32px;margin-bottom:24px}.radar-chart-column{width:100%}.radar-chart-column h3{border-bottom:2px solid #f1f5f9;color:#1e3a5f;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px;text-align:center}.radar-chart-container{background:#fafafa;border-radius:12px;margin-bottom:16px;padding:20px 0}.radar-section .domains-grid{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.domains-legend{background:#f8fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px;padding:16px}.legend-item{align-items:center;color:#475569;display:flex;font-size:12px;gap:8px}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.skills-bar-chart-column{margin-top:24px;width:100%}.skills-bar-chart-column h3{border-bottom:2px solid #f1f5f9;color:#1e3a5f;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.bar-chart-container{background:#fafafa;border-radius:12px;margin-top:16px;padding:20px 10px}.detail-page section.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:28px}.detail-page section.card h3{border-bottom:2px solid #f1f5f9;color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:16px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center}.stat-card span{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-card strong{color:#f05252;font-size:28px;font-weight:700}.domains-grid{display:flex;flex-direction:column;gap:16px}.domain-stat{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;padding:16px}.domain-stat span:first-child{color:#1e3a5f;flex-shrink:0;font-size:14px;font-weight:500;width:180px}.progress-bar{background:#e2e8f0;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.progress{background:linear-gradient(90deg,#f05252,#f97316);border-radius:5px;height:100%;transition:width .3s ease}.domain-stat span:last-child{color:#f05252;font-size:14px;font-weight:600;text-align:right;width:50px}.skills-list{display:flex;flex-direction:column;gap:8px}.skill-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:16px;padding:14px 16px}.skill-name{color:#1e3a5f;flex:1 1;font-size:14px;font-weight:500}.skill-domain{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:12px;padding:4px 10px}.skill-level{display:flex;gap:4px}.skill-level .level-dot{background:#e2e8f0;border-radius:50%;height:10px;width:10px}.skill-level .level-dot.active{background:#f05252}@media (max-width:1024px){.detail-content{grid-template-columns:1fr}.sidebar{order:-1;position:static}}@media (max-width:768px){.detail-page{padding:0 16px}.detail-header{padding:24px}.detail-header h1{font-size:22px}.info-card,.sidebar-card,.tags-section{padding:20px}.stats-row{grid-template-columns:repeat(2,1fr)}.domain-stat{align-items:stretch;flex-direction:column;gap:8px}.domain-stat span:first-child{width:100%}.domain-stat span:last-child{text-align:left}}.login-page{align-items:center;background:linear-gradient(135deg,#1f2937,#374151 50%,#4b5563);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-4);position:relative}.login-page:before{animation:pulse-bg 8s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#ef444426 0,#0000 50%),radial-gradient(circle at 70% 80%,#ef44441a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse-bg{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.login-container{animation:slideUp .5s ease-out;background:#fff;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0006;max-width:440px;padding:var(--spacing-10);position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:var(--spacing-8);text-align:center}.login-header .logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:var(--radius-xl);box-shadow:0 10px 25px #ef444459;color:#fff;display:flex;font-size:2rem;font-weight:700;height:72px;justify-content:center;margin:0 auto var(--spacing-4);transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:72px}.login-header .logo-icon:hover{box-shadow:0 15px 35px #ef444473;transform:scale(1.05)}.login-header h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-2)}.login-header p{color:var(--gray-500);font-size:var(--text-base);margin:0}.login-form{gap:var(--spacing-5)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-2)}.form-group label{color:var(--gray-700);font-size:var(--text-sm);font-weight:600}.form-group .input{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--spacing-4);transition:all var(--transition-fast)}.form-group .input:focus{background:#fff;border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-100)}.form-group .input::placeholder{color:var(--gray-400)}.password-input{position:relative}.password-input .input{padding-right:52px}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-1);position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.password-toggle:hover{background:var(--gray-100);color:var(--gray-600)}.error-message{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid var(--primary-200);border-radius:var(--radius-lg);color:var(--primary-700);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4);text-align:center}.error-message:before{content:"⚠️"}.forgot-password-link{margin-top:calc(var(--spacing-2)*-1);text-align:right}.forgot-password-link a{align-items:center;color:var(--gray-500);display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-1);transition:all var(--transition-fast)}.forgot-password-link a:hover{color:var(--primary-600)}.login-form .btn{border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;margin-top:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);transition:all var(--transition-normal);width:100%}.login-form .btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 15px #ef444459}.login-form .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 8px 25px #ef444473;transform:translateY(-2px)}.login-form .btn-primary:active:not(:disabled){box-shadow:0 4px 15px #ef444459;transform:translateY(0)}.login-footer{border-top:1px solid var(--gray-200);margin-top:var(--spacing-8);padding-top:var(--spacing-6);text-align:center}.login-footer p{color:var(--gray-600);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--spacing-3)}.login-footer ul{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin-bottom:var(--spacing-5);padding:0}.login-footer li{align-items:center;color:var(--gray-500);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-2);justify-content:center}.login-footer code{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);transition:all var(--transition-fast)}.login-footer code:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.back-link{align-items:center;border-radius:var(--radius-md);color:var(--gray-500);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.back-link:hover{background:var(--primary-50);color:var(--primary-600)}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-container{margin:var(--spacing-2);padding:var(--spacing-6)}.login-header .logo-icon{font-size:1.5rem;height:60px;width:60px}.login-header h1{font-size:var(--text-2xl)}.login-footer li{font-size:var(--text-xs)}}.home-page{animation:fadeIn var(--transition-normal) ease-out}.home-banner{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:#fff;padding:var(--spacing-12) var(--spacing-6);text-align:center}.banner-content h1{color:#fff;font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-2)}.banner-content p{color:#ffffffd9;font-size:var(--text-lg);margin:0}.quick-access{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-left:auto;margin-right:auto;margin-top:-40px;max-width:1200px;padding:var(--spacing-10) var(--spacing-6);position:relative;z-index:10}.menu-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.menu-card{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-4);overflow:hidden;padding:var(--spacing-5);position:relative;text-decoration:none;transition:all var(--transition-fast)}.menu-card:before{background:var(--primary-500);background:var(--card-color,var(--primary-500));bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-fast);width:4px}.menu-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.menu-card:hover:before{transform:scaleY(1)}.menu-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-lg);color:var(--primary-500);color:var(--card-color,var(--primary-500));display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all var(--transition-fast);width:56px}.menu-card:hover .menu-icon{background:var(--primary-500);background:var(--card-color,var(--primary-500));color:#fff}.menu-content{flex:1 1;min-width:0}.menu-content h3{color:var(--gray-800);font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-1)}.menu-content p{color:var(--gray-500);font-size:var(--text-sm);line-height:1.4;margin:0}.menu-arrow{color:var(--gray-300);flex-shrink:0;transition:all var(--transition-fast)}.menu-card:hover .menu-arrow{color:var(--primary-500);color:var(--card-color,var(--primary-500));transform:translateX(4px)}.info-section{background:var(--gray-100);padding:var(--spacing-12) var(--spacing-6)}.info-section .container{margin:0 auto;max-width:1200px}.info-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6)}.info-card svg{color:var(--primary-500);margin-bottom:var(--spacing-3)}.info-card h4{color:var(--gray-800);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-2)}.info-card p{color:var(--gray-600);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--spacing-4)}.info-card a{align-items:center;color:var(--primary-600);display:inline-flex;font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.info-card a:hover{color:var(--primary-700)}@media (max-width:768px){.home-banner{padding:var(--spacing-8) var(--spacing-4)}.banner-content h1{font-size:var(--text-2xl)}.banner-content p{font-size:var(--text-base)}.quick-access{margin:-20px var(--spacing-4) 0;padding:var(--spacing-6)}.menu-grid{gap:var(--spacing-3);grid-template-columns:1fr}.menu-card{padding:var(--spacing-4)}.menu-icon{height:48px;width:48px}.info-section{padding:var(--spacing-8) var(--spacing-4)}.info-grid{gap:var(--spacing-4);grid-template-columns:1fr}}.matching-page{animation:fadeIn .3s ease-out;margin:0 auto;max-width:1400px;padding:0 24px}.matching-page .page-header{margin-bottom:40px;text-align:center}.matching-page .page-header h1{align-items:center;color:#1e3a5f;display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center;margin-bottom:8px}.matching-page .page-header .header-icon{color:#f05252}.matching-page .page-header p{color:#64748b;font-size:16px;margin:0}.matching-page .search-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:32px;padding:32px}.matching-page .search-section .form-group{margin-bottom:24px}.matching-page .search-section label{color:#1e3a5f;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.matching-page .search-section textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;min-height:120px;padding:16px;resize:vertical;transition:all .2s;width:100%}.matching-page .search-section textarea:focus{background:#fff;border-color:#f05252;box-shadow:0 0 0 3px #f052521a;outline:none}.selected-competencies{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;padding:20px}.selected-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.selected-count{color:#f05252;font-size:14px;font-weight:600}.selected-tags{display:flex;flex-wrap:wrap;gap:10px}.selected-tag{align-items:center;background:#f05252;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s}.selected-tag:hover{background:#dc2626}.remove-tag{font-size:16px;font-weight:700;opacity:.8}.loading-competencies{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px;padding:20px}.domains-accordion{border:1px solid #e2e8f0;border-radius:12px;max-height:450px;overflow:hidden;overflow-y:auto}.domain-section{border-bottom:1px solid #e2e8f0}.domain-section:last-child{border-bottom:none}.domain-header{align-items:center;background:#f8fafc;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;transition:all .2s}.domain-header:hover{background:#f1f5f9}.domain-name{align-items:center;color:#1e3a5f;display:flex;font-size:15px;font-weight:600;gap:10px}.domain-count{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:12px;font-weight:500;padding:4px 10px}.domain-activities{background:#fff;padding:20px}.select-all-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px!important;margin-bottom:16px;padding:8px 14px!important;transition:all .2s}.select-all-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-xs{font-size:11px!important;padding:6px 10px!important}.activities-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.activity-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.activity-item:hover{background:#fef2f2;border-color:#fecaca}.activity-item.selected{background:linear-gradient(135deg,#fef2f2,#fff1f2);border-color:#f05252}.activity-checkbox{align-items:center;border:2px solid #cbd5e1;border-radius:6px;display:flex;height:20px;justify-content:center;min-width:20px;transition:all .2s;width:20px}.activity-item.selected .activity-checkbox{background:#f05252;border-color:#f05252;color:#fff}.activity-name{color:#475569;font-size:13px;line-height:1.4}.activity-item.selected .activity-name{color:#1e3a5f;font-weight:500}.results-section{margin-top:40px}.results-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.results-column{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px}.results-column h2{align-items:center;border-bottom:2px solid #f1f5f9;color:#1e3a5f;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:24px;padding-bottom:16px}.results-column h2 svg{color:#f05252}.result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:inherit;display:block;margin-bottom:16px;padding:20px;position:relative;text-decoration:none;transition:all .2s}.result-card:hover{background:#fff;border-color:#fecaca;box-shadow:0 4px 12px #f052521a;transform:translateX(4px)}.result-card:last-child{margin-bottom:0}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.score{background:#d1fae5;border-radius:6px;color:#10b981;font-size:13px;font-weight:700;padding:4px 10px}.consultant-name,.result-card h4{color:#1e3a5f;font-size:16px;font-weight:600}.result-card h4{margin-bottom:8px}.result-card p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:12px}.domains-list,.matched-keywords,.skills-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.domains-list .tag,.matched-keywords .tag,.skills-preview .tag{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px;font-weight:500;padding:6px 12px}.link-arrow{color:#cbd5e1;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .2s}.result-card:hover .link-arrow{color:#f05252;transform:translateY(-50%) translateX(4px)}.no-results{color:#94a3b8;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:1024px){.results-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.matching-page{padding:0 16px}.matching-page .page-header h1{font-size:26px}.matching-page .search-section{padding:20px}.activities-grid{grid-template-columns:1fr}.domains-accordion{max-height:350px}.results-column{padding:20px}.result-card{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.99cda2aa.css.map*/