:root{--fond: #0f1115;--surface: #171a21;--surface-haute: #1f232c;--bordure: #2a2f3a;--texte: #e8eaf0;--texte-discret: #9299a8;--accent: #c9a227;--rouge: #e05252;--vert: #3fa860;--orange: #d08a2f;--rayon: 12px;--marge: 16px}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}h1{font-size:1.25rem;margin:0}h2{font-size:1.05rem;margin:0 0 8px}h3{font-size:.95rem;margin:20px 0 8px;color:var(--texte-discret)}.app{min-height:100dvh;display:flex;flex-direction:column}.contenu{flex:1;padding:var(--marge);padding-bottom:calc(72px + env(safe-area-inset-bottom));max-width:720px;width:100%;margin:0 auto}.chargement,.connexion{min-height:100dvh;display:grid;place-items:center;padding:var(--marge)}.entete{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:var(--marge)}.entete h1{text-align:center;flex:1;text-transform:capitalize}input,textarea,select{width:100%;padding:11px 12px;background:var(--surface-haute);border:1px solid var(--bordure);border-radius:var(--rayon);color:var(--texte);font:inherit;font-size:16px}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{display:block;margin-bottom:12px;font-size:.85rem;color:var(--texte-discret)}label input,label textarea{margin-top:4px}label.case{display:flex;align-items:center;gap:8px;color:var(--texte)}label.case input{width:auto}.paire{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{padding:11px 16px;background:var(--accent);color:#1a1400;border:none;border-radius:var(--rayon);font:inherit;font-weight:600;cursor:pointer;min-height:44px}button:disabled{opacity:.45;cursor:not-allowed}button.fantome{background:transparent;color:var(--texte);border:1px solid var(--bordure)}button.petite{min-height:34px;padding:6px 10px;font-size:.8rem;font-weight:500}button.pleine-largeur{width:100%;margin-bottom:var(--marge)}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.actions button{flex:1}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:var(--marge);margin-bottom:var(--marge)}.connexion .carte{width:100%;max-width:360px}.discret{color:var(--texte-discret);font-size:.85rem;margin:4px 0}.petite{font-size:.78rem}.barre{text-decoration:line-through;opacity:.6}.erreur{color:var(--rouge);font-size:.85rem;margin:8px 0}.succes{color:var(--vert);font-size:.85rem;margin:8px 0}.alerte{background:#d08a2f1f;border:1px solid var(--orange);border-radius:var(--rayon);padding:12px;font-size:.85rem}.lien{display:block;margin-top:14px;color:var(--accent);font-size:.85rem}.calendrier{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendrier-entete{text-align:center;font-size:.72rem;color:var(--texte-discret);padding-bottom:4px}.calendrier-vide{aspect-ratio:1}.calendrier-jour{aspect-ratio:1;min-height:0;padding:0;display:grid;place-items:center;background:var(--surface);border:1px solid var(--bordure);border-radius:8px;color:var(--texte);font-weight:400;font-size:.9rem}.calendrier-jour.occupe{background:color-mix(in srgb,var(--couleur) 26%,var(--surface));border-color:color-mix(in srgb,var(--couleur) 55%,var(--bordure));font-weight:600}.calendrier-jour.occupe:not(.debut){border-top-left-radius:0;border-bottom-left-radius:0}.calendrier-jour.occupe:not(.fin){border-top-right-radius:0;border-bottom-right-radius:0}.calendrier-jour.aujourdhui{outline:2px solid var(--accent);outline-offset:-2px}.legende{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--marge);font-size:.78rem;color:var(--texte-discret)}.legende span{display:flex;align-items:center;gap:5px}.legende i{width:10px;height:10px;border-radius:3px;display:inline-block}.liste{list-style:none;padding:0;margin:0}.liste>li{margin-bottom:8px}.liste>li>button{width:100%;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--bordure);color:var(--texte);text-align:left;font-weight:400}.liste.compacte>li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--bordure);font-size:.85rem}.principal{flex:1;display:flex;flex-direction:column;min-width:0}.principal .discret{margin:0}.montant{font-variant-numeric:tabular-nums;font-size:.85rem}.pastille{width:10px;height:10px;border-radius:50%;flex:none}.filtres{display:flex;gap:8px;margin-bottom:var(--marge)}.filtres button{flex:1;background:var(--surface);color:var(--texte-discret);border:1px solid var(--bordure);font-weight:500;font-size:.85rem}.filtres button.actif{background:var(--surface-haute);color:var(--texte);border-color:var(--accent)}.etiquette{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0;font-size:.88rem}dt{color:var(--texte-discret)}dd{margin:0}.ligne-canal{padding:12px 0;border-bottom:1px solid var(--bordure)}.ligne-canal:last-child{border-bottom:none}.ligne-canal>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ligne-canal .droite{display:flex;align-items:center;gap:8px;justify-content:flex-end}.badge{padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:600}.badge.vert{background:#3fa8602e;color:var(--vert)}.badge.rouge{background:#e052522e;color:var(--rouge)}.badge.orange{background:#d08a2f2e;color:var(--orange)}.badge.gris{background:var(--surface-haute);color:var(--texte-discret)}.ligne-flux{padding:10px 0;border-bottom:1px solid var(--bordure)}.ligne-flux code{display:block;font-size:.7rem;color:var(--texte-discret);word-break:break-all;margin:4px 0 8px}.formulaire-url{margin-top:8px}.feuille{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:20}.feuille-contenu{background:var(--surface);border-radius:18px 18px 0 0;padding:22px var(--marge) calc(var(--marge) + env(safe-area-inset-bottom));width:100%;max-height:88dvh;overflow-y:auto;max-width:720px;margin:0 auto}@media(min-width:640px){.feuille{align-items:center;padding:var(--marge)}.feuille-contenu{border-radius:var(--rayon)}}.barre-onglets{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--bordure);padding-bottom:env(safe-area-inset-bottom);z-index:10}.barre-onglets button{flex:1;background:none;border:none;border-radius:0;color:var(--texte-discret);font-size:.68rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;min-height:60px}.barre-onglets button.actif{color:var(--accent)}.barre-onglets .icone{font-size:1.15rem;line-height:1}@media(prefers-reduced-motion:no-preference){button{transition:opacity .15s ease,background .15s ease}}