:root{--green: #1f6f43;--green-700: #185536;--green-800: #123f29;--green-light: #e7f3ec;--navy: #15302a;--orange: #b9690c;--orange-light: #fbeeda;--red: #b3261e;--red-light: #f8dcd9;--bg: #f3f6f4;--surface: #ffffff;--surface-2: #f0f4f1;--ink: #14201b;--muted: #5a665f;--line: #d7e0db;--line-strong: #b9c6bf;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-8: 3rem;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(20, 32, 27, .06), 0 1px 3px rgba(20, 32, 27, .04);--shadow-2: 0 2px 6px rgba(20, 32, 27, .08), 0 4px 16px rgba(20, 32, 27, .06);--shadow-focus: 0 0 0 3px rgba(31, 111, 67, .3);--touch: 44px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--font-sans);color:var(--ink);line-height:1.5;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);min-height:100dvh}.num,.total-big,table.grid td,.cat-head,.badge{font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer;color:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-sm)}a{color:var(--green-700)}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,var(--green) 0%,var(--green-700) 100%);color:#fff;padding:.65rem clamp(1rem,3vw,2rem);display:flex;align-items:center;gap:var(--s-4);justify-content:space-between;box-shadow:var(--shadow-2);padding-top:max(.65rem,env(safe-area-inset-top))}.topbar h1{font-size:1.15rem;margin:0;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.topbar h1:before{content:"";width:.7rem;height:1.15rem;border-radius:3px;background:#fff;box-shadow:0 0 0 3px #ffffff40}.topbar .right{display:flex;align-items:center;gap:var(--s-3);font-size:.9rem}.container{padding:clamp(1rem,2.5vw,1.75rem);max-width:1200px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-5);margin-bottom:var(--s-4);box-shadow:var(--shadow-1)}.card h2{margin:0 0 var(--s-4);font-size:1.15rem;font-weight:700;color:var(--navy);letter-spacing:-.01em}label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:var(--s-1)}input,textarea,select{width:100%;min-height:var(--touch);padding:.6rem .75rem;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);font:inherit;background:var(--surface);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}input:hover,textarea:hover,select:hover{border-color:var(--green-700)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--green);box-shadow:var(--shadow-focus)}textarea{min-height:4rem;resize:vertical;line-height:1.5}.field{margin-bottom:var(--s-4)}.help{font-size:.78rem;color:var(--muted);margin-top:var(--s-1);line-height:1.4}input[type=range]{padding:0;min-height:auto;height:2rem;accent-color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--touch);background:var(--green);color:#fff;border:1.5px solid var(--green);border-radius:var(--r-sm);padding:.55rem 1.1rem;font-weight:600;font-size:.95rem;transition:background .15s ease,transform .06s ease,box-shadow .15s ease;touch-action:manipulation}.btn:hover{background:var(--green-700);border-color:var(--green-700)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--surface);color:var(--green-700);border-color:var(--line-strong)}.btn.secondary:hover{background:var(--green-light);border-color:var(--green);color:var(--green-800)}.btn.danger{background:var(--red);border-color:var(--red)}.btn:disabled{opacity:.45;cursor:default;transform:none}.rating{display:inline-flex;gap:var(--s-2);flex-wrap:wrap}.rating button{min-height:var(--touch);min-width:4.5rem;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);padding:.45rem .9rem;font-size:.9rem;font-weight:600;color:var(--muted);transition:all .12s ease;touch-action:manipulation}.rating button:hover{border-color:var(--green);color:var(--ink)}.rating button.on{color:#fff}.rating button.on.bien{background:var(--green);border-color:var(--green)}.rating button.on.moyen{background:var(--orange);border-color:var(--orange)}.rating button.on.changer{background:var(--red);border-color:var(--red)}.row{display:grid;grid-template-columns:1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.tabs{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-5)}.tabs button{min-height:var(--touch);border:1.5px solid var(--line-strong);background:var(--surface);border-radius:var(--r-pill);padding:.45rem 1rem;font-size:.9rem;font-weight:600;color:var(--muted);transition:all .12s ease;touch-action:manipulation}.tabs button:hover{border-color:var(--green);color:var(--ink)}.tabs button.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:var(--shadow-1)}.list-item{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);min-height:var(--touch);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:var(--s-2);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .06s ease}.list-item:hover{border-color:var(--green);box-shadow:var(--shadow-2)}.list-item:active{transform:translateY(1px)}.list-item strong{color:var(--navy);font-size:1.02rem}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge.vert{background:var(--green-light);color:var(--green-800)}.badge.orange{background:var(--orange-light);color:var(--orange)}.badge.rouge{background:var(--red-light);color:var(--red)}.badge.draft{background:var(--surface-2);color:var(--muted)}.badge.finalized{background:var(--green-light);color:var(--green-800)}.total-big{font-size:2rem;font-weight:800;color:var(--green-700);letter-spacing:-.02em;line-height:1}.cat-grid{display:grid;gap:var(--s-3)}.cat-head{display:flex;justify-content:space-between;font-weight:600;color:var(--ink)}.sync{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;padding:.25rem .7rem;border-radius:var(--r-pill);background:#ffffff29;color:#fff}.sync:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.sync.ok{color:#d5f1de}.sync.pending{color:#ffe6bf}.sync.error{color:#ffd2cc;background:#b3261e8c}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--s-4);background:radial-gradient(1200px 600px at 50% -10%,var(--green-light),var(--bg))}.login-card{width:min(380px,100%);box-shadow:var(--shadow-2)}.login-card h2{text-align:center;font-size:1.6rem;color:var(--green-700);margin-bottom:var(--s-5);letter-spacing:-.02em}.muted{color:var(--muted)}table.grid{width:100%;border-collapse:collapse}table.grid th,table.grid td{border:1px solid var(--line);padding:.45rem .5rem;text-align:center;font-size:.86rem}table.grid th{background:var(--surface-2);color:var(--navy);font-weight:700}table.grid tr:nth-child(2n) td{background:#fafcfb}@media (max-width: 640px){.row{grid-template-columns:1fr}.topbar .right span:not(.sync){display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}