:root{--bleu: #1b3a6b;--bleu-clair: #2e5aa8;--gris: #f4f6f9;--bordure: #d8dee8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--gris);color:#1c2330}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.5rem;background:var(--bleu);color:#fff;padding:0 1.25rem;height:56px}.brand{font-weight:700;letter-spacing:.5px}.menu{display:flex;gap:.25rem;flex:1}.menu a{color:#cdd8ee;text-decoration:none;padding:.5rem .8rem;border-radius:6px;font-size:.95rem}.menu a:hover{background:#ffffff1a;color:#fff}.menu a.active{background:var(--bleu-clair);color:#fff}.user{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.content{padding:1.5rem;max-width:1100px;width:100%;margin:0 auto}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:#fff;border:1px solid var(--bordure);border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.login{width:340px;display:flex;flex-direction:column;gap:.9rem}.login h1{margin:0;color:var(--bleu);text-align:center}.subtitle{margin:-.5rem 0 .5rem;text-align:center;color:#6b7689}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600}input{padding:.55rem .7rem;border:1px solid var(--bordure);border-radius:6px;font-size:1rem;font-weight:400}button{background:var(--bleu);color:#fff;border:0;padding:.6rem 1rem;border-radius:6px;font-size:1rem;cursor:pointer}button:hover{background:var(--bleu-clair)}button:disabled{opacity:.6;cursor:default}.user button{padding:.35rem .7rem;font-size:.85rem;background:var(--bleu-clair)}.error{background:#fde8e8;color:#9b1c1c;padding:.5rem .7rem;border-radius:6px;font-size:.9rem}.muted{color:#6b7689;font-size:.9rem}