:root{--sidebar-width: 256px;--teal-deep: #025159;--teal: #3E848C;--teal-light: #7AB8BF;--teal-pale: #C4EEF2;--copper: #A67458;--pink: #FF2D78;--sidebar-bg: var(--teal-deep);--sidebar-text: rgba(255,255,255,.72);--sidebar-text-hover: #ffffff;--sidebar-active-bg: rgba(255,255,255,.12);--sidebar-active-text: #ffffff;--sidebar-active-border: var(--teal-light);--bg: #f7f8fa;--white: #ffffff;--primary: var(--teal-deep);--primary-hover: #013d42;--primary-light: rgba(196, 238, 242, .2);--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-muted: #94a3b8;--border: #e8ecf1;--border-hover: #cbd5e1;--card-shadow: 0 1px 3px 0 rgba(0,0,0,.05), 0 1px 2px -1px rgba(0,0,0,.05);--card-shadow-hover: 0 4px 12px 0 rgba(2,81,89,.08);--radius: 8px;--radius-lg: 12px;--radius-full: 9999px;--valid-color: #16a34a;--valid-bg: #f0fdf4;--valid-border: #bbf7d0;--bientot-color: #d97706;--bientot-bg: #fffbeb;--bientot-border: #fde68a;--expire-color: #dc2626;--expire-bg: #fef2f2;--expire-border: #fecaca;--manquant-color: #64748b;--manquant-bg: #f8fafc;--manquant-border: #e2e8f0;--danger: #ef4444;--danger-hover: #dc2626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden}.page{padding:32px;max-width:1200px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.sidebar-logo-subtitle{font-size:11px;color:var(--sidebar-text);margin-top:2px;letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav-label{font-size:10px;font-weight:600;color:var(--sidebar-text);text-transform:uppercase;letter-spacing:1px;padding:12px 8px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s ease;border:none;background:none;cursor:pointer;width:100%;text-align:left}.nav-link:hover{color:var(--sidebar-text-hover);background:#ffffff0d}.nav-link.active{color:var(--sidebar-active-text);background:var(--sidebar-active-bg);border-left:2px solid var(--sidebar-active-border);padding-left:10px}.nav-link svg{flex-shrink:0;opacity:.7}.nav-link.active svg{opacity:1}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{padding:10px 12px;border-radius:var(--radius);margin-bottom:4px}.sidebar-user-email{font-size:12.5px;color:var(--sidebar-text-hover);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--sidebar-text);margin-top:1px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.page-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13.5px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--white);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-lg{padding:11px 24px;font-size:15px}.btn-icon{padding:7px;border-radius:var(--radius)}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--card-shadow)}.card-body{padding:20px 24px}.card-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:15px;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--card-shadow);padding:20px 24px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s ease}.stat-card:hover{box-shadow:var(--card-shadow-hover)}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.stat-card-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.stat-card-icon.blue{background:var(--teal-pale);color:var(--teal-deep)}.stat-card-icon.green{background:#f0fdf4;color:#16a34a}.stat-card-icon.orange{background:#fffbeb;color:#d97706}.stat-card-icon.red{background:#fef2f2;color:#dc2626}.stat-card-icon.slate{background:#f8fafc;color:#64748b}.stat-card-icon.teal{background:var(--teal-pale);color:var(--teal-deep)}.stat-card-icon.pink{background:#ff2d7814;color:var(--pink)}.stat-card-value{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-1px;line-height:1}.stat-card-footer{font-size:12px;color:var(--text-muted)}.table-wrapper{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--card-shadow);overflow:hidden}table{width:100%;border-collapse:collapse}thead{background:#f8fafc;border-bottom:1px solid var(--border)}th{padding:11px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{padding:13px 16px;color:var(--text-primary);font-size:13.5px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s ease}tbody tr:hover{background:#f8fafc}tbody tr.clickable{cursor:pointer}.table-empty{padding:48px 24px;text-align:center;color:var(--text-muted);font-size:14px}.table-empty-icon{margin:0 auto 12px;width:40px;height:40px;color:#cbd5e1}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap}.status-badge.valide{color:var(--valid-color);background:var(--valid-bg);border:1px solid var(--valid-border)}.status-badge.expire_bientot{color:var(--bientot-color);background:var(--bientot-bg);border:1px solid var(--bientot-border)}.status-badge.expire{color:var(--expire-color);background:var(--expire-bg);border:1px solid var(--expire-border)}.status-badge.manquant{color:var(--manquant-color);background:var(--manquant-bg);border:1px solid var(--manquant-border)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.count-badge.red{color:var(--expire-color);background:var(--expire-bg)}.count-badge.orange{color:var(--bientot-color);background:var(--bientot-bg)}.count-badge.slate{color:var(--manquant-color);background:var(--manquant-bg)}.count-badge.zero{color:var(--text-muted);background:transparent}.form-group{margin-bottom:18px}.form-group:last-of-type{margin-bottom:0}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}input[type=text],input[type=email],input[type=password],input[type=date],input[type=tel],select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;color:var(--text-primary);background:var(--white);outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #3e848c1f}input[type=file]{width:100%;padding:8px 0;font-size:13px;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.form-error{font-size:12px;color:var(--expire-color);margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:0 20px 60px #0003;overflow:hidden}.modal-lg{max-width:640px}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--teal-deep) 0%,#034b52 35%,var(--teal) 100%);padding:20px}.login-card{background:var(--white);border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 25px 60px #0000004d}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{width:52px;height:52px;background:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fff}.login-logo-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.login-logo-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.login-error{background:var(--expire-bg);border:1px solid var(--expire-border);color:var(--expire-color);padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.login-footer{margin-top:32px;text-align:center;font-size:12px;color:var(--text-muted)}.alerts-section{margin-top:28px}.alerts-section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:8px}.detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}.detail-info-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--card-shadow);overflow:hidden}.detail-info-header{background:linear-gradient(160deg,var(--teal-deep) 0%,var(--teal) 100%);padding:24px;color:#fff;text-align:center}.detail-avatar{width:64px;height:64px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px;font-weight:700;color:#fff}.detail-name{font-size:18px;font-weight:700;letter-spacing:-.3px}.detail-poste{font-size:13px;color:#ffffffa6;margin-top:3px}.detail-info-body{padding:20px}.detail-info-row{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--border)}.detail-info-row:last-child{border-bottom:none}.detail-info-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.detail-info-value{font-size:13.5px;color:var(--text-primary);font-weight:500}.qr-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);text-align:center}.qr-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.qr-image{border-radius:var(--radius);border:1px solid var(--border);display:block;margin:0 auto}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;cursor:pointer;transition:all .15s ease;background:#f8fafc}.upload-zone:hover{border-color:var(--teal);background:#c4eef226}.upload-zone.drag-over{border-color:var(--teal-deep);background:#c4eef259;transform:scale(1.01)}.upload-zone-icon{color:var(--text-muted);margin:0 auto 8px}.upload-zone-text{font-size:13px;color:var(--text-secondary)}.upload-zone-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.alert{padding:12px 16px;border-radius:var(--radius);font-size:13.5px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.alert-error{background:var(--expire-bg);border:1px solid var(--expire-border);color:var(--expire-color)}.alert-success{background:var(--valid-bg);border:1px solid var(--valid-border);color:var(--valid-color)}.alert-warning{background:var(--bientot-bg);border:1px solid var(--bientot-border);color:var(--bientot-color)}.alert-info{background:#c4eef233;border:1px solid var(--teal-pale);color:var(--teal-deep)}.search-wrapper{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:9px 12px 9px 36px!important;background:var(--white)!important}.token-box{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.token-text{flex:1;font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-page{min-height:100vh;background:linear-gradient(160deg,var(--teal-deep) 0%,#034b52 35%,var(--teal) 100%);display:flex;align-items:center;justify-content:center;padding:20px}.qr-card{background:#fff;border-radius:16px;overflow:hidden;width:100%;max-width:420px;box-shadow:0 25px 60px #0000004d}.qr-card-header{background:linear-gradient(160deg,var(--teal-deep) 0%,var(--teal) 100%);padding:28px 24px;color:#fff;text-align:center}.qr-employee-name{font-size:22px;font-weight:700;letter-spacing:-.5px}.qr-employee-info{font-size:13px;color:#ffffffb3;margin-top:4px}.qr-card-body{padding:24px}.portail-page{min-height:100vh;background:var(--bg);padding:32px 20px}.portail-container{max-width:680px;margin:0 auto}.portail-header{text-align:center;margin-bottom:32px}.portail-logo{font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px}.portail-subtitle{font-size:14px;color:var(--text-muted)}.portail-doc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;box-shadow:var(--card-shadow);transition:box-shadow .15s ease}.portail-doc-card:hover{box-shadow:var(--card-shadow-hover)}.portail-doc-info{display:flex;flex-direction:column;gap:3px}.portail-doc-name{font-size:14px;font-weight:600;color:var(--text-primary)}.portail-doc-hint{font-size:12px;color:var(--text-muted)}.card-preview-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.spinner{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);gap:10px}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:20px}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-success{color:var(--valid-color)}.text-danger{color:var(--expire-color)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}a{color:var(--teal)}@media (max-width: 1024px){.page{padding:24px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){:root{--sidebar-width: 0px}.sidebar{transform:translate(-100%);transition:transform .28s ease;z-index:1000;width:260px}.sidebar.sidebar-open{transform:translate(0)}.sidebar-toggle{display:inline-flex!important}.sidebar-overlay{display:block}.app-main{margin-left:0;padding-top:56px}.page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-actions{width:100%;justify-content:flex-start}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.detail-layout,.form-row{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}table{min-width:500px}.modal{margin:16px;max-height:calc(100vh - 32px);overflow-y:auto}.modal-lg{max-width:calc(100vw - 32px)}input,textarea,select{font-size:16px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.page{padding:12px}.portail-container,.stat-card{padding:16px}}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;width:40px;height:40px;align-items:center;justify-content:center;background:var(--teal-deep);color:#fff;border:none;border-radius:8px;z-index:1100;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .15s ease}.sidebar-toggle:hover{background:var(--primary-hover)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-link-danger{background:transparent;color:#fca5a5!important;font-family:inherit;font-size:inherit;cursor:pointer;width:100%;text-align:left}.nav-link-danger:hover{background:#f871711f;color:#fecaca!important}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:2000;max-width:380px;width:calc(100vw - 48px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 4px #0000000d;border:1px solid var(--border);border-left:4px solid var(--teal);pointer-events:auto;animation:toastIn .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes toastIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:var(--valid-color)}.toast-error{border-left-color:var(--expire-color)}.toast-warning{border-left-color:var(--bientot-color)}.toast-info{border-left-color:var(--teal)}.toast-icon{flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:var(--valid-color)}.toast-error .toast-icon{color:var(--expire-color)}.toast-warning .toast-icon{color:var(--bientot-color)}.toast-info .toast-icon{color:var(--teal)}.toast-message{flex:1;font-size:13.5px;line-height:1.45;color:var(--text-primary)}.toast-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;line-height:0;transition:background .15s ease}.toast-close:hover{background:var(--bg);color:var(--text-primary)}@media (max-width: 480px){.toast-container{right:12px;left:12px;width:auto;bottom:12px}}*:focus-visible{outline:2px solid var(--teal-light);outline-offset:2px;border-radius:4px}.btn:focus-visible,.nav-link:focus-visible{outline:2px solid var(--teal-light);outline-offset:2px}.row-desactive,.card-desactive{opacity:.55;background:#fafbfc;position:relative}.badge-desactive{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;color:var(--text-muted);background:#e5e7eb;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.suggestion-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}@media (max-width: 900px){.suggestion-layout{grid-template-columns:1fr}}.suggestion-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;box-shadow:var(--card-shadow)}.suggestion-type-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.suggestion-type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:2px solid var(--border);background:#fff;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.suggestion-type-btn:hover{border-color:var(--teal-light);background:#c4eef21f}.suggestion-type-btn.active{border-color:var(--teal-deep);background:#c4eef240;color:var(--teal-deep)}kbd{display:inline-block;padding:2px 6px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:12px;color:var(--text-primary);background:#f1f5f9;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px}.conseil-list{list-style:none;padding:0;margin:0}.conseil-list li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.5;color:var(--text-secondary)}.conseil-list li:last-child{border-bottom:none}.conseil-list svg{flex-shrink:0;margin-top:2px;color:var(--teal)}.notfound-wrap{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:24px}.notfound-card{text-align:center;max-width:460px;padding:40px 32px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.notfound-badge{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:var(--bientot-bg);color:var(--bientot-color);display:flex;align-items:center;justify-content:center}.notfound-404{font-size:56px;font-weight:800;color:var(--teal-deep);line-height:1;margin-bottom:8px;letter-spacing:-2px}