:root{--bg: #f6f3ea;--board: #ffffff;--ink: #22322b;--ink-soft: #5c6b62;--forest: #2e6b5e;--forest-dark: #204b42;--coral: #e4623f;--coral-soft: #fbe4da;--sun: #e8a93b;--sun-soft: #fbecd2;--sky: #3e7fa6;--sky-soft: #dcebf2;--berry: #a6497f;--berry-soft: #f3deeb;--line: #e7e1d2;--radius: 18px;--radius-sm: 12px;--sidebar-width: 248px;--content-max: 1180px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito Sans,sans-serif}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:600;margin:0}button{font-family:inherit}a{color:var(--forest)}:focus-visible{outline:2px solid var(--forest);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page-title{font-size:24px;margin:0}.page-sub{font-size:13px;color:var(--ink-soft);margin:4px 0 16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.btn-creer{background:var(--forest);color:#fff;border:none;border-radius:12px;font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;padding:11px 16px;cursor:pointer;min-height:44px}.btn-creer:hover{background:var(--forest-dark)}.empty-note{font-size:12.5px;color:var(--ink-soft);background:var(--sun-soft);border-radius:14px;padding:12px 14px}.liste-entetes{display:none}.pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;display:inline-block}.pill.perso{background:var(--berry-soft);color:var(--berry)}.pill.globale{background:var(--sky-soft);color:var(--sky)}.pill.yes{background:#e4f1ec;color:var(--forest-dark)}.pill.no{background:var(--line);color:var(--ink-soft)}.cellule-actions{display:flex;gap:6px}.cellule-actions button{border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:11.5px;font-weight:700;padding:7px 12px;border-radius:999px;cursor:pointer;min-height:36px}.cellule-actions button:hover{background:#f0eee3}.panneau-overlay{position:fixed;inset:0;background:#22322b66;z-index:10}.panneau{position:fixed;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;background:#fff;border-radius:24px 24px 0 0;padding:16px 20px 24px;z-index:11}.panneau-entete{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panneau-titre{font-size:18px;margin:0}.panneau-fermer{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer;font-size:14px}.panneau form>div{margin-bottom:14px}.panneau label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.panneau input[type=text],.panneau input[type=number],.panneau select,.panneau textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:13.5px;color:var(--ink);background:#fbfaf4}.panneau input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:var(--forest)}.panneau label:has(input[type=checkbox]){display:flex;align-items:center;font-size:13px;color:var(--ink);margin-bottom:0}.panneau [role=alert]{color:#b3261e;font-size:12.5px}.panneau-actions{display:flex;gap:10px;margin-top:20px}.btn-primary{flex:1;background:var(--forest);color:#fff;border:none;border-radius:11px;padding:13px;font-weight:700;font-size:13.5px;cursor:pointer}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 18px;font-weight:700;font-size:13.5px;color:var(--ink-soft);cursor:pointer}@media(min-width:1024px){.page-title{font-size:28px}.liste-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.liste-entetes{display:grid;align-items:center;gap:12px;padding:13px 16px;background:#fbfaf4;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}.ligne{border:none;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:0;padding:13px 16px}.ligne:last-child{border-bottom:none}.ligne:hover{background:#fbfaf4}.panneau{inset:0 0 0 auto;width:420px;max-width:92vw;max-height:none;border-radius:0;padding:26px;box-shadow:-20px 0 40px -20px #22322b4d}}