:root{--marque:#4f46e5;--marque-fonce:#3730a3;--fond:#eef1f6;--surface:#fff;--texte:#0b1520;--texte-faible:#4a5560;--contour:#e2e8f0;--vente:#0b7a3c;--vente-fonce:#085f2e;--depense:#b3342a;--depense-fonce:#8a2820;--danger:#b3261e;--succes:#0b7a3c;--focus:#0b1520;--ancien-vert:#0b7a3c;--ancien-orange:#b45309;--ancien-rouge:#b3261e;--ombre:0 1px 2px #0b152014, 0 4px 14px #0b15201a;--police:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--taille-base:18px;--taille-titre:22px;--taille-bouton:20px;--taille-pave:26px;--taille-montant:34px;--taille-bandeau:32px;--hauteur-bouton:52px;--hauteur-pave:56px;--rayon:16px;--ecart:8px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{font-family:var(--police);font-size:var(--taille-base);color:var(--texte);background:var(--fond);-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;line-height:1.4}.app{background:var(--fond);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.ecrans{flex-direction:column;flex:1;display:flex;overflow:hidden}.ecran{flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav{background:var(--surface);border-top:1px solid var(--contour);flex-shrink:0;display:flex}.nav button{min-height:62px;color:var(--texte-faible);font-family:var(--police);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:16px;font-weight:600;display:flex}.nav button.actif{color:var(--marque);font-weight:700}.nav-icone{display:flex}.bandeau{background:var(--marque);color:#fff;flex-shrink:0;padding:18px 20px 22px}.bandeau-nom{opacity:.95;justify-content:space-between;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.bandeau-nom button{color:#fff;background:0 0;border:none;border-radius:8px;padding:6px;display:flex}.bandeau-chiffres{flex-wrap:wrap;gap:20px;margin-top:14px;display:flex}.bandeau-chiffre .libelle{opacity:.85;font-size:14px;font-weight:600}.bandeau-chiffre .valeur{font-size:var(--taille-bandeau);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.15}.carte{background:var(--surface);border-radius:var(--rayon);box-shadow:var(--ombre)}.accueil{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex}.accueil-actions{gap:12px;display:flex}.carte-action{border-radius:var(--rayon);color:#fff;min-height:118px;font-family:var(--police);font-size:var(--taille-bouton);cursor:pointer;box-shadow:var(--ombre);border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.carte-action .icone{display:flex}.carte-action .icone svg{width:34px;height:34px}.carte-vente{background:var(--vente)}.carte-vente:active{background:var(--vente-fonce)}.carte-depense{background:var(--depense)}.carte-depense:active{background:var(--depense-fonce)}.dernieres{padding:14px 16px}.dernieres h2{color:var(--texte-faible);margin:0 0 10px;font-size:16px;font-weight:700}.dernieres .ligne{border-top:1px solid var(--contour);justify-content:space-between;align-items:center;gap:8px;padding:7px 0;display:flex}.dernieres .ligne:first-of-type{border-top:none}.dernieres .ligne .signe-vente{color:var(--vente);font-weight:800}.dernieres .ligne .signe-depense{color:var(--depense);font-weight:800}.dernieres .ligne .heure{color:var(--texte-faible);font-size:15px}.dernieres .vide{color:var(--texte-faible);padding:6px 0}.saisie{flex-direction:column;flex:1;gap:4px;padding-bottom:12px;display:flex}.entete{text-align:center;flex-shrink:0;padding:10px 20px}.entete h1{font-size:var(--taille-titre);margin:0;font-weight:700}.entete-vente{background:var(--vente)}.entete-vente h1{color:#fff}.entete-depense{background:var(--depense)}.entete-depense h1{color:#fff}.entete-hier{background:#334155}.entete-hier h1{color:#fff}.choix-jour{gap:var(--ecart);padding:8px 20px;display:flex}.choix-jour button{min-height:48px;font-family:var(--police);border:2px solid var(--contour);border-radius:var(--rayon);background:var(--surface);color:var(--texte);flex:1;font-size:17px;font-weight:700}.choix-jour button.actif{border-color:var(--marque);background:var(--marque);color:#fff}.montant{text-align:right;background:var(--surface);border-top:1px solid var(--contour);border-bottom:1px solid var(--contour);flex-shrink:0;justify-content:flex-end;align-items:baseline;gap:8px;min-height:56px;padding:8px 20px;display:flex}.montant-valeur{font-size:var(--taille-montant);font-variant-numeric:tabular-nums;word-break:break-all;font-weight:800}.montant-devise{font-size:var(--taille-titre);color:var(--marque);font-weight:700}.choix-devise{gap:var(--ecart);padding:10px 20px;display:flex}.choix-devise button{min-height:46px;font-size:var(--taille-bouton);border:2px solid var(--contour);border-radius:var(--rayon);background:var(--surface);color:var(--texte);flex:1;font-weight:700}.choix-devise button.actif{border-color:var(--marque);background:var(--marque);color:#fff}.bascule-zone{padding:0 20px 10px}.bouton-bascule{width:100%;min-height:50px;font-size:var(--taille-bouton);border:2px solid var(--contour);border-radius:var(--rayon);background:var(--surface);color:var(--texte);font-weight:700}.bouton-bascule.actif{border-color:var(--vente);background:var(--vente);color:#fff}.client{gap:var(--ecart);flex-direction:column;padding:0 20px 10px;display:flex}.client select,.client input{min-height:50px;font-size:var(--taille-base);border:2px solid var(--contour);border-radius:var(--rayon);background:var(--surface);color:var(--texte);font-family:var(--police);padding:0 12px}.pave{gap:var(--ecart);grid-template-columns:repeat(3,1fr);padding:0 20px;display:grid}.pave button{min-height:var(--hauteur-pave);font-size:var(--taille-pave);border:1px solid var(--contour);border-radius:var(--rayon);background:var(--surface);color:var(--texte);font-weight:600;font-family:var(--police)}.pave button:active{background:var(--contour)}.pave button.touche-fonction{color:var(--marque);font-weight:700}.actions{gap:var(--ecart);padding:8px 20px 0;display:flex}.actions .bouton{flex:1}.bouton{width:100%;min-height:var(--hauteur-bouton);font-size:var(--taille-bouton);border-radius:var(--rayon);color:#fff;cursor:pointer;font-weight:700;font-family:var(--police);border:none;display:block}.bouton:disabled{opacity:.45;cursor:default}.bouton-valider{background:var(--marque)}.bouton-valider:active{background:var(--marque-fonce)}.bouton-retour{background:var(--texte-faible)}.erreur{border:2px solid var(--danger);border-radius:var(--rayon);color:var(--danger);background:#fdecec;margin:0 20px;padding:10px 12px;font-weight:600}.rappel{border:2px solid var(--ancien-orange);border-radius:var(--rayon);color:var(--ancien-orange);background:#fdf1e3;margin:0;padding:12px 14px;font-weight:600}.confirmation{z-index:10;background:#0b15208c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmation .carte{background:var(--surface);border-radius:var(--rayon);text-align:center;max-width:320px;box-shadow:var(--ombre);padding:24px}.confirmation .coche{color:var(--succes);font-size:44px}.confirmation p{font-size:var(--taille-bouton);margin:8px 0 0;font-weight:600}.liste{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex}.carte-client{background:var(--surface);border-radius:var(--rayon);box-shadow:var(--ombre);padding:14px 16px}.carte-client .nom{font-size:var(--taille-bouton);margin-bottom:6px;font-weight:700}.carte-client .ligne{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.pastille{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:16px;font-weight:700}.pastille.vert{color:var(--ancien-vert);background:#e6f4ec}.pastille.orange{color:var(--ancien-orange);background:#fdf1e3}.pastille.rouge{color:var(--ancien-rouge);background:#fdecec}.bouton-payer{background:var(--marque);min-height:48px;font-size:18px}.vide{text-align:center;color:var(--texte-faible);font-size:var(--taille-base);padding:32px 20px}.bloc-totaux{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.carte-totaux{background:var(--surface);border-radius:var(--rayon);box-shadow:var(--ombre);padding:14px 16px}.carte-totaux h2{color:var(--texte-faible);margin:0 0 8px;font-size:18px;font-weight:700}.carte-totaux .chiffre{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.carte-totaux .difference.positif{color:var(--vente)}.carte-totaux .difference.negatif{color:var(--depense)}.historique{flex-direction:column;gap:8px;display:flex}.jour{background:var(--surface);border-radius:var(--rayon);box-shadow:var(--ombre);text-align:left;width:100%;font-family:var(--police);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.jour .jour-libelle{font-size:17px;font-weight:700}.jour .jour-totaux{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.jour .jour-totaux .pos{color:var(--vente);font-weight:700}.jour .jour-totaux .neg{color:var(--depense);font-weight:700}.detail-operations{flex-direction:column;gap:8px;display:flex}.detail-operations .ligne{border-top:1px solid var(--contour);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.detail-operations .ligne:first-of-type{border-top:none}.prompt-nom{z-index:10;background:#0b15208c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prompt-nom .carte{background:var(--surface);border-radius:var(--rayon);flex-direction:column;gap:12px;width:calc(100% - 40px);max-width:340px;padding:24px;display:flex}.prompt-nom h2{font-size:var(--taille-titre);margin:0}.prompt-nom input{min-height:52px;font-size:var(--taille-base);border:2px solid var(--contour);border-radius:var(--rayon);font-family:var(--police);padding:0 12px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}