:root{--bleu: #1f4e79;--bleu-clair: #2d6da3;--fond: #f4f6f9;--bord: #d9dee5;--rouge: #b3261e;--vert: #1e7d32;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:#1c2733}h1,h2,h3,h4{color:var(--bleu)}button{background:var(--bleu);color:#fff;border:0;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.95rem}button:hover{background:var(--bleu-clair)}button:disabled{background:#9fb0c0;cursor:not-allowed}input,select{padding:.45rem .6rem;border:1px solid var(--bord);border-radius:6px;font-size:.95rem;background:#fff}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}label.inline{flex-direction:row;align-items:center;gap:.4rem}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--bleu);color:#fff;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.sidebar h1{color:#fff;font-size:1.4rem;margin:0}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{color:#d5e3f0;text-decoration:none;padding:.5rem .65rem;border-radius:6px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff24;color:#fff}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.content{flex:1;padding:1.5rem 2rem;max-width:1100px}.card{background:#fff;border:1px solid var(--bord);border-radius:10px;padding:1.25rem;margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.sous-card{border:1px dashed var(--bord);border-radius:8px;padding:.75rem;margin:.4rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.ligne{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}.ligne.compact{gap:.3rem;align-items:center}.ligne.compact input{width:110px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid var(--bord)}th{background:#eef2f7;color:var(--bleu)}.stepper{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;counter-reset:etape}.stepper li{counter-increment:etape;padding:.45rem .8rem;border-radius:999px;background:#e3e9f0;font-size:.85rem;cursor:default}.stepper li:before{content:counter(etape) ". ";font-weight:700}.stepper li.actif{background:var(--bleu);color:#fff}.stepper li.fait{background:#cfe3d2;cursor:pointer}.auth-page{min-height:100vh;display:grid;place-items:center}.auth-page .card{width:min(400px,92vw)}.erreur{color:var(--rouge);background:#fdecea;padding:.5rem .75rem;border-radius:6px}.succes{color:var(--vert);background:#e7f3e8;padding:.5rem .75rem;border-radius:6px}.note{color:#5b6b7b;font-size:.85rem}.debiteur{color:var(--rouge);font-weight:600}.crediteur{color:var(--vert);font-weight:600}.liste-cases{display:flex;flex-direction:column;gap:.3rem;max-height:200px;overflow-y:auto}.echeances{margin:.4rem 0 0;padding-left:1.2rem;font-size:.9rem}@media(max-width:800px){.layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{margin:0 0 0 auto;flex-direction:row;align-items:center}.content{padding:1rem}table{display:block;overflow-x:auto}}