:root{--vert: #0b3d24;--vert-clair: #145232;--vert-sombre: #072a19;--or: #b6862f;--or-clair: #e4aa3b;--creme: #faebcd;--blanc-casse: #fdfdfb;--gris-vert: #5c6b60;--texte: #10231a;--texte-doux: #5c6b60;--texte-faible: #8b9a90;--surface: #ffffff;--surface-basse: #f4f6f3;--bordure: #e3e7e2;--bordure-forte: #cfd6d0;--danger: #9b2c2c;--danger-fond: #fdf1f1;--succes: #2f6b3f;--succes-fond: #eef6f0;--alerte: #8a6116;--alerte-fond: #fdf6e7;--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-5: 24px;--e-6: 32px;--e-7: 48px;--r-s: 8px;--r-m: 12px;--r-l: 16px;--r-pill: 999px;--ombre-s: 0 1px 2px rgb(11 61 36 / 6%);--ombre-m: 0 2px 8px rgb(11 61 36 / 8%);--ombre-l: 0 12px 32px rgb(11 61 36 / 16%);--police-titre: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--police-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--barre-laterale: 264px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--police-ui);font-size:15px;line-height:1.55;color:var(--texte);background:var(--blanc-casse);-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--or);outline-offset:2px;border-radius:var(--r-s)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}h1,h2,h3{font-family:var(--police-titre);font-weight:600;line-height:1.25;text-wrap:balance}h1{font-size:26px}h2{font-size:20px}h3{font-size:17px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--texte-faible)}.muted{color:var(--texte-doux)}.nums{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:var(--barre-laterale) 1fr;min-height:100%}.sidebar{display:flex;flex-direction:column;gap:var(--e-5);padding:var(--e-5) var(--e-4);background:var(--vert);color:#eef3ee;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__marque{display:flex;align-items:center;gap:var(--e-3);padding:0 var(--e-2)}.sidebar__sceau{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:var(--r-s);background:linear-gradient(150deg,var(--or-clair),var(--or));color:var(--vert);font-family:var(--police-titre);font-weight:700;font-size:15px}.sidebar__titre{font-family:var(--police-titre);font-size:15px;line-height:1.2;color:#fff}.sidebar__sous-titre{font-size:11px;color:#9db3a4}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__lien{display:flex;align-items:center;gap:var(--e-3);padding:10px var(--e-3);border-radius:var(--r-s);color:#c6d5ca;font-size:14px;border-left:3px solid transparent;transition:background .15s,color .15s}.sidebar__lien:hover{background:#ffffff0f;color:#fff}.sidebar__lien--actif{background:#ffffff17;border-left-color:var(--or-clair);color:#fff;font-weight:600}.sidebar__pied{margin-top:auto;padding-top:var(--e-4);border-top:1px solid rgb(255 255 255 / 12%);display:flex;flex-direction:column;gap:var(--e-3)}.sidebar__compte{display:flex;align-items:center;gap:var(--e-3);font-size:13px}.sidebar__avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--r-pill);background:#ffffff1f;color:#fff;font-weight:600;font-size:12px}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--e-4);padding:var(--e-4) var(--e-6);background:var(--surface);border-bottom:1px solid var(--bordure);position:sticky;top:0;z-index:20}.contenu{padding:var(--e-6);max-width:1180px;width:100%}.entete-page{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--e-4);margin-bottom:var(--e-5);flex-wrap:wrap}.fil{display:flex;align-items:center;gap:var(--e-2);font-size:13px;color:var(--texte-doux);flex-wrap:wrap}.fil a:hover{color:var(--vert);text-decoration:underline}.fil__sep{color:var(--texte-faible)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);padding:9px 16px;border:1px solid transparent;border-radius:var(--r-s);background:var(--vert);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--vert-clair)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondaire{background:var(--surface);border-color:var(--bordure-forte);color:var(--texte)}.btn--secondaire:hover:not(:disabled){background:var(--surface-basse);border-color:var(--gris-vert)}.btn--danger{background:var(--danger)}.btn--danger:hover:not(:disabled){background:#7f2323}.btn--discret{background:transparent;color:var(--texte-doux);padding:6px 10px}.btn--discret:hover:not(:disabled){background:var(--surface-basse);color:var(--texte)}.btn--petit{padding:6px 12px;font-size:13px}.btn--bloc{width:100%}.btn-icone{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--r-s);background:transparent;color:var(--texte-doux);cursor:pointer;transition:background .15s,color .15s;flex:none}.btn-icone:hover:not(:disabled){background:var(--surface-basse);color:var(--texte)}.btn-icone--danger:hover:not(:disabled){background:var(--danger-fond);color:var(--danger)}.btn-icone:disabled{opacity:.4;cursor:not-allowed}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-m);box-shadow:var(--ombre-s)}.carte__corps{padding:var(--e-5)}.grille-matieres{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--e-4)}.matiere{display:flex;flex-direction:column;gap:var(--e-3);padding:var(--e-4);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-m);box-shadow:var(--ombre-s);transition:border-color .15s,box-shadow .15s,transform .15s;text-align:left;cursor:pointer;width:100%}.matiere:hover{border-color:var(--or);box-shadow:var(--ombre-m);transform:translateY(-1px)}.matiere__haut{display:flex;align-items:center;gap:var(--e-3)}.sceau{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:var(--r-s);background:var(--creme);border:1px solid #eddcb6;color:var(--vert);font-family:var(--police-titre);font-weight:700;font-size:15px;letter-spacing:.02em}.matiere__nom{font-family:var(--police-titre);font-size:16px;font-weight:600}.matiere__desc{font-size:12px;color:var(--texte-doux)}.matiere__stats{display:flex;gap:var(--e-4);padding-top:var(--e-3);border-top:1px solid var(--bordure);font-size:12px;color:var(--texte-doux)}.matiere__stat b{display:block;font-size:18px;font-weight:700;color:var(--texte);font-variant-numeric:tabular-nums;font-family:var(--police-ui)}.liste{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--ombre-s)}.ligne{display:flex;align-items:center;gap:var(--e-4);padding:var(--e-4) var(--e-5);border-bottom:1px solid var(--bordure);transition:background .12s;min-width:0}.ligne:last-child{border-bottom:none}.ligne:hover{background:var(--surface-basse)}.ligne__principal{flex:1;min-width:0}.ligne__titre{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ligne__meta{display:flex;align-items:center;gap:var(--e-3);margin-top:2px;font-size:12.5px;color:var(--texte-doux);flex-wrap:wrap}.ligne__actions{display:flex;align-items:center;gap:var(--e-1);flex:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge--audio{background:var(--succes-fond);color:var(--succes);border-color:#cfe4d5}.badge--texte{background:#eef2f7;color:#33506e;border-color:#d5dfeb}.badge--images{background:var(--alerte-fond);color:var(--alerte);border-color:#efe0bd}.badge--video{background:#f2eef7;color:#5b3d7a;border-color:#e0d6ec}.badge--or{background:var(--creme);color:#7a5a17;border-color:#eddcb6}.badge--neutre{background:var(--surface-basse);color:var(--texte-doux);border-color:var(--bordure)}.badge--inactif{background:var(--danger-fond);color:var(--danger);border-color:#f0d5d5}.champ{display:flex;flex-direction:column;gap:6px}.champ__label{font-size:13px;font-weight:600;color:var(--texte)}.champ__aide{font-size:12px;color:var(--texte-doux)}.champ__erreur{font-size:12.5px;color:var(--danger)}.saisie{width:100%;padding:10px 12px;border:1px solid var(--bordure-forte);border-radius:var(--r-s);background:var(--surface);transition:border-color .15s,box-shadow .15s}.saisie:focus{outline:none;border-color:var(--vert);box-shadow:0 0 0 3px #0b3d241a}.saisie::placeholder{color:var(--texte-faible)}textarea.saisie{resize:vertical;min-height:120px;line-height:1.6}.pile{display:flex;flex-direction:column;gap:var(--e-4)}.rangee{display:flex;gap:var(--e-4);flex-wrap:wrap}.rangee>*{flex:1;min-width:200px}.onglets{display:flex;gap:var(--e-1);padding:var(--e-1);background:var(--surface-basse);border:1px solid var(--bordure);border-radius:var(--r-s);width:fit-content;max-width:100%;flex-wrap:wrap}.onglet{display:inline-flex;align-items:center;gap:var(--e-2);padding:8px 14px;border:none;border-radius:6px;background:transparent;color:var(--texte-doux);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.onglet:hover{color:var(--texte)}.onglet--actif{background:var(--surface);color:var(--vert);box-shadow:var(--ombre-s)}.enregistreur{display:flex;flex-direction:column;gap:var(--e-4);padding:var(--e-5);background:var(--surface-basse);border:1px dashed var(--bordure-forte);border-radius:var(--r-m);align-items:center;text-align:center}.enregistreur__bouton{display:grid;place-items:center;width:72px;height:72px;border:none;border-radius:var(--r-pill);background:var(--vert);color:#fff;cursor:pointer;transition:background .15s,transform .15s}.enregistreur__bouton:hover:not(:disabled){background:var(--vert-clair);transform:scale(1.03)}.enregistreur__bouton--actif{background:var(--danger);animation:pulsation 1.6s ease-in-out infinite}.enregistreur__bouton:disabled{opacity:.5;cursor:not-allowed}@keyframes pulsation{0%,to{box-shadow:0 0 #9b2c2c66}50%{box-shadow:0 0 0 12px #9b2c2c00}}.enregistreur__duree{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.enregistreur__etat{font-size:13px;color:var(--texte-doux)}.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--e-3)}.vignette{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-s);overflow:hidden;border:1px solid var(--bordure);background:var(--surface-basse)}.vignette img{width:100%;height:100%;object-fit:cover}.vignette__retirer{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;border:none;border-radius:var(--r-pill);background:#10231ab8;color:#fff;cursor:pointer}.vignette__retirer:hover{background:var(--danger)}.depot{display:flex;flex-direction:column;align-items:center;gap:var(--e-2);padding:var(--e-5);border:1px dashed var(--bordure-forte);border-radius:var(--r-m);background:var(--surface-basse);color:var(--texte-doux);font-size:13.5px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.depot:hover{border-color:var(--or);background:#fbfdfa}.lecteur-audio{width:100%;height:40px}.lecteur-video{width:100%;max-height:420px;border-radius:var(--r-s);background:#10231a}.voile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--e-4);background:#071a1175;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modale{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ombre-l)}.modale__entete{display:flex;align-items:center;justify-content:space-between;gap:var(--e-4);padding:var(--e-5) var(--e-5) var(--e-3)}.modale__corps{padding:0 var(--e-5) var(--e-4)}.modale__pied{display:flex;justify-content:flex-end;gap:var(--e-3);padding:var(--e-4) var(--e-5) var(--e-5)}.etat-vide{display:flex;flex-direction:column;align-items:center;gap:var(--e-3);padding:var(--e-7) var(--e-5);text-align:center;color:var(--texte-doux);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-m)}.etat-vide__icone{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-pill);background:var(--creme);color:var(--or)}.encart{display:flex;gap:var(--e-3);padding:var(--e-3) var(--e-4);border-radius:var(--r-s);font-size:13.5px;border:1px solid}.encart--erreur{background:var(--danger-fond);border-color:#f0d5d5;color:var(--danger)}.encart--info{background:var(--creme);border-color:#eddcb6;color:#6d5116}.squelette{background:linear-gradient(90deg,var(--surface-basse) 25%,#e9ede9 50%,var(--surface-basse) 75%);background-size:200% 100%;animation:glisse 1.4s ease-in-out infinite;border-radius:var(--r-s)}@keyframes glisse{0%{background-position:200% 0}to{background-position:-200% 0}}.toasts{position:fixed;right:var(--e-5);bottom:var(--e-5);z-index:80;display:flex;flex-direction:column;gap:var(--e-2);max-width:380px}.toast{display:flex;align-items:flex-start;gap:var(--e-3);padding:var(--e-3) var(--e-4);border-radius:var(--r-s);background:var(--vert);color:#fff;font-size:13.5px;box-shadow:var(--ombre-l);animation:apparition .18s ease-out}.toast--erreur{background:var(--danger)}@keyframes apparition{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tourne{animation:rotation .9s linear infinite;flex:none}@keyframes rotation{to{transform:rotate(360deg)}}.connexion{display:grid;place-items:center;min-height:100%;padding:var(--e-5);background:radial-gradient(circle at 15% 10%,rgb(228 170 59 / 12%),transparent 45%),linear-gradient(160deg,#0b3d24,#072a19)}.connexion__carte{width:100%;max-width:400px;padding:var(--e-6);background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ombre-l)}.connexion__marque{display:flex;flex-direction:column;align-items:center;gap:var(--e-3);margin-bottom:var(--e-5);text-align:center}.connexion__sceau{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-m);background:linear-gradient(150deg,var(--or-clair),var(--or));color:var(--vert);font-family:var(--police-titre);font-weight:700;font-size:20px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:var(--e-4);overflow-x:auto;padding:var(--e-3) var(--e-4)}.sidebar__nav{flex-direction:row;gap:var(--e-1)}.sidebar__lien{border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.sidebar__lien--actif{border-left:none;border-bottom-color:var(--or-clair)}.sidebar__pied{margin-top:0;padding-top:0;border-top:none;border-left:1px solid rgb(255 255 255 / 12%);padding-left:var(--e-4)}.sidebar__marque,.sidebar__sous-titre{display:none}.contenu,.topbar{padding:var(--e-4)}}.defile-x{overflow-x:auto}