:root{--couleur-fond: #fafaf9;--couleur-surface: #ffffff;--couleur-texte: #0a0a0a;--couleur-texte-doux: #57534e;--couleur-primaire: #0f766e;--couleur-primaire-clair: #14b8a6;--couleur-accent: #f59e0b;--couleur-erreur: #dc2626;--couleur-bordure: #e7e5e4;--couleur-succes: #16a34a;--espace-1: 4px;--espace-2: 8px;--espace-3: 12px;--espace-4: 16px;--espace-6: 24px;--espace-8: 32px;--rayon-sm: 6px;--rayon: 10px;--rayon-lg: 16px;--hauteur-tabbar: 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--couleur-fond);color:var(--couleur-texte)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.tabbar{position:fixed;bottom:0;left:0;right:0;height:var(--hauteur-tabbar);background:var(--couleur-surface);border-top:1px solid var(--couleur-bordure);display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;z-index:10;padding-bottom:env(safe-area-inset-bottom,0)}.tabbar-bouton{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--couleur-texte-doux);font-size:12px;font-weight:500;padding:var(--espace-2)}.tabbar-bouton.actif{color:var(--couleur-primaire)}.tabbar-bouton .icone{font-size:22px;line-height:1}main.contenu{padding:var(--espace-4);padding-bottom:calc(var(--hauteur-tabbar) + var(--espace-4));min-height:100vh}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:var(--espace-2);padding:var(--espace-3) var(--espace-4);border-radius:var(--rayon);border:1px solid transparent;font-weight:600;transition:transform .05s ease}.bouton:active{transform:scale(.98)}.bouton-primaire{background:var(--couleur-primaire);color:#fff}.bouton-primaire:hover{background:#0d6861}.bouton-secondaire{background:var(--couleur-surface);color:var(--couleur-texte);border-color:var(--couleur-bordure)}.bouton-accent{background:var(--couleur-accent);color:#1a1a1a}.bouton-danger{background:var(--couleur-erreur);color:#fff}.bouton-pleine-largeur{width:100%}.carte{background:var(--couleur-surface);border:1px solid var(--couleur-bordure);border-radius:var(--rayon);padding:var(--espace-4);margin-bottom:var(--espace-3)}.carte h3{margin:0 0 var(--espace-2);font-size:16px}.titre-section{font-size:20px;font-weight:700;margin:0 0 var(--espace-3);color:var(--couleur-primaire)}.badge{display:inline-block;padding:2px var(--espace-2);border-radius:999px;font-size:11px;font-weight:600;background:var(--couleur-primaire);color:#fff}.badge.ouvert{background:var(--couleur-succes)}.badge.bloque{background:var(--couleur-erreur)}.badge.attente{background:var(--couleur-accent);color:#1a1a1a}.ligne{display:flex;justify-content:space-between;align-items:center;padding:var(--espace-2) 0;border-bottom:1px solid var(--couleur-bordure)}.ligne:last-child{border-bottom:none}.etat-vide{text-align:center;padding:var(--espace-8) var(--espace-4);color:var(--couleur-texte-doux)}.indicateur-reseau{position:fixed;top:0;left:0;right:0;background:var(--couleur-accent);color:#1a1a1a;text-align:center;font-size:12px;font-weight:600;padding:4px;z-index:20}.indicateur-reseau.en-ligne{display:none}