:root{--primary:#1e3a5f;--primary-light:#2d4a6f;--secondary:#0d8bff;--secondary-light:#e8f4fd;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--neutral-900:#111827;--neutral-700:#374151;--neutral-500:#6b7280;--neutral-400:#9ca3af;--neutral-300:#d1d5db;--neutral-200:#e5e7eb;--neutral-100:#f3f4f6;--neutral-50:#f9fafb;--white:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #00000014;--shadow-xl:0 20px 25px -5px #0000001a;--font:"Inter", system-ui, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh}body{font-family:var(--font);color:var(--neutral-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#ffd8c8 0%,#c8e0ff 100%) fixed;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--neutral-900);line-height:1.3}p{margin:0}button{font-family:var(--font);cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-page{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";z-index:0;background-image:url(/back_onda.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.login-shell{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.login-card{border-radius:var(--radius-xl);width:min(100%,440px);padding:var(--space-8);-webkit-backdrop-filter:blur(18px);background:#ffffff2e;border:1px solid #ffffff59;animation:.25s ease-out scaleIn;box-shadow:0 8px 32px #00000040}.login-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.login-logo-mark{object-fit:contain;width:64px;height:64px}.login-logo-text{flex-direction:column;display:flex}.login-logo-name{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.login-logo-sub{color:#ffffffbf;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:500}.login-heading{margin-bottom:var(--space-6)}.login-heading p{color:#fffc;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:12px;font-weight:600}.login-heading h2{color:#fff;margin:0;font-size:28px;font-weight:700;line-height:1.2}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#fff;font-size:13px;font-weight:600}.form-field input{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border:1px solid #fff6;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .16s,box-shadow .16s,background .16s}.form-field input:focus{background:#ffffff38;border-color:#ffffffbf;box-shadow:0 0 0 3px #ffffff26}.form-field input::placeholder{color:#ffffff8c}.password-field{gap:var(--space-2);align-items:stretch;display:flex}.password-field input{flex:1;min-width:0}.ghost-button{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #fff6;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.ghost-button:hover{background:#ffffff40;border-color:#ffffffa6}.login-error{align-items:flex-start;gap:var(--space-2);background:var(--danger-light);border-radius:var(--radius-md);color:var(--danger);border:1px solid #ef44444d;padding:10px 14px;font-size:13px;line-height:1.45;display:flex}.submit-button{justify-content:center;align-items:center;gap:var(--space-2);padding:12px var(--space-6);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-2);background:#ffffff38;border:1px solid #ffffff80;font-size:14px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.submit-button:hover:not(:disabled){background:#ffffff59;transform:translateY(-1px);box-shadow:0 8px 20px #0003}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{opacity:.45;cursor:not-allowed}.spinner{border:2px solid #ffffff59;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@media (width<=480px){.login-card{padding:var(--space-6)}.password-field{flex-direction:column}.ghost-button{padding:10px 14px}}.sidebar{background:var(--white);border-right:1px solid var(--neutral-200);width:240px;padding:var(--space-6) var(--space-4);flex-direction:column;flex-shrink:0;display:flex}.sidebar-brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-6);border-bottom:1px solid var(--neutral-200);margin-bottom:var(--space-6);display:flex}.sidebar-brand-logo{object-fit:contain;flex-shrink:0;width:52px;height:52px}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-main{color:var(--neutral-900);font-size:15px;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:500}.sidebar-nav-label{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.8px;padding:0 var(--space-3) var(--space-2);font-size:11px;font-weight:600}.sidebar-menu{flex-direction:column;flex:1;gap:2px;list-style:none;display:flex}.sidebar-menu-item{display:block}.sidebar-link{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-lg);color:var(--neutral-700);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s ease-out,color .15s ease-out;display:flex;position:relative}.sidebar-link:hover{background:var(--neutral-100);color:var(--primary)}.sidebar-link.active{background:var(--primary);color:var(--white);font-weight:600}.sidebar-link svg{color:var(--neutral-500);flex-shrink:0;transition:color .15s ease-out}.sidebar-link:hover svg{color:var(--primary)}.sidebar-link.active svg{color:var(--white)}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--neutral-200);margin-top:auto}.sidebar-version{color:var(--neutral-400);text-align:center;padding-top:var(--space-3);font-size:11px}@media (width<=1024px){.sidebar{width:76px;padding:var(--space-5) var(--space-2)}.sidebar-brand{padding-bottom:var(--space-5);justify-content:center}.sidebar-brand-text,.sidebar-nav-label,.sidebar-link span,.sidebar-footer{display:none}.sidebar-link{justify-content:center;padding:12px}}@media (width<=900px){.sidebar{z-index:40;width:auto;height:68px;padding:8px var(--space-3);border-top:1px solid var(--neutral-200);border-right:0;flex-direction:row;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 24px #11182714}.sidebar-brand{display:none}.sidebar-menu{justify-content:space-around;gap:var(--space-2);flex-direction:row;width:100%}.sidebar-link{border-radius:var(--radius-md);min-width:48px}}.notif-root{display:inline-flex;position:relative}.notif-bell{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);width:34px;height:34px;color:var(--neutral-700);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.notif-bell:hover{background:var(--neutral-50);color:var(--primary);border-color:var(--neutral-300)}.notif-badge{border-radius:var(--radius-full);background:var(--danger);min-width:17px;height:17px;color:var(--white);text-align:center;box-shadow:0 0 0 2px var(--white);padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-6px;right:-6px}.notif-panel{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:340px;max-width:90vw;box-shadow:var(--shadow-xl);z-index:50;animation:.14s ease-out notifIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes notifIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-panel-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;display:flex}.notif-panel-head strong{color:var(--neutral-900);font-size:14px}.notif-markall{color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:2px 4px;font-size:12px;font-weight:600;display:inline-flex}.notif-markall:hover{background:var(--neutral-50)}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--neutral-400);flex-direction:column;font-size:13px;display:flex}.notif-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-100);display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:#1e3a5f0a}.notif-item-icon{border-radius:var(--radius-md);background:var(--neutral-50);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notif-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-item-body strong{color:var(--neutral-900);font-size:13px}.notif-item-msg{color:var(--neutral-700);font-size:12.5px;line-height:1.35}.notif-item-time{color:var(--neutral-400);margin-top:2px;font-size:11px}.notif-dot{top:var(--space-3);right:var(--space-4);border-radius:var(--radius-full);background:var(--danger);width:8px;height:8px;position:absolute}.cpwd-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cpwd-modal{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:440px;box-shadow:var(--shadow-xl);animation:.25s ease-out scaleIn}.cpwd-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.cpwd-title{color:var(--neutral-900);margin:0;font-size:18px;font-weight:700}.cpwd-close-btn{cursor:pointer;width:32px;height:32px;color:var(--neutral-500);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.cpwd-close-btn:hover{background:var(--neutral-100);color:var(--neutral-900)}.cpwd-field{margin-bottom:var(--space-4)}.cpwd-label{color:var(--neutral-700);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.cpwd-input-wrap{position:relative}.cpwd-input{border-radius:var(--radius-md);border:1px solid var(--neutral-300);background:var(--neutral-50);width:100%;color:var(--neutral-900);box-sizing:border-box;outline:none;padding:9px 42px 9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.cpwd-input:focus{border-color:var(--secondary);background:var(--white);box-shadow:0 0 0 3px #0d8bff1a}.cpwd-input.has-error{border-color:var(--danger)}.cpwd-eye-btn{cursor:pointer;color:var(--neutral-400);background:0 0;border:none;align-items:center;padding:0;font-size:16px;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cpwd-eye-btn:hover{color:var(--neutral-700)}.cpwd-error-text{color:var(--danger);margin-top:4px;font-size:12px;font-weight:500;display:block}.cpwd-error-box{background:var(--danger-light);border-radius:var(--radius-md);color:var(--danger);margin-bottom:var(--space-4);border:1px solid #ef44444d;padding:10px 14px;font-size:13px}.cpwd-success-box{background:var(--success-light);border-radius:var(--radius-md);padding:var(--space-5) 14px;color:var(--success);text-align:center;border:1px solid #10b9814d;font-size:14px;font-weight:600}.cpwd-actions{gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);justify-content:flex-end;display:flex}.cpwd-cancel-btn{padding:9px var(--space-5);border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-700);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.cpwd-cancel-btn:hover{background:var(--neutral-100)}.cpwd-submit-btn{padding:9px var(--space-5);border-radius:var(--radius-md);background:var(--primary);color:var(--white);cursor:pointer;border:none;font-size:13px;font-weight:600;transition:background .15s}.cpwd-submit-btn:hover{background:var(--primary-light)}.cpwd-submit-btn:disabled{opacity:.5;cursor:not-allowed}.layout-root{width:100%;min-height:100vh;padding:var(--space-4);background:linear-gradient(160deg,#87ceeb 0%,#2176c7 28%,#0d2f5e 55%,#f97316 80%,#fff 100%);display:flex}.layout-shell{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-height:calc(100vh - 2 * var(--space-4));flex:1;width:100%;display:flex;overflow:hidden}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.layout-header{justify-content:flex-end;align-items:center;gap:var(--space-3);height:64px;padding:0 var(--space-6);border-bottom:1px solid var(--neutral-200);background:var(--white);flex-shrink:0;display:flex}.layout-search{align-items:center;gap:var(--space-2);width:min(420px,42vw);padding:0 var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-50);color:var(--neutral-400);margin-right:auto;display:flex;position:relative}.layout-search input{width:100%;height:38px;color:var(--neutral-900);background:0 0;border:0;outline:0;font-size:13px}.layout-search:focus-within{border-color:var(--secondary);background:var(--white);box-shadow:0 0 0 3px #0d8bff1a}.layout-search-results{z-index:30;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.layout-search-results button{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);color:var(--neutral-700);text-align:left;border-bottom:1px solid var(--neutral-100);background:0 0;display:flex}.layout-search-results button:hover{background:var(--neutral-50)}.layout-search-results button strong,.layout-search-results button small{display:block}.layout-search-results button small{color:var(--neutral-500);margin-top:2px;font-size:11px}.layout-search-avatar{border-radius:var(--radius-full);background:var(--secondary-light);width:30px;height:30px;color:var(--secondary);justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.layout-search-empty{padding:var(--space-4);color:var(--neutral-500);font-size:13px}.layout-notif-wrap{position:relative}.layout-notification-btn{border:1px solid var(--neutral-200);border-radius:var(--radius-full);background:var(--white);width:38px;height:38px;color:var(--neutral-700);justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.layout-notification-btn:hover,.layout-notification-btn[aria-expanded=true]{background:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.layout-notification-btn>span{border-radius:var(--radius-full);background:var(--danger);min-width:17px;height:17px;color:var(--white);padding:0 5px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:-4px;right:-3px}.layout-notif-panel{z-index:50;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:300px;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:.15s ease-out scaleIn;position:absolute;top:calc(100% + 10px);right:0}.layout-notif-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-100);color:var(--neutral-900);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.layout-notif-count{border-radius:var(--radius-full);background:var(--danger);min-width:20px;height:20px;color:var(--white);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.layout-notif-empty{padding:var(--space-5) var(--space-4);text-align:center;color:var(--neutral-400);font-size:13px}.layout-notif-list{padding:var(--space-2) 0;margin:0;list-style:none}.layout-notif-list li button{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);color:var(--neutral-700);text-align:left;background:0 0;transition:background .12s;display:flex}.layout-notif-list li button:hover{background:var(--neutral-50);color:var(--primary)}.layout-notif-dot{border-radius:var(--radius-full);background:var(--secondary);flex-shrink:0;width:8px;height:8px}.layout-notif-text{flex:1;min-width:0}.layout-notif-text strong{color:var(--neutral-800);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.layout-notif-text small{color:var(--neutral-500);margin-top:2px;font-size:11px;display:block}.layout-date{align-items:center;gap:var(--space-2);color:var(--neutral-700);font-size:13px;font-weight:500;display:flex}.layout-user-name{color:var(--neutral-900);background:var(--neutral-100);padding:6px var(--space-3);border-radius:var(--radius-full);font-size:13px;font-weight:600}.layout-header-btn{align-items:center;gap:var(--space-2);padding:8px var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--neutral-200);color:var(--neutral-700);cursor:pointer;background:0 0;font-size:13px;font-weight:500;transition:background .15s ease-out,color .15s ease-out;display:flex}.layout-header-btn:hover{background:var(--neutral-100);color:var(--primary);border-color:var(--neutral-300)}.layout-logout-btn{align-items:center;gap:var(--space-2);padding:8px var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--neutral-200);color:var(--neutral-700);cursor:pointer;background:0 0;font-size:13px;font-weight:500;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;display:flex}.layout-logout-btn:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.layout-content{padding:var(--space-6);flex:1;animation:.2s ease-out fadeIn;overflow-y:auto}@media (width<=900px){.layout-root{padding:0}.layout-shell{border-radius:0;min-height:100vh}.layout-header{height:auto;min-height:64px;padding:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:flex-start}.layout-search{order:2;width:100%;margin-right:0}.layout-content{padding:var(--space-4);padding-bottom:88px}}.dash-container{max-width:1200px}.dash-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.dash-page-subtitle{color:var(--neutral-500);margin-bottom:4px;font-size:13px;font-weight:500}.dash-title{color:var(--neutral-900);margin:0;font-size:28px;font-weight:700}.dash-period-tabs{border-radius:var(--radius-lg);background:var(--neutral-100);gap:2px;padding:4px;display:inline-flex}.dash-period-tabs button{border-radius:var(--radius-md);color:var(--neutral-500);white-space:nowrap;background:0 0;padding:8px 12px;font-size:12px;font-weight:700}.dash-period-tabs button.active{background:var(--primary);color:var(--white);box-shadow:var(--shadow-sm)}.dash-skeleton-card,.dash-skeleton-chart{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-50) 37%, var(--neutral-100) 63%);border:1px solid var(--neutral-200);background-size:400% 100%;animation:1.4s infinite shimmer}.dash-skeleton-card{height:132px}.dash-skeleton-chart{height:270px}.dash-loading{justify-content:center;align-items:center;gap:var(--space-3);color:var(--neutral-500);padding:4rem 0;font-size:14px;display:flex}.dash-loading-spinner{border:2px solid var(--neutral-200);border-top-color:var(--secondary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.dash-error{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--danger-light);border-radius:var(--radius-lg);color:var(--danger);border:1px solid #ef44444d;font-size:14px;display:flex}.dash-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--neutral-500);margin:var(--space-6) 0 var(--space-4);font-size:11px;font-weight:600}.dash-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dash-kpi-grid{grid-template-columns:1fr}}.dash-kpi-card{text-align:left;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-md);transition:transform .2s ease-out,box-shadow .2s ease-out;animation:.25s ease-out fadeIn}.dash-kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dash-kpi-card:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.dash-actions-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);margin-bottom:var(--space-5)}.dash-actions-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.dash-actions-header p{color:var(--neutral-500);font-size:13px}.dash-actions-header>span{border-radius:var(--radius-full);background:var(--secondary-light);color:var(--secondary);padding:4px 10px;font-size:11px;font-weight:800}.dash-action-list{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.dash-action-item{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);color:var(--neutral-700);text-align:left;display:flex}.dash-action-item:hover{background:var(--white);border-color:var(--neutral-300)}.dash-action-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.dash-action-copy{flex-direction:column;flex:1;min-width:0;display:flex}.dash-action-copy strong{color:var(--neutral-900);font-size:13px}.dash-action-copy small{color:var(--neutral-500);font-size:12px}.dash-action-value{color:var(--neutral-900);font-size:18px;font-weight:800}.dash-action-success .dash-action-icon{background:var(--success-light);color:var(--success)}.dash-action-warning .dash-action-icon{background:var(--warning-light);color:var(--warning)}.dash-action-info .dash-action-icon{background:var(--secondary-light);color:var(--secondary)}.dash-kpi-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dash-kpi-label{color:var(--neutral-500);font-size:13px;font-weight:500}.dash-kpi-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dash-kpi-value{color:var(--neutral-900);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.dash-kpi-compact{word-break:break-word;font-size:26px}.dash-kpi-trend{color:var(--neutral-500);font-size:12px;font-weight:500}.dash-kpi-split{align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.dash-kpi-split-side{padding:var(--space-5) var(--space-4);flex-direction:column;flex:1;display:flex}.dash-kpi-split-divider{background:var(--neutral-200);flex-shrink:0;align-self:stretch;width:1px}.dash-kpi-3col{grid-template-columns:repeat(3,1fr)}@media (width<=1024px){.dash-kpi-3col{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.dash-kpi-3col{grid-template-columns:1fr}}.dash-statut-full{margin-bottom:var(--space-4)}.dash-charts-grid{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.dash-charts-2col{grid-template-columns:1fr 1fr}@media (width<=768px){.dash-charts-2col{grid-template-columns:1fr}.dash-page-header{flex-direction:column}.dash-period-tabs{width:100%;overflow-x:auto}.dash-action-list{grid-template-columns:1fr}}.dash-chart-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);transition:transform .2s ease-out,box-shadow .2s ease-out}.dash-chart-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dash-chart-title{color:var(--neutral-900);margin-bottom:var(--space-4);font-size:14px;font-weight:600}.dash-formation-note{flex-direction:column;justify-content:center;display:flex}.dash-formation-note p{padding:var(--space-4);border-radius:var(--radius-md);background:var(--secondary-light);color:var(--primary);font-size:14px;font-weight:800}.dash-chart-empty{color:var(--neutral-400);justify-content:center;align-items:center;padding:3rem 0;font-size:13px;display:flex}.dash-sexe-wrap{align-items:center;gap:var(--space-4);display:flex}.dash-sexe-legend{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.dash-sexe-item{align-items:center;gap:var(--space-2);color:var(--neutral-700);font-size:13px;display:flex}.dash-sexe-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dash-sexe-name{flex:1;font-weight:600}.dash-sexe-val{color:var(--neutral-900);font-weight:700}.dash-sexe-pct{color:var(--neutral-400);font-size:12px}.dash-pyramid-legend{gap:var(--space-4);margin-bottom:var(--space-3);color:var(--neutral-600);font-size:12px;font-weight:600;display:flex}.dash-tooltip{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--neutral-700);box-shadow:var(--shadow-lg);font-size:13px}.dash-tooltip-label{color:var(--neutral-900);margin-bottom:4px;font-weight:600}.ff-field{flex-direction:column;gap:5px;display:flex}.ff-label{color:var(--neutral-700);font-size:13px;font-weight:600}.ff-input{border:1px solid var(--neutral-300);border-radius:var(--radius-md);width:100%;color:var(--neutral-900);background:var(--neutral-50);box-sizing:border-box;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.ff-input:focus{border-color:var(--secondary);background:var(--white);box-shadow:0 0 0 3px #0d8bff1a}.ff-input.ff-has-error{border-color:var(--danger);background:var(--danger-light)}.ff-input.ff-has-error:focus{box-shadow:0 0 0 3px #ef44441a}textarea.ff-input{resize:vertical;min-height:72px}.ff-error{color:var(--danger);font-size:12px;font-weight:500}.modal-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-height:90vh;animation:.25s ease-out scaleIn;display:flex;overflow:hidden}.modal-sm{max-width:440px}.modal-md{max-width:640px}.modal-lg{max-width:900px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-200);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--neutral-900);margin:0;font-size:16px;font-weight:700}.modal-close-btn{cursor:pointer;width:32px;height:32px;color:var(--neutral-500);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.modal-close-btn:hover{background:var(--neutral-100);color:var(--neutral-900)}.modal-body{padding:var(--space-6);overflow-y:auto}.import-excel-body{gap:var(--space-4);flex-direction:column;display:flex}.import-excel-desc{color:var(--neutral-600);margin:0;font-size:13px}.import-excel-template-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-700);cursor:pointer;align-self:flex-start;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.import-excel-template-btn:hover{background:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.import-excel-dropzone{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);border:1px dashed var(--neutral-300);border-radius:var(--radius-lg);color:var(--neutral-500);text-align:center;cursor:pointer;flex-direction:column;font-size:13px;transition:background .15s,border-color .15s;display:flex}.import-excel-dropzone:hover{background:var(--secondary-light);border-color:var(--secondary)}.import-excel-error{padding:var(--space-3);background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:13px}.import-excel-preview{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--secondary-light);border-radius:var(--radius-md);color:var(--secondary);font-size:13px;font-weight:600;display:flex}.import-excel-result{gap:var(--space-2);flex-wrap:wrap;display:flex}.import-excel-result-chip{padding:var(--space-1) var(--space-3);background:var(--success-light);border-radius:var(--radius-full);color:var(--success);text-transform:capitalize;font-size:12px}.import-excel-confirmation{padding:var(--space-3);border-radius:var(--radius-md);font-size:13px;font-weight:600}.import-excel-confirmation.changed{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.import-excel-confirmation.unchanged{background:var(--neutral-50);border:1px solid var(--neutral-200);color:var(--neutral-700)}.import-excel-replace{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--warning-light,var(--neutral-50));border:1px solid var(--warning,var(--neutral-200));border-radius:var(--radius-md);color:var(--neutral-700);cursor:pointer;font-size:13px;display:flex}.import-excel-replace input{margin-top:2px}.import-excel-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--neutral-200);display:flex}.import-excel-cancel-btn{padding:var(--space-2) var(--space-4);background:var(--neutral-100);border-radius:var(--radius-md);color:var(--neutral-700);cursor:pointer;border:none;font-weight:600}.import-excel-submit-btn{padding:var(--space-2) var(--space-4);background:var(--primary);border-radius:var(--radius-md);color:var(--white);cursor:pointer;border:none;font-weight:600}.import-excel-submit-btn:disabled{opacity:.6;cursor:not-allowed}.liste-container{padding:0}.liste-page-header{margin-bottom:var(--space-6)}.liste-page-subtitle{color:var(--neutral-500);margin-bottom:4px;font-size:13px;font-weight:500}.liste-page-title{color:var(--neutral-900);margin:0;font-size:28px;font-weight:700}.liste-toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.liste-search-input{border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);min-width:220px;color:var(--neutral-900);outline:none;flex:1;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.liste-search-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #0d8bff1a}.liste-search-input::placeholder{color:var(--neutral-400)}.liste-select{border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.liste-select:focus{border-color:var(--secondary)}.liste-add-btn{align-items:center;gap:var(--space-2);padding:9px var(--space-5);background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.liste-add-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.liste-ghost-btn{align-items:center;gap:var(--space-2);padding:9px var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);font-size:13px;font-weight:600;display:flex}.liste-ghost-btn:hover{background:var(--neutral-100);color:var(--primary)}.liste-density{border-radius:var(--radius-md);background:var(--neutral-100);gap:2px;padding:3px;display:inline-flex}.liste-density button{border-radius:var(--radius-sm);color:var(--neutral-500);background:0 0;padding:6px 10px;font-size:12px;font-weight:700}.liste-density button.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.liste-filter-chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.liste-filter-chips button{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--secondary-light);color:var(--secondary);padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.liste-loading{text-align:center;color:var(--neutral-500);padding:3rem;font-size:14px}.liste-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:var(--white);box-shadow:var(--shadow-md);overflow-x:auto}.liste-table{border-collapse:collapse;width:100%;font-size:13px}.liste-thead{background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.liste-th{padding:11px var(--space-5);text-align:left;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:11px;font-weight:600}.liste-th button{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;align-items:center;gap:5px;display:inline-flex}.liste-tr{border-bottom:1px solid var(--neutral-200);transition:background .15s}.liste-tr:hover{background:var(--neutral-50)}.liste-tr:last-child{border-bottom:none}.liste-td{padding:12px var(--space-5);color:var(--neutral-700);vertical-align:middle}.liste-density-dense .liste-td{padding-top:8px;padding-bottom:8px}.liste-employee-cell{align-items:center;gap:var(--space-3);min-width:180px;display:flex}.liste-employee-cell strong,.liste-employee-cell small{display:block}.liste-employee-cell strong{color:var(--neutral-900)}.liste-employee-cell small{color:var(--neutral-500);font-size:11px}.liste-avatar{border-radius:var(--radius-full);background:var(--primary);width:34px;height:34px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.liste-service-badge{border-radius:var(--radius-full);background:var(--neutral-100);max-width:180px;color:var(--neutral-700);white-space:nowrap;text-overflow:ellipsis;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.liste-solde{color:var(--success);font-weight:800}.liste-solde.low{color:var(--danger)}.liste-action-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--secondary-light);color:var(--secondary);padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.liste-action-btn:hover{background:#c7e7ff}.liste-badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.liste-badge-actif{background:var(--success-light);color:var(--success)}.liste-badge-inactif{background:var(--danger-light);color:var(--danger)}.liste-empty{text-align:center;color:var(--neutral-400);padding:3rem;font-size:14px}.liste-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);display:flex}.liste-page-btn{border:1px solid var(--neutral-200);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;color:var(--neutral-700);padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.liste-page-btn:disabled{opacity:.4;cursor:not-allowed}.liste-page-btn:not(:disabled):hover{background:var(--neutral-100);border-color:var(--neutral-300)}.liste-page-info{color:var(--neutral-500);font-size:13px}.liste-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.liste-modal{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:740px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.25s ease-out scaleIn;overflow-y:auto}.liste-modal-title{color:var(--neutral-900);margin:0 0 var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200);font-size:18px;font-weight:700}.liste-modal-grid{gap:var(--space-4);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.liste-modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);display:flex}.liste-cancel-btn{padding:9px var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.liste-cancel-btn:hover{background:var(--neutral-100)}.liste-submit-btn{padding:9px var(--space-6);background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:13px;font-weight:600;transition:background .15s}.liste-submit-btn:hover{background:var(--primary-light)}.liste-submit-btn:disabled{opacity:.5;cursor:not-allowed}.liste-form-error{color:var(--danger);margin-top:var(--space-2);font-size:13px;font-weight:500}@media (width<=640px){.liste-toolbar{align-items:stretch}.liste-add-btn,.liste-ghost-btn,.liste-density{justify-content:center;width:100%}.liste-pagination{flex-direction:column}}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-error{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--secondary-light);color:var(--secondary)}.badge-default{background:var(--neutral-100);color:var(--neutral-500)}.fiche-container{max-width:1100px}.fiche-center{text-align:center;color:var(--neutral-500);padding:3rem}.fiche-header{align-items:center;gap:var(--space-4);background:var(--white);border:1px solid var(--neutral-200);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-5);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex}.fiche-retour-btn{align-items:center;gap:var(--space-2);background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200);padding:7px var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.fiche-retour-btn:hover{background:var(--neutral-200);color:var(--primary)}.fiche-header-info{flex:1;min-width:0}.fiche-nom-complet{color:var(--neutral-900);margin:0;font-size:18px;font-weight:700}.fiche-matricule-badge{background:var(--neutral-100);color:var(--neutral-500);border-radius:var(--radius-full);align-items:center;margin-top:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.fiche-statut-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.fiche-edit-btn{align-items:center;gap:var(--space-2);background:var(--warning-light);color:#92400e;padding:7px var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #f59e0b4d;font-size:13px;font-weight:600;transition:background .15s;display:flex}.fiche-edit-btn:hover{background:#fde68a}.fiche-del-btn{align-items:center;gap:var(--space-2);background:var(--danger-light);color:var(--danger);padding:7px var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #ef44444d;font-size:13px;font-weight:600;transition:background .15s;display:flex}.fiche-del-btn:hover{background:#fecaca}.fiche-confirm-modal{background:var(--white);border-radius:var(--radius-lg);width:min(100%,460px);padding:var(--space-6);box-shadow:var(--shadow-xl);animation:.2s ease-out scaleIn}.fiche-confirm-modal h3{margin:0 0 var(--space-3);color:var(--neutral-900)}.fiche-confirm-modal p{margin:0 0 var(--space-4);color:var(--neutral-700)}.fiche-confirm-actions{gap:var(--space-3);display:flex}.fiche-danger-btn{background:var(--danger);color:var(--white);padding:8px var(--space-5);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:13px;font-weight:600;transition:background .15s}.fiche-danger-btn:hover{background:#dc2626}.fiche-danger-btn:disabled{opacity:.6;cursor:not-allowed}.fiche-summary-card{justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-4);padding:var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md);align-items:center;display:flex}.fiche-summary-main{align-items:center;gap:var(--space-4);min-width:0;display:flex}.fiche-summary-avatar{border-radius:var(--radius-full);background:var(--primary);width:58px;height:58px;color:var(--white);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.fiche-summary-main h3{color:var(--neutral-900);margin:0;font-size:18px}.fiche-summary-main p{color:var(--neutral-500);font-size:13px}.fiche-summary-metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(100px,1fr));display:grid}.fiche-metric{padding:var(--space-3);border-radius:var(--radius-md);background:var(--neutral-50);border:1px solid var(--neutral-200)}.fiche-metric span{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.fiche-metric strong{color:var(--neutral-900);margin-top:3px;font-size:20px;display:block}.fiche-metric-success strong{color:var(--success)}.fiche-metric-warning strong{color:var(--warning)}.fiche-metric-danger strong{color:var(--danger)}.fiche-tabs{gap:var(--space-2);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--neutral-100);padding:4px;display:flex;overflow-x:auto}.fiche-tabs button{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--neutral-500);white-space:nowrap;background:0 0;padding:9px 13px;font-size:13px;font-weight:700;display:inline-flex}.fiche-tabs button.active{background:var(--primary);color:var(--white)}.fiche-section{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.fiche-section-title{margin:0 0 var(--space-4);color:var(--neutral-900);padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-200);font-size:14px;font-weight:600}.fiche-section-actions{margin-bottom:var(--space-4);justify-content:flex-end;display:flex}.fiche-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.fiche-info-item{flex-direction:column;gap:3px;display:flex}.fiche-info-label{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.fiche-info-value{color:var(--neutral-900);font-size:13px;font-weight:500}.fiche-observation{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--warning-light);border-radius:var(--radius-md);color:#92400e;font-size:13px}.fiche-alert{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--warning-light);color:#92400e;font-size:13px;font-weight:700;display:flex}.fiche-solde-card{align-items:baseline;gap:var(--space-2);display:flex}.fiche-solde-number{color:var(--primary);font-size:40px;font-weight:800}.fiche-solde-label{color:var(--neutral-500);font-size:16px}.fiche-empty-state{padding:var(--space-3) var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-400);font-size:13px}.fiche-table-wrap{overflow-x:auto}.fiche-table{border-collapse:collapse;width:100%;font-size:13px}.fiche-th{text-align:left;padding:10px var(--space-4);background:var(--neutral-50);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--neutral-200);font-size:11px;font-weight:600}.fiche-td{padding:11px var(--space-4);border-bottom:1px solid var(--neutral-200);color:var(--neutral-700);vertical-align:top;font-size:13px}.fiche-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.fiche-conge-type,.fiche-conge-statut{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.fiche-conge-type{background:var(--secondary-light);color:var(--secondary)}.fiche-formation-sub-title{text-transform:uppercase;letter-spacing:.6px;color:var(--neutral-500);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;display:flex}.fiche-formation-sub-count{border-radius:var(--radius-full);background:var(--neutral-200);min-width:20px;height:20px;color:var(--neutral-700);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.fiche-empty-sm{padding:12px 0;font-size:13px}.fiche-planifiees-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:8px;display:grid}.fiche-planifiee-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-left:4px solid var(--primary);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:14px 16px;transition:box-shadow .15s;display:flex}.fiche-planifiee-card:hover{box-shadow:var(--shadow-md)}.fiche-planifiee-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fiche-planifiee-plan{color:var(--primary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.fiche-planifiee-plan-label{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);color:var(--primary);background:#1e3a5f1a;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:800}.fiche-planifiee-org{color:var(--neutral-500);font-size:12px;font-weight:500}.fiche-planifiee-meta{color:var(--neutral-600);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.fiche-formation-name-badge{border-radius:var(--radius-full);background:var(--primary);color:var(--white);white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:260px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.fiche-formation-type,.fiche-note-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.fiche-formation-type.type-interne{background:var(--secondary-light);color:var(--secondary)}.fiche-formation-type.type-externe{color:#7e22ce;background:#f3e8ff}.fiche-note-badge{background:var(--neutral-100);color:var(--neutral-700)}.fiche-conge-statut.statut-en_attente{background:var(--warning-light);color:var(--warning)}.fiche-conge-statut.statut-approuve{background:var(--success-light);color:var(--success)}.fiche-conge-statut.statut-refuse{background:var(--danger-light);color:var(--danger)}.fiche-conge-refs{color:var(--neutral-500);flex-direction:column;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:flex}.fiche-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.fiche-link-btn{background:var(--secondary-light);color:var(--secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0d8bff33;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s}.fiche-link-btn:hover{background:#c7e7ff}.fiche-delete-btn{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #ef444433;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s}.fiche-delete-btn:hover{background:#fecaca}.fiche-upload-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-200)}.fiche-upload-grid{gap:var(--space-3);grid-template-columns:1.4fr 1fr auto;align-items:center;display:grid}.fiche-text-input{border-radius:var(--radius-md);border:1px solid var(--neutral-300);background:var(--neutral-50);outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.fiche-text-input:focus{border-color:var(--secondary);background:var(--white)}.fiche-drop-zone{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-5);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);background:var(--neutral-50);color:var(--neutral-500);text-align:center;font-size:13px;font-weight:700;display:flex;position:relative}.fiche-drop-zone.active,.fiche-drop-zone:hover{border-color:var(--secondary);background:var(--secondary-light);color:var(--secondary)}.fiche-file-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.fiche-primary-btn{align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:8px var(--space-5);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-size:13px;font-weight:600;transition:background .15s;display:flex}.fiche-primary-btn:hover{background:var(--primary-light)}.fiche-primary-btn:disabled{opacity:.6;cursor:not-allowed}.fiche-form-error{margin-top:var(--space-3);color:var(--danger);font-size:13px;font-weight:500}.fiche-form-success{margin-top:var(--space-3);color:var(--success);background:var(--success-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:13px;font-weight:500}.fiche-file-name{font-weight:600}.fiche-file-meta{color:var(--neutral-400);font-size:12px}.fiche-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fiche-modal{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.25s ease-out scaleIn;overflow-y:auto}.fiche-modal-title{color:var(--neutral-900);margin:0 0 var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200);font-size:18px;font-weight:700}.fiche-modal-grid{gap:var(--space-4);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.fiche-modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);display:flex}.fiche-modal-field{flex-direction:column;gap:5px;display:flex}.fiche-modal-field-label{color:var(--neutral-700);font-size:13px;font-weight:600}.fiche-input{border-radius:var(--radius-md);border:1px solid var(--neutral-300);background:var(--neutral-50);width:100%;color:var(--neutral-900);box-sizing:border-box;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.fiche-input:focus{border-color:var(--secondary);background:var(--white)}.fiche-cancel-btn{padding:9px var(--space-5);background:var(--white);color:var(--neutral-700);border:1px solid var(--neutral-200);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.fiche-cancel-btn:hover{background:var(--neutral-100)}@media (width<=760px){.fiche-summary-card{flex-direction:column;align-items:stretch}.fiche-summary-metrics,.fiche-upload-grid{grid-template-columns:1fr}}.personnel-page{width:100%;animation:.2s ease-out fadeIn}.conges-container{padding:0}.conges-page-header{margin-bottom:var(--space-6)}.conges-page-subtitle{color:var(--neutral-500);margin-bottom:4px;font-size:13px;font-weight:500}.conges-title{color:var(--neutral-900);margin:0;font-size:28px;font-weight:700}.conges-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.conges-filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.conges-filter-search{align-items:center;gap:var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);min-width:250px;color:var(--neutral-400);padding:0 10px;display:flex;position:relative}.conges-filter-search input{width:100%;height:35px;color:var(--neutral-900);background:0 0;border:0;outline:0;font-size:13px}.conges-view-tabs{border-radius:var(--radius-md);background:var(--neutral-100);gap:2px;padding:3px;display:inline-flex}.conges-view-tabs button{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--neutral-500);background:0 0;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.conges-view-tabs button.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.conges-select{border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.conges-select:focus{border-color:var(--secondary)}.conges-add-btn{align-items:center;gap:var(--space-2);padding:9px var(--space-5);background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.conges-add-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.conges-loading{text-align:center;color:var(--neutral-500);padding:3rem 0;font-size:14px}.conges-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:var(--white);box-shadow:var(--shadow-md);overflow-x:auto}.conges-table{border-collapse:collapse;width:100%;font-size:13px}.conges-table thead tr{background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.conges-table th{padding:11px var(--space-4);text-align:left;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:11px;font-weight:600}.conges-table td{padding:12px var(--space-4);color:var(--neutral-700);border-bottom:1px solid var(--neutral-200);vertical-align:middle}.conges-table tbody tr:hover{background:var(--neutral-50)}.conges-table tbody tr:last-child td{border-bottom:none}.conges-empty{text-align:center;color:var(--neutral-400);padding:3rem var(--space-4);font-size:14px}.conges-emp{color:var(--neutral-900);font-weight:500}.conges-matricule{color:var(--neutral-400);margin-left:4px;font-size:11px;font-weight:400}.conges-jours{color:var(--primary);text-align:center;font-weight:700}.conges-solde{color:var(--success);text-align:center;font-weight:600}.conges-ref{color:var(--neutral-500);font-family:ui-monospace,monospace;font-size:12px}.conges-type-badge{border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.type-annuel{background:var(--secondary-light);color:var(--secondary)}.type-maladie{background:var(--danger-light);color:var(--danger)}.type-maternite{color:#9d174d;background:#fce7f3}.type-sans_solde{background:var(--neutral-100);color:var(--neutral-500)}.type-exceptionnel{background:var(--warning-light);color:var(--warning)}.conges-statut-badge{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.statut-en_attente{background:var(--warning-light);color:var(--warning)}.statut-approuve{background:var(--success-light);color:var(--success)}.statut-refuse{background:var(--danger-light);color:var(--danger)}.conges-calendar{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.conges-calendar-item{padding:var(--space-4);border:1px solid var(--neutral-200);border-left:4px solid var(--secondary);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md);flex-direction:column;gap:5px;display:flex}.conges-calendar-item span{color:var(--neutral-500);font-size:12px;font-weight:700}.conges-calendar-item strong{color:var(--neutral-900)}.conges-calendar-item small{color:var(--neutral-500)}.conges-calendar-item.statut-en_attente{border-left-color:var(--warning)}.conges-calendar-item.statut-approuve{border-left-color:var(--success)}.conges-calendar-item.statut-refuse{border-left-color:var(--danger)}.conges-actions{gap:6px;display:flex}.btn-edit,.btn-delete,.btn-file{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s,transform .1s;display:inline-flex}.btn-edit{background:var(--secondary-light);color:var(--secondary)}.btn-delete{background:var(--danger-light);color:var(--danger)}.btn-file{background:var(--success-light);color:var(--success)}.btn-edit:hover{background:#c7e7ff;transform:scale(1.05)}.btn-delete:hover{background:#fecaca;transform:scale(1.05)}.btn-file:hover{background:#a7f3d0;transform:scale(1.05)}.conges-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);color:var(--neutral-500);font-size:13px;display:flex}.conges-pagination button{border:1px solid var(--neutral-200);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;color:var(--neutral-700);padding:7px 14px;font-size:13px;transition:background .15s,border-color .15s}.conges-pagination button:disabled{opacity:.4;cursor:not-allowed}.conges-pagination button:not(:disabled):hover{background:var(--neutral-100);border-color:var(--neutral-300)}.conges-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.conges-modal{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.25s ease-out scaleIn;overflow-y:auto}.conges-modal-title{color:var(--neutral-900);margin:0 0 var(--space-5);font-size:18px;font-weight:700}.conges-modal-grid{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.conges-field{margin-bottom:var(--space-3);flex-direction:column;gap:5px;display:flex;position:relative}.conges-field-full{grid-column:1/-1}.conges-field label{color:var(--neutral-700);font-size:13px;font-weight:600}.conges-field input,.conges-field select,.conges-field textarea{border:1px solid var(--neutral-300);border-radius:var(--radius-md);color:var(--neutral-900);background:var(--neutral-50);resize:vertical;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.conges-field input:focus,.conges-field select:focus,.conges-field textarea:focus{border-color:var(--secondary);background:var(--white);box-shadow:0 0 0 3px #0d8bff1a}.conges-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--neutral-500);margin:var(--space-4) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-200);font-size:11px;font-weight:600}.conges-suggestions{background:var(--white);border:1px solid var(--neutral-300);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:50;box-shadow:var(--shadow-lg);list-style:none;position:absolute;top:calc(100% - 2px);left:0;right:0;overflow:hidden}.conges-suggestions li{cursor:pointer;color:var(--neutral-700);padding:9px 12px;font-size:13px;transition:background .1s}.conges-suggestions li:hover{background:var(--neutral-100)}.emp-solde{color:var(--neutral-400);font-size:12px}.conges-file-zone{border:2px dashed var(--neutral-300);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.conges-file-zone:hover{border-color:var(--secondary);background:var(--secondary-light)}.conges-file-placeholder{color:var(--neutral-400);font-size:13px}.conges-file-name{color:var(--secondary);font-size:13px;font-weight:500}.conges-existing-file{align-items:center;gap:var(--space-2);color:var(--neutral-500);margin-bottom:var(--space-2);font-size:13px;display:flex}.conges-balance-preview{gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--secondary-light);grid-template-columns:repeat(3,1fr);display:grid}.conges-balance-preview span{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.4px;flex-direction:column;gap:2px;font-size:11px;font-weight:700;display:flex}.conges-balance-preview strong{color:var(--neutral-900);font-size:18px}.conges-file-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.conges-file-remove:hover{text-decoration:underline}.field-error{color:var(--danger);font-size:12px}.mt-1{margin-top:4px}.conges-modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);display:flex}.btn-cancel{padding:9px var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.btn-cancel:hover{background:var(--neutral-100)}.btn-submit{padding:9px var(--space-6);background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:13px;font-weight:600;transition:background .15s}.btn-submit:hover{background:var(--primary-light)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:9px var(--space-6);background:var(--danger);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:13px;font-weight:700}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.conges-confirm{width:min(100%,460px);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-xl);animation:.2s ease-out scaleIn}.conges-confirm h3{margin:0 0 var(--space-3);color:var(--neutral-900)}.conges-confirm p{color:var(--neutral-700);margin:0}@media (width<=720px){.conges-filter-search,.conges-select,.conges-view-tabs,.conges-add-btn{width:100%}.conges-view-tabs,.conges-add-btn{justify-content:center}.conges-balance-preview{grid-template-columns:1fr}}.formations-container{max-width:1200px}.formations-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.formations-page-subtitle{color:var(--neutral-500);margin-bottom:4px;font-size:13px;font-weight:500}.formations-title{color:var(--neutral-900);margin:0;font-size:28px;font-weight:700}.formations-tabs{margin-bottom:var(--space-5);border-radius:var(--radius-lg);background:var(--neutral-100);gap:2px;padding:4px;display:inline-flex}.formations-tabs button{border-radius:var(--radius-md);color:var(--neutral-500);background:0 0;padding:9px 14px;font-size:13px;font-weight:800}.formations-tabs button.active{background:var(--primary);color:var(--white);box-shadow:var(--shadow-sm)}.formations-card,.formations-table-card{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md)}.formations-card{padding:var(--space-5)}.formations-section-head{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.formations-section-head h3{margin:0 0 4px;font-size:16px}.formations-section-head p{color:var(--neutral-500);font-size:13px}.formations-accordion{gap:var(--space-3);flex-direction:column;display:flex}.formation-plan-item{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);overflow:hidden}.formation-plan-summary-wrap{background:var(--white);align-items:center;display:flex}.formation-plan-summary{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--white);text-align:left;flex:1;grid-template-columns:1fr auto auto;display:grid}.formation-plan-actions{gap:var(--space-2);padding:0 var(--space-3) 0 0;flex-shrink:0;display:flex}.formation-plan-main{flex-direction:column;min-width:0;display:flex}.formation-plan-main strong{color:var(--neutral-900);font-size:14px}.formation-plan-main small,.formation-plan-row small,.formations-table td small{color:var(--neutral-500);font-size:12px;display:block}.formation-plan-summary svg.open{transform:rotate(180deg)}.formation-plan-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.formation-plan-list{gap:var(--space-3);display:grid}.formation-plan-card{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.formation-plan-card-header{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-50);display:flex}.formation-plan-card-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.formation-plan-card-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.formation-plan-card-title{color:var(--neutral-900);font-size:13px}.formation-plan-card-details{gap:var(--space-3);color:var(--neutral-500);flex-wrap:wrap;align-items:center;font-size:12px;display:flex}.formation-plan-employes{padding:var(--space-3) var(--space-4);border-top:1px solid var(--neutral-100);gap:var(--space-2);flex-direction:column;display:flex}.formation-plan-employes-label{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.formation-plan-employes-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.formation-plan-employe-chip{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:999px;flex-direction:column;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.formation-plan-employe-chip small{color:var(--neutral-500);font-size:10px;font-weight:400}.formation-plan-employes-empty{color:var(--neutral-400);padding:var(--space-2) var(--space-4);font-size:12px;font-style:italic}.formation-plan-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);grid-template-columns:auto 1fr auto;display:grid}.formation-status,.formation-type,.formation-note-badge{border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-draft{background:var(--warning-light);color:var(--warning)}.status-valide{background:var(--success-light);color:var(--success)}.status-clos{background:var(--neutral-100);color:var(--neutral-500)}.formation-type.type-interne{background:var(--secondary-light);color:var(--secondary)}.formation-type.type-externe{color:#7e22ce;background:#f3e8ff}.formations-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.formations-filter{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.formations-filter label,.formation-panel-search label{color:var(--neutral-500);letter-spacing:.6px;text-transform:uppercase;flex-direction:column;gap:5px;font-size:11px;font-weight:800;display:flex}.formations-filter select{border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);min-width:150px;color:var(--neutral-700);padding:9px 12px;font-size:13px}.formations-search-note{align-items:center;gap:var(--space-2);color:var(--neutral-500);font-size:13px;font-weight:700;display:inline-flex}.formations-table-wrap{overflow-x:auto}.formations-table{border-collapse:collapse;width:100%;font-size:13px}.formations-table th{padding:12px var(--space-4);border-bottom:1px solid var(--neutral-200);background:var(--neutral-50);color:var(--neutral-500);letter-spacing:.6px;text-align:left;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800}.formations-table td{padding:13px var(--space-4);border-bottom:1px solid var(--neutral-200);color:var(--neutral-700);vertical-align:middle}.formations-table tbody tr:hover{background:var(--neutral-50)}.formations-table tbody tr:last-child td{border-bottom:0}.formations-table td strong{color:var(--neutral-900)}.formation-row-actions{align-items:center;gap:var(--space-2);display:flex}.formation-icon-btn,.formation-link-btn,.formation-btn-primary,.formation-btn-secondary,.formation-btn-success,.formation-panel-primary{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);white-space:nowrap;font-size:13px;font-weight:800;display:inline-flex}.formation-icon-btn{border:1px solid var(--neutral-200);background:var(--white);width:34px;height:34px;color:var(--neutral-500)}.formation-icon-btn:hover{background:var(--neutral-100);color:var(--primary)}.formation-icon-btn.danger{color:var(--danger)}.formation-link-btn{background:var(--secondary-light);color:var(--secondary);border:1px solid #0d8bff33;padding:7px 11px}.formation-btn-primary,.formation-panel-primary{padding:9px var(--space-5);background:var(--primary);color:var(--white)}.formation-btn-primary:hover,.formation-panel-primary:hover{background:var(--primary-light)}.formation-btn-secondary{padding:9px var(--space-5);border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-700)}.formation-btn-success{width:fit-content;padding:8px var(--space-4);background:var(--success-light);color:var(--success)}.formation-btn-primary:disabled,.formation-btn-secondary:disabled,.formation-btn-success:disabled,.formation-panel-primary:disabled,.formation-icon-btn:disabled{cursor:not-allowed;opacity:.6}.formation-empty,.formation-error,.formation-empty-cell{padding:var(--space-4);border-radius:var(--radius-md);background:var(--neutral-50);color:var(--neutral-500);font-size:13px}.formation-error{background:var(--danger-light);color:var(--danger);font-weight:700}.formation-empty-cell{padding:3rem var(--space-4);text-align:center}.formations-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);color:var(--neutral-500);font-size:13px;display:flex}.formations-pagination button{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);padding:7px 13px}.formation-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.formation-modal-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.formation-modal-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);display:flex}.formation-form-error{color:var(--danger);font-size:13px;font-weight:700}.formation-service-section{gap:var(--space-3);padding:var(--space-4);background:var(--neutral-50,#f9fafb);border:1px solid var(--neutral-200);border-radius:var(--radius-md);flex-direction:column;display:flex}.formation-service-header{align-items:center;gap:var(--space-2);display:flex}.formation-service-title{color:var(--neutral-700,#374151);font-size:13px;font-weight:700}.formation-service-hint{color:var(--neutral-400,#9ca3af);background:var(--neutral-100,#f3f4f6);border-radius:999px;padding:2px 8px;font-size:11px}.formation-service-select-wrap{display:flex}.formation-service-select{width:100%;padding:8px var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-sm);color:var(--neutral-700,#374151);background:#fff;font-size:13px}.formation-employe-search{border:1px solid var(--neutral-200,#e5e7eb);border-radius:var(--radius-md,6px);width:100%;color:var(--neutral-800,#1f2937);background:var(--white,#fff);box-sizing:border-box;margin-bottom:var(--space-1);outline:none;padding:6px 10px;font-size:13px}.formation-employe-search:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 15%, transparent)}.formation-employe-list{gap:var(--space-1);flex-direction:column;display:flex}.formation-employe-loading,.formation-employe-empty{color:var(--neutral-400,#9ca3af);padding:var(--space-2) 0;font-size:13px}.formation-employe-all{padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-200);font-weight:600}.formation-employe-scroll{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.formation-employe-item{align-items:center;gap:var(--space-2);padding:5px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:background .1s;display:flex}.formation-employe-item:hover{background:var(--neutral-100,#f3f4f6)}.formation-employe-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;width:15px;height:15px}.formation-employe-name{color:var(--neutral-800,#1f2937);flex:1}.formation-employe-meta{color:var(--neutral-400,#9ca3af);font-size:11px}.formation-employe-count{color:var(--primary);padding-top:var(--space-2);border-top:1px solid var(--neutral-200);font-size:12px;font-weight:600}.formation-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1118276b;justify-content:flex-end;display:flex;position:fixed;inset:0}.formation-panel{width:min(100%,420px);height:100%;padding:var(--space-5);background:var(--white);box-shadow:var(--shadow-xl);flex-direction:column;animation:.22s ease-out slideInRight;display:flex}.formation-panel-header{justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200);display:flex}.formation-panel-header p{color:var(--neutral-500);text-transform:uppercase;font-size:12px;font-weight:800}.formation-panel-header h3{margin:2px 0 0;font-size:18px}.formation-panel-search{gap:var(--space-3);padding:var(--space-4) 0;display:grid;position:relative}.formation-search-box{align-items:center;gap:var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--neutral-50);color:var(--neutral-400);padding:0 10px;display:flex}.formation-search-box input{width:100%;height:38px;color:var(--neutral-900);background:0 0;border:0;outline:0}.formation-suggestions{z-index:2;border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-lg);position:absolute;top:86px;left:0;right:0;overflow:hidden}.formation-suggestions button{justify-content:space-between;gap:var(--space-2);background:var(--white);width:100%;color:var(--neutral-700);text-align:left;padding:10px 12px;display:flex}.formation-suggestions button:hover{background:var(--neutral-50)}.formation-suggestions span{color:var(--neutral-400)}.formation-panel-error{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-light);color:var(--danger);font-size:13px;font-weight:700}.formation-panel-list{gap:var(--space-3);padding-right:2px;display:grid;overflow-y:auto}.formation-panel-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);grid-template-columns:auto 1fr auto;display:grid}.formation-avatar{border-radius:var(--radius-full);background:var(--primary);width:38px;height:38px;color:var(--white);justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.formation-panel-person{flex-direction:column;min-width:0;display:flex}.formation-panel-person strong{color:var(--neutral-900);font-size:13px}.formation-panel-person small{color:var(--neutral-500);font-size:12px}@media (width<=760px){.formations-page-header,.formations-toolbar{flex-direction:column;align-items:stretch}.formations-tabs,.formation-btn-primary,.formations-filter label,.formations-filter select{width:100%}.formation-modal-grid{grid-template-columns:1fr}}.eval-form{gap:var(--space-4);flex-direction:column;display:flex}.eval-context{padding:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);flex-direction:column;gap:3px;display:flex}.eval-context span,.eval-field span,.eval-slider span,.eval-radio-group legend{color:var(--neutral-500);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:800}.eval-context strong{color:var(--neutral-900);font-size:14px}.eval-radio-group{gap:var(--space-3);border:0;padding:0;display:flex}.eval-radio-group legend{width:100%;margin-bottom:var(--space-2)}.eval-radio-group label,.eval-toggle{align-items:center;gap:var(--space-2);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;padding:9px 12px;font-weight:700;display:inline-flex}.eval-slider{gap:var(--space-2);grid-template-columns:1fr auto;align-items:center;display:grid}.eval-slider input{width:100%;accent-color:var(--secondary);grid-column:1/-1}.eval-field{gap:var(--space-2);flex-direction:column;display:flex}.eval-field textarea{resize:vertical;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--neutral-50);width:100%;color:var(--neutral-900);outline:0;padding:10px 12px}.eval-field textarea:focus{border-color:var(--secondary);background:var(--white)}.eval-toggle{justify-content:flex-start}.eval-error{color:var(--danger);font-size:13px;font-weight:700}.eval-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);display:flex}.eval-btn-secondary,.eval-btn-primary{padding:9px var(--space-5);border-radius:var(--radius-md);font-size:13px;font-weight:800}.eval-btn-secondary{border:1px solid var(--neutral-200);background:var(--white);color:var(--neutral-700)}.eval-btn-primary{background:var(--primary);color:var(--white)}.eval-btn-primary:disabled,.eval-btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (width<=560px){.eval-radio-group,.eval-actions{flex-direction:column}.eval-actions button{width:100%}}.mes-formations-container{max-width:1100px}.mes-formations-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.mes-formations-subtitle{color:var(--neutral-500);margin-bottom:4px;font-size:13px;font-weight:500}.mes-formations-header h2{color:var(--neutral-900);margin:0;font-size:28px;font-weight:700}.mes-formations-kpis{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mes-formation-metric{padding:var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md)}.mes-formation-metric span{color:var(--neutral-500);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.mes-formation-metric strong{color:var(--neutral-900);margin-top:5px;font-size:28px;line-height:1;display:block}.metric-info strong{color:var(--secondary)}.metric-warning strong{color:var(--warning)}.metric-success strong{color:var(--success)}.mes-formations-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));display:grid}.mes-formation-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.mes-formation-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.mes-formation-icon{border-radius:var(--radius-md);background:var(--secondary-light);width:38px;height:38px;color:var(--secondary);justify-content:center;align-items:center;display:inline-flex}.mes-formation-status{border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.mes-formation-status.status-upcoming{background:var(--secondary-light);color:var(--secondary)}.mes-formation-status.status-active{background:var(--warning-light);color:var(--warning)}.mes-formation-status.status-done{background:var(--success-light);color:var(--success)}.mes-formation-card h3{min-height:44px;color:var(--neutral-900);margin:0;font-size:16px}.mes-formation-meta{gap:var(--space-2);color:var(--neutral-500);font-size:13px;display:grid}.mes-formation-meta span{align-items:center;gap:var(--space-2);display:inline-flex}.mes-formation-evaluate{width:100%;padding:9px var(--space-4);border-radius:var(--radius-md);background:var(--primary);color:var(--white);margin-top:auto;font-size:13px;font-weight:800}.mes-formation-evaluate:disabled{cursor:not-allowed;opacity:.45}.mes-formation-evaluated{align-items:center;gap:var(--space-2);padding:9px var(--space-3);border-radius:var(--radius-md);background:var(--success-light);color:var(--success);margin-top:auto;font-size:13px;font-weight:800;display:inline-flex}.mes-formation-empty,.mes-formation-error{padding:var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--white);color:var(--neutral-500);box-shadow:var(--shadow-md)}.mes-formation-error{background:var(--danger-light);color:var(--danger);border-color:#ef444440;font-weight:800}@media (width<=720px){.mes-formations-kpis{grid-template-columns:1fr}}.rapport-preview-group ul{gap:var(--space-2);color:var(--neutral-700);flex-direction:column;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.rapport-container{gap:var(--space-5);flex-direction:column;display:flex}.rapport-page-header{flex-direction:column;display:flex}.rapport-page-subtitle{color:var(--neutral-500);margin:0 0 4px;font-size:13px;font-weight:500}.rapport-page-title{color:var(--neutral-900);margin:0;font-size:28px;font-weight:700}.rapport-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.rapport-intro{color:var(--neutral-600);margin:0;font-size:13px;line-height:1.5}.rapport-form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.rapport-field{gap:var(--space-2);color:var(--neutral-700);flex-direction:column;font-size:13px;font-weight:600;display:flex}.rapport-field select{padding:8px var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-sm);background:var(--neutral-50);font-size:13px}.rapport-field select:focus{border-color:var(--secondary);background:var(--white);outline:none}.rapport-actions{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--neutral-200);display:flex}.rapport-btn-secondary{padding:var(--space-2) var(--space-4);background:var(--neutral-100);border-radius:var(--radius-md);color:var(--neutral-700);cursor:pointer;border:none;font-size:13px;font-weight:600}.rapport-btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary);border-radius:var(--radius-md);color:var(--white);cursor:pointer;border:none;font-size:13px;font-weight:600;display:inline-flex}.rapport-btn-primary:disabled,.rapport-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.rapport-error{padding:var(--space-3);background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:13px}.rapport-empty{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--warning-light,#fff8e6);border:1px solid var(--warning,#f5a623);border-radius:var(--radius-md);color:var(--warning-dark,#946c00);font-size:13px;display:flex}.rapport-preview{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.rapport-preview-group{background:var(--neutral-50);border-radius:var(--radius-md);padding:var(--space-4)}.rapport-preview-group h4{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--primary);font-size:13px;display:flex}.rapport-preview-total{color:var(--neutral-700);margin:0;font-size:13px}.rapport-preview-total strong{color:var(--neutral-900);font-size:18px}.ui-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:var(--white);width:100%;box-shadow:var(--shadow-md);overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;font-size:13px}.ui-thead{background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.ui-th{padding:11px var(--space-5);text-align:left;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:11px;font-weight:600}.ui-tr{border-bottom:1px solid var(--neutral-200);transition:background .15s}.ui-tr:last-child{border-bottom:none}.ui-tr-clickable{cursor:pointer}.ui-tr-clickable:hover{background:var(--neutral-50)}.ui-td{padding:12px var(--space-5);color:var(--neutral-700);vertical-align:middle}.ui-td-empty{padding:3rem var(--space-5);text-align:center;color:var(--neutral-400);font-size:14px}.de-container{padding:0}.de-page-header{margin-bottom:var(--space-6)}.de-page-subtitle{color:var(--neutral-500);margin-bottom:4px;font-size:13px;font-weight:500}.de-title{align-items:center;gap:var(--space-2);color:var(--neutral-900);margin:0;font-size:28px;font-weight:700;display:flex}.de-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.de-filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.de-filter-search{align-items:center;gap:var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);min-width:250px;color:var(--neutral-400);padding:0 10px;display:flex}.de-filter-search input{width:100%;height:35px;color:var(--neutral-900);background:0 0;border:0;outline:0;font-size:13px}.de-select{border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.de-select:focus{border-color:var(--secondary)}.de-add-btn{align-items:center;gap:var(--space-2);padding:9px var(--space-5);background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.de-add-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.de-actions{gap:var(--space-2);align-items:center;display:flex}.de-link-btn{color:var(--secondary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.de-link-btn:hover{text-decoration:underline}.de-matricule{color:var(--neutral-500);font-weight:500}.de-delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.de-delete-btn:hover{text-decoration:underline}.de-empty-state{padding:var(--space-6);text-align:center;color:var(--neutral-500);background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg)}.de-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);color:var(--neutral-600);font-size:13px;display:flex}.de-pagination button{border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;padding:6px 12px;font-size:13px}.de-pagination button:disabled{opacity:.5;cursor:not-allowed}.de-form{gap:var(--space-3);flex-direction:column;display:flex}.de-emp-search{position:relative}.de-emp-suggestions{z-index:10;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:200px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.de-emp-suggestions button{text-align:left;width:100%;color:var(--neutral-800);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 10px;font-size:13px;display:block}.de-emp-suggestions button:hover{background:var(--neutral-100)}.de-obligatoire{align-items:center;gap:var(--space-2);color:var(--neutral-700);cursor:pointer;font-size:13px;display:flex}.de-form-error{color:#991b1b;border-radius:var(--radius-md);background:#fee2e2;padding:8px 12px;font-size:13px}.de-form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.de-cancel-btn{border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--white);color:var(--neutral-700);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600}.de-primary-btn{border-radius:var(--radius-md);background:var(--primary);color:var(--white);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:600}.de-primary-btn:disabled{opacity:.6;cursor:not-allowed}.de-danger-btn{border-radius:var(--radius-md);color:var(--white);cursor:pointer;background:#dc2626;border:none;padding:8px 16px;font-size:13px;font-weight:600}.de-danger-btn:disabled{opacity:.6;cursor:not-allowed}.md-container{padding:0}.md-page-header{margin-bottom:var(--space-6)}.md-page-subtitle{color:var(--neutral-500);margin-bottom:4px;font-size:13px;font-weight:500}.md-title{align-items:center;gap:var(--space-2);color:var(--neutral-900);margin:0;font-size:28px;font-weight:700;display:flex}.md-file-name{color:var(--neutral-900);font-weight:600}.md-file-meta{color:var(--neutral-500);font-size:12px}.md-link-btn{color:var(--secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.md-link-btn:hover{text-decoration:underline}.md-empty-state{padding:var(--space-6);text-align:center;color:var(--neutral-500);background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg)}.unauthorized-page{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.unauthorized-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-10) 4rem;text-align:center;box-shadow:var(--shadow-xl);width:100%;max-width:440px;animation:.25s ease-out scaleIn}.unauthorized-icon{background:var(--danger-light);width:72px;height:72px;margin:0 auto var(--space-5);color:var(--danger);border-radius:50%;justify-content:center;align-items:center;display:flex}.unauthorized-title{color:var(--neutral-900);margin:0 0 var(--space-2);font-size:24px;font-weight:700}.unauthorized-text{color:var(--neutral-500);margin:0 0 var(--space-8);font-size:14px;line-height:1.6}.unauthorized-back-btn{align-items:center;gap:var(--space-2);padding:10px var(--space-6);background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.unauthorized-back-btn:hover{background:var(--primary-light);transform:translateY(-1px)}