@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--navy:#0f2a47;--navy-light:#17385c;--orange:#ff6b2c;--cyan:#12a9c4;--cream:#f7f3ee;--bg:var(--navy);--bg-panel:var(--navy-light);--text:var(--cream);--text-dim:#b9c6d6;--accent:var(--orange);--accent-2:var(--cyan);--border:hsla(33,36%,95%,.12);--font-display:"Instrument Serif",serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}.page{max-width:960px;margin:0 auto;padding:24px 16px 64px}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}h1{font-size:2rem;margin:0 0 4px}h2{font-size:1.4rem;margin:32px 0 12px;color:var(--cream)}.subtitle{color:var(--text-dim);margin:0 0 24px;font-size:.95rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.kpi-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:720px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.kpi-label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.kpi-value{font-size:1.6rem;color:var(--cream)}.kpi-delta,.kpi-value{font-family:var(--font-mono)}.kpi-delta{font-size:.85rem;margin-top:4px}.kpi-delta.up{color:#6fd18a}.kpi-delta.down{color:#ff8a7a}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.tab{background:none;color:var(--text-dim);font-family:var(--font-body);font-weight:600;padding:10px 14px;cursor:pointer;border:none;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--cream);border-bottom-color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.badge,th{font-weight:600;font-size:.75rem}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-family:var(--font-mono)}.badge.brouillon{background:rgba(185,198,214,.18);color:var(--text-dim)}.badge.valide{background:rgba(18,169,196,.18);color:var(--cyan)}.badge.envoye{background:rgba(255,107,44,.18);color:var(--orange)}.badge.signe{background:rgba(111,209,138,.18);color:#6fd18a}.badge.refuse{background:hsla(7,100%,74%,.18);color:#ff8a7a}.badge.expire{background:rgba(185,198,214,.1);color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--navy);font-weight:700;border:none;border-radius:999px;padding:12px 20px;font-size:.95rem;cursor:pointer}.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field input{background:var(--navy);border:1px solid var(--border);color:var(--cream);border-radius:10px;padding:12px 14px;font-family:var(--font-body);font-size:1rem}.muted{color:var(--text-dim);font-size:.85rem}.month-nav{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wa-fab{position:fixed;bottom:20px;right:20px;z-index:10}