:root{--couleur: #1f6f78;--fond: #f6f8f8;--texte: #1c2526;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texte);background:var(--fond)}body{margin:0}.page{max-width:40rem;margin:0 auto;padding:2rem 1rem}h1{margin:0;color:var(--couleur)}.sous-titre{margin-top:.25rem;font-weight:600}.connexion{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.connexion label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}button{font:inherit;font-weight:600;padding:.8rem 1.2rem;border:none;border-radius:.4rem;background:var(--couleur);color:#fff;cursor:pointer}button:disabled{opacity:.6}.erreur{margin:0;color:#b3261e}.barre{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}h2{margin:0}button.secondaire{background:#fff;color:var(--couleur);border:1px solid var(--couleur)}input,select,textarea{font:inherit;padding:.7rem;border:1px solid #b8c4c5;border-radius:.4rem;background:#fff;width:100%;box-sizing:border-box}.recherche{margin-bottom:1rem}.liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.liste button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;background:#fff;color:var(--texte);border:1px solid #d5dddd;font-weight:400}.liste span{color:#5a6b6c;font-size:.9rem}.formulaire{display:flex;flex-direction:column;gap:1rem}.formulaire label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.deux label.case{flex-direction:row;align-items:center;align-self:end;padding-bottom:.7rem}.case input{width:auto}.deux{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.onglets{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #d5dddd}.onglets button{flex:1;padding:.8rem .2rem;font-size:.95rem;background:none;color:#5a6b6c;border-radius:0;border-bottom:3px solid transparent}.onglets button.actif{color:var(--couleur);border-bottom-color:var(--couleur)}.liste button.inactif{opacity:.55}.regles{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d5dddd}.succes{margin:0;color:#1e7a3a}button.large{width:100%;margin-top:1rem}.aide{color:#5a6b6c;font-size:.9rem}.statut{font-style:normal;font-weight:600}.statut.gesendet{color:#8a5a00}.statut.angenommen{color:#1e7a3a}.statut.abgelehnt{color:#b3261e}.encadre{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;margin-bottom:1rem;background:#fff;border:1px solid #d5dddd;border-radius:.4rem}.encadre span{color:#5a6b6c;font-size:.9rem}.articles{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.articles li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;background:#fff;border:1px solid #d5dddd;border-radius:.4rem}.articles li.choisi{border-color:var(--couleur);box-shadow:inset 4px 0 0 var(--couleur)}.articles li>div:first-child{display:flex;flex-direction:column;gap:.15rem}.articles li>div:first-child span{color:#5a6b6c;font-size:.85rem}.compteur{display:flex;align-items:center;gap:.6rem}.compteur button{width:2.6rem;height:2.6rem;padding:0;font-size:1.3rem}.compteur span{min-width:1.5rem;text-align:center;font-weight:600}.surface{display:flex;align-items:center;gap:.4rem;font-weight:600}.surface input{width:5rem;text-align:right}.totaux{display:flex;flex-direction:column;gap:.5rem;padding:.8rem;margin-bottom:1rem;background:#fff;border:1px solid #d5dddd;border-radius:.4rem}.totaux>div{display:flex;justify-content:space-between}.totaux .total{font-size:1.2rem;font-weight:700;padding-top:.5rem;border-top:1px solid #d5dddd}label.case{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-weight:600}.semaine{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-weight:600}.semaine button{padding:.5rem .9rem}.jour{margin-bottom:1rem}.jour h3{margin:0 0 .4rem;font-size:1rem;color:#5a6b6c}.jour h3.aujourdhui{color:var(--couleur)}.jour .vide{margin:0;color:#9aa7a8}.statut.bestaetigt,.statut.erledigt{color:#1e7a3a}.statut.angefragt{color:#8a5a00}.historique{margin-top:2rem;padding-top:1rem;border-top:1px solid #d5dddd}.historique h3{margin:0 0 .5rem}.historique ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.historique li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.9rem}