:root{--bg:#f4f6f9;--surface:#ffffff;--border:#e2e8f0;--text:#1a202c;--muted:#64748b;--primary:#1d4ed8;--primary-dark:#1e40af;--sidebar:#0f172a;--sidebar-text:#cbd5e1;--green:#16a34a;--orange:#ea580c;--red:#dc2626;--gray:#94a3b8}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--sidebar);color:var(--sidebar-text);padding:20px 0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar .brand{font-size:19px;font-weight:700;color:#fff;padding:0 20px 16px;border-bottom:1px solid #1e293b;margin-bottom:12px}.sidebar .brand span{color:#60a5fa}.sidebar nav{flex:1 1}.sidebar nav a{display:block;padding:9px 20px;color:var(--sidebar-text);font-size:13.5px}.sidebar nav a:hover{background:#1e293b;color:#fff;text-decoration:none}.sidebar nav a.active{background:#1e293b;color:#fff;box-shadow:inset 3px 0 0 var(--primary)}.sidebar .nav-section{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#475569;padding:14px 20px 4px}.sidebar .nav-group{display:flex;flex-direction:column}.sidebar-user{border-top:1px solid #1e293b;margin-top:12px;padding:14px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-user .username{color:#fff;font-weight:600;font-size:13px;word-break:break-all}.sidebar-user .role{font-size:11px;color:#64748b}.sidebar-top{display:contents}.nav-toggle{position:absolute;left:-9999px;top:0}.nav-burger{display:none}.main{flex:1 1;min-width:0;padding:28px 36px;max-width:none}.page-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:24px 0 10px}.subtitle{color:var(--muted);font-size:13px;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.card table.data{width:auto;min-width:100%}.grid{display:grid;grid-gap:14px;gap:14px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.stat{text-align:left}.stat .value{font-size:26px;font-weight:700}.stat .label{color:var(--muted);font-size:12.5px}table.data{width:100%;border-collapse:collapse;background:var(--surface)}table.data th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--border)}table.data td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}table.data tr:hover td{background:#f8fafc}.data td.num,.data th.num{text-align:right;white-space:nowrap}canvas,img,svg,video{max-width:100%;height:auto}pre{overflow:auto;max-width:100%}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge.green{background:#dcfce7;color:#15803d}.badge.orange{background:#ffedd5;color:#c2410c}.badge.red{background:#fee2e2;color:#b91c1c}.badge.gray{background:#f1f5f9;color:#64748b}.badge.blue{background:#dbeafe;color:#1d4ed8}form.stack{gap:12px}.field,form.stack{display:flex;flex-direction:column}.field{gap:4px}.field label{font-size:12.5px;font-weight:600;color:#334155}.field .hint{font-size:11.5px;color:var(--muted);font-weight:400}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{padding:8px 10px;border:1px solid #cbd5e1;border-radius:7px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--text);width:100%}textarea{min-height:70px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--primary)}input:disabled{background:#f1f5f9;color:var(--muted)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.btn{display:inline-block;background:var(--primary);color:#fff;border:none;border-radius:7px;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.btn:hover{background:var(--primary-dark);text-decoration:none}.btn.secondary{background:#fff;color:var(--text);border:1px solid #cbd5e1}.btn.secondary:hover{background:#f8fafc}.btn.small{padding:4px 10px;font-size:12px}.btn.danger{background:#fff;color:var(--red);border:1px solid #fecaca}.btn.danger:hover{background:#fef2f2}.btn.disabled,.btn[aria-disabled]{opacity:.5;pointer-events:none}.inline-form{display:inline}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--text)}.chip.active,.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);color:#fff}a.chip{text-decoration:none;display:inline-flex;align-items:center;gap:6px}.chip-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sidebar);padding:24px}.login-card{background:var(--surface);border-radius:14px;padding:32px 36px;width:100%;max-width:400px;box-shadow:0 10px 40px rgba(0,0,0,.35)}.dt-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.dt-toolbar input[type=search]{padding:8px 10px;border:1px solid #cbd5e1;border-radius:7px;font-size:13.5px;font-family:inherit;flex:1 1;min-width:220px}.dt-filter{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}.dt-spacer{flex:1 1;min-width:8px}.dt-count{color:var(--muted);font-size:13px;white-space:nowrap}.dt-pagesize{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.dt-pagesize select{width:auto;padding:5px 8px}table.data th.dt-sort{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.dt-arrow,table.data th.dt-sort:hover{color:var(--primary)}.dt-arrow{font-size:10px;margin-left:3px}table.data td.dt-checkbox,table.data th.dt-checkbox{width:34px;text-align:center;padding-right:0}.dt-checkbox input{width:auto;cursor:pointer}.dt-bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:13px}.dt-bulkbar .dt-bulk-count{font-weight:600;color:var(--primary-dark)}.dt-pagination{display:flex;align-items:center;gap:6px;margin-top:14px;flex-wrap:wrap}.dt-page-btn{min-width:32px;padding:5px 9px;border:1px solid var(--border);background:var(--surface);border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--text)}.dt-page-btn:hover:not(:disabled){border-color:var(--primary)}.dt-page-btn:disabled{opacity:.45;cursor:default}.dt-page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default}.dt-page-ellipsis{color:var(--muted);padding:0 2px}.empty{color:var(--muted);font-style:italic;padding:16px 0}.actions-cell{white-space:nowrap}.mt0{margin-top:0}.hint{font-size:12px;color:var(--muted)}.alert{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px}.alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.lien-discret{font-size:12.5px;color:var(--muted);font-weight:600}.lien-discret:hover{color:var(--primary)}.pager{gap:12px}.impersonation-banner,.pager{display:flex;align-items:center}.impersonation-banner{background:#7c2d12;border-color:#7c2d12;color:#fff;gap:8px;flex-wrap:wrap}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--primary);color:#fff;padding:10px 18px;border-radius:0 0 8px 0;font-weight:600}.skip-link:focus{left:0;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.sidebar nav a:focus-visible{outline-offset:-2px}.main:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.badge,.btn,.card,.chip,.sidebar nav a,input,select,textarea{transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.toast{position:fixed;bottom:24px;right:24px;z-index:100;background:var(--sidebar);color:#fff;border-radius:10px;padding:12px 18px;font-size:13.5px;font-weight:600;box-shadow:0 8px 30px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px;animation:toast-in .25s ease;max-width:380px;cursor:pointer}.toast.success{background:var(--green)}.toast.error{background:var(--red)}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:24px}.modal-confirm{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:440px;padding:22px 24px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.modal-confirm-title{margin:0 0 8px;font-size:17px}.modal-confirm-message{margin:0 0 20px;color:var(--text);line-height:1.5;white-space:pre-line}.modal-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:150;margin:0 auto;max-width:720px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 12px 40px rgba(15,23,42,.25);display:flex;flex-direction:column;gap:12px;font-size:13px}.cookie-banner-texte{line-height:1.5}.cookie-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-services{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cookie-service label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.cookie-service input{width:auto;margin-top:3px}.cookie-service-desc{display:block;color:var(--muted);font-size:12px}.admin-shell{max-width:1180px;margin:0 auto;padding:0 24px 40px}.admin-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--sidebar);margin:0 -24px 24px;padding:10px 24px}.admin-brand{color:#fff;font-weight:700;font-size:15px;white-space:nowrap}.admin-brand:hover{text-decoration:none}.admin-nav-links{display:flex;gap:4px;flex-wrap:wrap;flex:1 1}.admin-nav-links a{color:var(--sidebar-text);padding:6px 12px;border-radius:7px;font-size:13.5px}.admin-nav-links a:hover{background:#1e293b;color:#fff;text-decoration:none}.admin-nav-links a.active{background:var(--primary);color:#fff}.admin-nav-exit{color:var(--sidebar-text);font-size:13px;white-space:nowrap}.admin-main{min-height:60vh}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.admin-kpi-link{display:block;color:inherit}.admin-kpi-link:hover{text-decoration:none}.admin-kpi{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gray);border-radius:10px;padding:16px 18px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.admin-kpi-link:hover .admin-kpi{box-shadow:0 4px 14px rgba(15,23,42,.08);transform:translateY(-1px)}.admin-kpi.accent-green{border-left-color:var(--green)}.admin-kpi.accent-blue{border-left-color:var(--primary)}.admin-kpi.accent-orange{border-left-color:var(--orange)}.admin-kpi-value{font-size:28px;font-weight:700;line-height:1.1}.admin-kpi-label{color:var(--muted);font-size:12.5px;margin-top:4px}.admin-kpi-sub{color:var(--green);font-size:11.5px;margin-top:2px}.admin-charts .card{margin-bottom:0}.admin-charts{margin-bottom:16px}.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:middle;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:presence-pulse 2s ease-out infinite}@keyframes presence-pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}to{box-shadow:0 0 0 0 rgba(22,163,74,0)}}@media (prefers-reduced-motion:reduce){.presence-dot{animation:none}}.user-online{display:inline-flex;align-items:center;color:var(--green);font-weight:600;font-size:12.5px}.admin-donut{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.admin-donut svg{flex-shrink:0}.admin-donut-total{font-size:26px;font-weight:700;fill:var(--text)}.admin-donut-sub{font-size:10px;fill:var(--muted)}.admin-donut-seg{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .18s ease,opacity .18s ease}.admin-legend{list-style:none;margin:0;padding:0;flex:1 1;min-width:160px}.admin-legend li,.admin-legend-item{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:13px;border-radius:6px;cursor:default;transition:background .15s ease}.admin-legend-item.active,.admin-legend-item:hover{background:var(--bg)}.admin-legend-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0}.admin-legend-label{flex:1 1;color:var(--text)}.admin-legend-pct{color:var(--muted);font-size:11.5px;min-width:38px;text-align:right}.admin-legend-val{font-weight:600;color:var(--text);min-width:28px;text-align:right}.admin-bars{display:flex;flex-direction:column;gap:10px}.admin-bar-row{display:flex;align-items:center;gap:10px;position:relative;padding:2px 4px;border-radius:6px;transition:background .15s ease}.admin-bar-row.active{background:var(--bg)}.admin-bar-label{width:90px;font-size:13px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-bar-track{flex:1 1;height:14px;background:var(--bg);border-radius:7px;overflow:hidden;min-width:60px;box-shadow:inset 0 0 0 1px var(--border)}.admin-bar-fill{display:block;height:100%;border-radius:7px;transition:width .5s cubic-bezier(.22,1,.36,1)}.admin-bar-val{font-size:12px;color:var(--muted);white-space:nowrap;min-width:80px;text-align:right}.admin-bar-tip{position:absolute;left:12px;bottom:calc(100% - 2px);z-index:5;background:var(--text);font-size:11.5px;line-height:1.3;padding:5px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(15,23,42,.18)}.admin-bar-tip,.admin-bar-tip strong{color:var(--surface)}.serie-chart{display:flex;flex-direction:column}.serie-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-height:28px}.serie-gran{display:flex;gap:6px;flex-wrap:wrap}.serie-gran .chip{padding:3px 10px;font-size:12px}.serie-spacer{flex:1 1}.serie-reset{padding:3px 10px;font-size:12px}.serie-canvas{position:relative}.serie-svg{width:100%;height:auto;display:block;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.serie-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 3}.serie-ytick{font-size:10px;fill:var(--muted)}.serie-xtick{font-size:9.5px;fill:var(--muted)}.serie-guide{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3;opacity:.7}.serie-brush{fill:var(--primary);fill-opacity:.12;stroke:var(--primary);stroke-opacity:.5;stroke-width:1}.serie-tip{position:absolute;transform:translate(-50%,calc(-100% - 12px));z-index:6;background:var(--text);color:var(--surface);padding:6px 9px;border-radius:7px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px rgba(15,23,42,.2);display:flex;flex-direction:column;gap:1px}.serie-tip-val{font-size:13px;font-weight:700}.serie-tip-key{font-size:11px;opacity:.85}.serie-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;pointer-events:none}.serie-foot{margin:6px 0 0}.admin-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px 24px;gap:10px 24px;margin:0}.admin-dl>div{display:flex;flex-direction:column;gap:2px}.admin-dl dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.admin-dl dd{margin:0}.admin-actions-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-inline-form{display:inline-flex;gap:6px;align-items:center}.admin-inline-form select{width:auto;min-width:130px}.admin-subtabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin:4px 0 18px}.admin-subtabs a{padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.admin-subtabs a:hover{color:var(--text);text-decoration:none}.admin-subtabs a.active{color:var(--primary);border-bottom-color:var(--primary)}.analytics-filters{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;transition:opacity .15s ease}.analytics-filters.is-pending{opacity:.55}.analytics-filters-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.af-field{display:flex;flex-direction:column;gap:3px;font-size:12px}.af-field>span{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}.af-field input,.af-field select{width:auto;min-width:130px}.af-field-wide select{min-width:220px;max-width:320px}.af-date input{min-width:140px}.af-presets{display:flex;gap:6px;flex-wrap:wrap}.af-presets .chip{padding:4px 11px}.af-reset{color:var(--muted)}.af-chips{display:flex;gap:8px;flex-wrap:wrap;padding-top:2px}.af-chip{border:1px solid var(--primary);background:#eff6ff;color:var(--primary);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer;font-family:inherit}.af-chip:hover{background:#dbeafe}.af-chip strong{font-weight:700}.parcours-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.parcours-item{display:flex;align-items:center;gap:8px;font-size:12.5px}.parcours-item code{background:var(--bg);padding:2px 6px;border-radius:5px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parcours-fleche{color:var(--muted);flex-shrink:0}.parcours-track{flex:1 1;height:10px;background:var(--bg);border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border);min-width:60px}.parcours-n{font-weight:700;min-width:36px;text-align:right}.histo-barres{width:100%;height:auto;display:block}.histo-bar{transition:opacity .12s ease}.histo-bar:hover{opacity:.78}.histo-xtick{font-size:9.5px;fill:var(--muted)}.sparkline{width:100%;height:48px;display:block}@media (max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:60;padding:0;overflow:visible}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #1e293b}.sidebar .brand{padding:0;margin:0;border:none}.nav-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:38px;border-radius:8px;background:#1e293b;color:#fff;font-size:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-toggle:focus-visible~.sidebar-top .nav-burger{outline:2px solid #60a5fa;outline-offset:2px}.sidebar nav{display:none;flex-direction:column;gap:1px;padding:6px 10px 10px}.nav-toggle:checked~nav{display:flex}.sidebar .nav-section{padding:10px 12px 2px}.sidebar nav a{padding:11px 12px;border-radius:8px}.sidebar-user{display:none}.nav-toggle:checked~.sidebar-user{display:flex;padding:12px 16px 14px;margin:0;border-top:1px solid #1e293b}.main{padding:16px;max-width:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;gap:10px;align-items:stretch}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}.toast{left:12px;right:12px;bottom:12px;max-width:none}}@media (max-width:760px){.grid-2{grid-template-columns:1fr}}