:root{--fond: #1a1614;--panneau: #241e19;--panneau-clair: #2d2620;--ambre: #d99a4e;--texte: #e8e0d5;--texte2: #a08f7a;--ligne: #332a22;--alerte: #d97a6a;--rayon: 9px;--espace: 12px;--police: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fond);color:var(--texte);font-family:var(--police);line-height:1.6}button{font-family:inherit;cursor:pointer}.attente{color:var(--ambre);font-size:42px;text-align:center;margin-top:40vh}.erreur{color:var(--alerte);font-size:14px;margin:8px 0}.page-connexion{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.carte-connexion{background:var(--panneau);border:1px solid var(--ligne);border-radius:var(--rayon);padding:32px;width:100%;max-width:380px}.carte-connexion h1{color:var(--ambre);font-size:32px}.carte-connexion .sous{color:var(--texte2);margin-bottom:24px}.carte-connexion label{display:block;font-size:13px;color:var(--texte2);margin:14px 0 5px}.carte-connexion input{width:100%;background:var(--fond);border:1px solid var(--ligne);border-radius:6px;color:var(--texte);font-family:inherit;font-size:15px;padding:9px 11px}.carte-connexion input:focus{outline:2px solid var(--ambre);outline-offset:1px}.carte-connexion button[type=submit]{width:100%;margin-top:22px;background:var(--ambre);color:#1a1614;border:none;border-radius:6px;font-size:15px;font-weight:600;padding:10px}.carte-connexion button[type=submit]:disabled{opacity:.6;cursor:progress}.carte-connexion .note{color:var(--texte2);font-size:12.5px;margin-top:18px;text-align:center}.atelier{display:flex;min-height:100vh}.barre-laterale{width:270px;flex-shrink:0;background:var(--panneau);border-right:1px solid var(--ligne);display:flex;flex-direction:column}.barre-laterale header{padding:18px var(--espace) 10px}.barre-laterale header h1{color:var(--ambre);font-size:22px}.barre-laterale nav{flex:1;overflow-y:auto;padding:0 var(--espace)}.barre-laterale section{margin-bottom:22px}.barre-laterale h2{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--texte2);margin:12px 0 7px}.barre-laterale ul{list-style:none}.barre-laterale li{display:flex;align-items:center;gap:2px}.barre-laterale .vault{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;background:none;border:none;border-radius:6px;color:var(--texte);font-size:14.5px;text-align:left;padding:6px 8px}.barre-laterale .vault:hover{background:var(--panneau-clair)}.barre-laterale .vault.actif{background:var(--panneau-clair);color:var(--ambre)}.barre-laterale .vault .nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barre-laterale .lecture-seule{flex-shrink:0;font-size:10px;color:var(--texte2);border:1px solid var(--ligne);border-radius:99px;padding:0 6px}.barre-laterale .actions{display:flex;opacity:0;transition:opacity .15s}.barre-laterale li:hover .actions,.barre-laterale li:focus-within .actions{opacity:1}.barre-laterale .actions button{background:none;border:none;color:var(--texte2);font-size:13px;padding:4px 5px}.barre-laterale .actions button:hover{color:var(--ambre)}.barre-laterale .ajouter{background:none;border:1px dashed var(--ligne);border-radius:6px;color:var(--texte2);font-size:13px;width:100%;text-align:left;padding:6px 8px;margin-top:6px}.barre-laterale .ajouter:hover{border-color:var(--ambre);color:var(--ambre)}.barre-laterale .creation{display:flex;gap:5px;margin-top:6px}.barre-laterale .creation input{flex:1;min-width:0;background:var(--fond);border:1px solid var(--ambre);border-radius:6px;color:var(--texte);font-family:inherit;font-size:13.5px;padding:5px 8px}.barre-laterale .creation button{background:var(--ambre);border:none;border-radius:6px;color:#1a1614;font-size:13px;font-weight:600;padding:5px 10px}.barre-laterale .vide{color:var(--texte2);font-size:13px;font-style:italic;padding:2px 8px}.barre-laterale footer{border-top:1px solid var(--ligne);padding:var(--espace)}.barre-laterale .compte{display:flex;align-items:center;gap:7px;margin-bottom:8px;min-width:0}.barre-laterale .email{font-size:13px;color:var(--texte2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barre-laterale .role{flex-shrink:0;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--texte2);border:1px solid var(--ligne);border-radius:99px;padding:1px 7px}.barre-laterale .role.admin{color:var(--ambre);border-color:var(--ambre)}.barre-laterale .deconnexion{background:none;border:1px solid var(--ligne);border-radius:6px;color:var(--texte2);font-size:13px;width:100%;padding:6px}.barre-laterale .deconnexion:hover{border-color:var(--alerte);color:var(--alerte)}.zone-centrale{flex:1;display:flex;align-items:center;justify-content:center;padding:30px}.accueil-vault{text-align:center;max-width:460px}.accueil-vault h2{font-size:27px;margin:10px 0 6px}.accueil-vault p{color:var(--texte2)}.accueil-vault .a-venir{font-size:13px;font-style:italic;margin-top:18px}.accueil-vault .etiquette{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;border-radius:99px;padding:1px 10px;border:1px solid var(--ligne);color:var(--texte2)}.accueil-vault .etiquette.partage{color:var(--ambre);border-color:var(--ambre)}@media(max-width:700px){.atelier{flex-direction:column}.barre-laterale{width:100%;border-right:none;border-bottom:1px solid var(--ligne)}}