@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--encre-900: #2B2620;--encre-800: #3A332B;--encre-700: #4A4137;--encre-600: #5B5046;--bleu-700: #9E3F27;--bleu-600: #BC5132;--bleu-500: #D96A47;--bleu-400: #E89878;--bleu-300: #F0B49C;--bleu-200: #F7D2C2;--bleu-100: #FBE6DC;--bleu-050: #FDF3EE;--sel-900: #2B2620;--sel-800: #3E382F;--sel-700: #5B5346;--sel-600: #756B5C;--sel-500: #908775;--sel-400: #B3A996;--sel-300: #DAD2C4;--sel-200: #E9E2D6;--sel-100: #F1EAE0;--sel-050: #FBF8F1;--creme-300: #EFE4D3;--creme-200: #F6EDDD;--creme-100: #FBF4E8;--creme-050: #FDFAF3;--framboise-700: #5E3A68;--framboise-600: #7B4E86;--framboise-500: #9468A0;--framboise-100: #F0E7F2;--pistache-700: #5E7347;--pistache-600: #7C9460;--pistache-500: #97AC80;--pistache-100: #ECF1E2;--caramel-700: #B5811E;--caramel-600: #DCA12A;--caramel-500: #E8B85A;--caramel-100: #FAEFCF;--myrtille-600: #2F7E8C;--myrtille-100: #E0EFF1;--rouge-700: #97301F;--rouge-600: #B23A2D;--rouge-100: #F7E2DD;--blanc: #FFFFFF;--terracotta-700: var(--bleu-700);--terracotta-600: var(--bleu-600);--terracotta-500: var(--bleu-500);--terracotta-400: var(--bleu-400);--terracotta-300: var(--bleu-300);--terracotta-200: var(--bleu-200);--terracotta-100: var(--bleu-100);--terracotta-050: var(--bleu-050);--lin-900: var(--sel-900);--lin-800: var(--sel-800);--lin-700: var(--sel-700);--lin-600: var(--sel-600);--lin-500: var(--sel-500);--lin-400: var(--sel-400);--lin-300: var(--sel-300);--lin-200: var(--sel-200);--lin-100: var(--sel-100);--lin-050: var(--sel-050);--prune-700: var(--framboise-700);--prune-600: var(--framboise-600);--prune-500: var(--framboise-500);--prune-100: var(--framboise-100);--sauge-700: var(--pistache-700);--sauge-600: var(--pistache-600);--sauge-500: var(--pistache-500);--sauge-100: var(--pistache-100);--dore-700: var(--caramel-700);--dore-600: var(--caramel-600);--dore-500: var(--caramel-500);--dore-100: var(--caramel-100);--paon-600: var(--myrtille-600);--paon-100: var(--myrtille-100);--brique-700: var(--rouge-700);--brique-600: var(--rouge-600);--brique-100: var(--rouge-100);--text-strong: var(--encre-900);--text-body: var(--encre-800);--text-muted: var(--sel-600);--text-subtle: var(--sel-500);--text-on-accent: var(--blanc);--text-link: var(--bleu-700);--surface-page: var(--sel-050);--surface-page-warm: var(--creme-050);--surface-card: var(--blanc);--surface-sunken: var(--sel-100);--surface-raised: var(--blanc);--surface-hover: var(--sel-050);--surface-active: var(--bleu-050);--surface-inverse: var(--encre-900);--surface-brand-soft: var(--bleu-050);--border-subtle: var(--sel-200);--border-default: var(--sel-300);--border-strong: var(--sel-400);--border-focus: var(--bleu-500);--border-inverse: var(--encre-700);--action-primary: var(--bleu-500);--action-primary-hover: var(--bleu-600);--action-primary-active: var(--bleu-700);--action-primary-soft: var(--bleu-100);--action-accent: var(--framboise-600);--action-accent-hover: var(--framboise-700);--status-success: var(--pistache-600);--status-success-soft: var(--pistache-100);--status-warning: var(--caramel-600);--status-warning-soft: var(--caramel-100);--status-danger: var(--rouge-600);--status-danger-soft: var(--rouge-100);--status-info: var(--myrtille-600);--status-info-soft: var(--myrtille-100);--status-progress: var(--caramel-500);--status-progress-soft: var(--caramel-100);--status-neutral: var(--sel-500);--status-neutral-soft: var(--sel-100);--focus-ring: 0 0 0 3px var(--bleu-200)}:root{--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-display: 700;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .08em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 999px;--radius-card: var(--radius-lg);--tap-min: 44px;--tap-comfortable: 52px;--tap-large: 64px;--width-sidebar: 264px;--width-sidebar-collapsed: 76px;--width-content-max: 1200px;--width-field: 360px;--border-width: 1px;--border-width-strong: 1.5px;--border-width-focus: 2px}:root{--shadow-xs: 0 1px 2px rgba(16, 39, 51, .06);--shadow-sm: 0 1px 3px rgba(16, 39, 51, .07), 0 1px 2px rgba(16, 39, 51, .05);--shadow-md: 0 4px 12px rgba(16, 39, 51, .08), 0 2px 4px rgba(16, 39, 51, .05);--shadow-lg: 0 12px 28px rgba(16, 39, 51, .1), 0 4px 10px rgba(16, 39, 51, .05);--shadow-xl: 0 24px 48px rgba(16, 39, 51, .14), 0 8px 16px rgba(16, 39, 51, .06);--shadow-brand: 0 8px 24px rgba(28, 141, 184, .2);--shadow-brand-sm: 0 2px 8px rgba(28, 141, 184, .18);--ring-card: inset 0 0 0 1px rgba(16, 39, 51, .04);--overlay-scrim: rgba(16, 39, 51, .45);--overlay-frost: rgba(247, 250, 251, .72);--blur-frost: 14px}:root{--ease-standard: cubic-bezier(.2, 0, .1, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-soft: cubic-bezier(.34, 1.2, .64, 1);--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--dur-slower: .52s;--transition-button: background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);--transition-base: all var(--dur-base) var(--ease-standard)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-display);color:var(--text-strong);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.lm-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.lm-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::selection{background:var(--bleu-200);color:var(--encre-900)}body.lm-page-centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.carte{width:100%;max-width:380px;background:var(--surface-card);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md)}.carte h1{font-size:var(--text-xl);margin:0 0 var(--space-6);text-align:center}.lm-login-logo{display:flex;justify-content:center;margin-bottom:var(--space-4)}.lm-login-logo img{width:64px;height:64px;object-fit:contain}.champ{margin-bottom:var(--space-4)}.champ label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-body);margin-bottom:var(--space-2)}.champ input,.champ select{width:100%;padding:var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-md);font-family:inherit;color:var(--text-body);background:var(--surface-card)}.champ input:focus,.champ select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.champ__input-wrap{position:relative}.champ__input-wrap input{padding-right:calc(var(--space-3) + 28px + var(--space-2))}.champ__toggle-visibilite{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);width:28px;height:28px;border:none;background:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;padding:0}.champ__toggle-visibilite:hover{background:var(--surface-hover);color:var(--text-body)}button[type=submit]{width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-sm);background:var(--action-primary);color:var(--text-on-accent);font-size:var(--text-md);font-weight:var(--weight-semibold);cursor:pointer;margin-top:var(--space-2);transition:var(--transition-button)}button[type=submit]:hover{background:var(--action-primary-hover)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.message-erreur{color:var(--status-danger);font-size:var(--text-sm);margin:var(--space-3) 0 0;min-height:1.25em}.regles-mdp{font-size:var(--text-sm);color:var(--text-muted);margin:calc(-1 * var(--space-2)) 0 var(--space-4);padding-left:1.1rem}.regles-mdp li.ok{color:var(--status-success)}.carte--large{max-width:900px;align-self:flex-start;margin:var(--space-8) auto}.carte--large h1{text-align:left}.ds-nav{margin-bottom:var(--space-6)}.ds-nav ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:0;margin:0}.ds-nav__lien{display:inline-block;text-decoration:none;color:var(--text-link);font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.ds-nav__lien:hover{background:var(--surface-hover);text-decoration:none}.ds-nav__lien--actif{background:var(--action-primary);color:var(--text-on-accent)}.ds-nav__item-deconnexion{margin-left:auto}.ds-nav__deconnexion{width:auto;background:none;border:none;color:var(--text-link);font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;margin:0}.ds-nav__deconnexion:hover{background:var(--surface-hover)}.liste-utilisateurs,#liste-utilisateurs{display:flex;flex-direction:column;gap:var(--space-4)}.utilisateur{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-card)}.utilisateur h2{margin:0 0 var(--space-1);font-size:var(--text-md)}.role-global{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3)}.permissions-app{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:0}.permissions-app li{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2)}.bouton-retirer-permission{border:none;background:none;color:var(--status-danger);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;padding:0;text-decoration:underline}.form-permission{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.form-permission select{padding:var(--space-2) var(--space-2);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm)}.form-permission button[type=submit]{width:auto;margin-top:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.bouton-secondaire{width:auto;background:none;color:var(--text-link);border:var(--border-width) solid var(--action-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;margin:0 0 var(--space-5)}.bouton-secondaire:hover{background:var(--surface-hover)}.bouton-primaire{width:auto;background:var(--action-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;margin:0 0 var(--space-5);transition:var(--transition-button)}.bouton-primaire:hover{background:var(--action-primary-hover)}.form-nouvel-utilisateur{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);margin:0 0 var(--space-6);max-width:420px;background:var(--surface-card)}.actions-formulaire{display:flex;gap:var(--space-2)}.actions-formulaire button[type=submit]{width:auto}.actions-formulaire button[type=button]{width:auto;background:none;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-md);cursor:pointer}.alerte-mot-de-passe{border:var(--border-width-strong) solid var(--action-primary);background:var(--action-primary-soft);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-6)}.alerte-mot-de-passe p{margin:0 0 var(--space-2)}.mdp-temporaire-valeur{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.mdp-temporaire-valeur code{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);-webkit-user-select:all;user-select:all}.mdp-temporaire-valeur button{width:auto;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);margin-top:0}.alerte-mot-de-passe .avertissement{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.alerte-mot-de-passe .bouton-fermer{width:auto;background:none;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer}.bouton-reset-mdp{width:auto;background:none;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);cursor:pointer;margin-left:var(--space-2)}.bouton-supprimer-compte{color:var(--status-danger);border-color:var(--status-danger)}