:root{--marque: #0F2742;--marque-ink: #123A63;--marque-soft: #E8EEF6;--marque-line: #C3D3E4;--teal: #0C7E76;--teal-light: #43B9A9;--ink: #0E1A28;--muted: #5A6B7E;--bg: #F4F7FA;--card: #FFFFFF;--line: #DCE4ED;--warn: #B4342B;--amber: #9A6A11}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--teal)}.app{display:grid;grid-template-columns:216px 1fr;min-height:100vh}nav{background:var(--marque);padding:22px 14px}nav .brand{color:#fff;font-weight:500;letter-spacing:-.02em;margin-bottom:4px;display:flex;align-items:center;gap:7px}nav .brand strong{font-weight:800}nav .brand-sceau{width:20px;height:20px;flex:none}nav .sub{color:#8fb0d4;font-size:12px;margin-bottom:22px}nav button{display:block;width:100%;text-align:left;background:none;border:0;color:#c3d3e4;padding:9px 11px;border-radius:8px;cursor:pointer;font-size:14px}nav button:hover{background:#1a3a5f;color:#fff}nav button[data-active=true]{background:#1d4473;color:#fff;font-weight:600}main{padding:26px 30px 60px;max-width:1180px}h1{font-size:23px;margin:0 0 4px;letter-spacing:-.02em}h2{font-size:17px;margin:26px 0 10px}.lede{color:var(--muted);margin:0 0 20px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.kpi .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi .value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:5px}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:11px 13px;border-bottom:1px solid var(--line)}td{padding:11px 13px;border-bottom:1px solid var(--line);font-size:14px}tr:last-child td{border-bottom:0}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--marque-soft);color:#2c415c}.tag[data-kind=FUNDED],.tag[data-kind=IN_PROGRESS],.tag[data-kind=MILESTONE_PARTIAL]{background:#e3f1ee;color:#0c7e76}.tag[data-kind=COMPLETED]{background:#def0e4;color:#1f6b36}.tag[data-kind=DISPUTED],.tag[data-kind=OPEN]{background:#fbe6e4;color:var(--warn)}.tag[data-kind=PENDING]{background:#faf0dc;color:var(--amber)}button.action{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer}button.action.ghost{background:#fff;color:var(--teal);border:1px solid var(--line)}button.action:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}label{display:block;font-size:13px;font-weight:600;margin:12px 0 5px}.login{max-width:380px;margin:9vh auto}.err{color:var(--warn);font-weight:600;margin-top:12px}.ok{color:var(--teal);font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.banner{padding:11px 15px;border-radius:10px;margin-bottom:18px;font-weight:600}.banner.sim{background:#faf0dc;color:var(--amber);border:1px solid #EBD9AE}.banner.live{background:#e3f1ee;color:var(--teal);border:1px solid #BEDFD9}.row{display:flex;gap:10px;align-items:center}.muted{color:var(--muted)}