:root{--ink:#173347;--blue:#155f83;--line:#dae3e9;--bg:#f3f6f9;--muted:#536777;--red:#a42d29;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--blue);text-underline-offset:4px}header{background:#fff;border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;gap:32px;align-items:center}.brand{font-size:1.2rem;font-weight:800;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{background:var(--blue);color:#fff;border-radius:6px;padding:1px 5px;margin-right:8px}nav{display:flex;gap:24px;flex:1}nav a{text-decoration:none;font-size:.95rem;font-weight:600}.account{position:relative}.account summary{cursor:pointer}.account a{display:block;white-space:nowrap;margin:12px 0}.account form{margin:8px 0}main{max-width:1288px;margin:auto;padding:36px 24px;min-height:80vh}h1{font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.2;margin:0 0 16px;letter-spacing:-.03em}h2{font-size:1.15rem;margin:0 0 12px}p{margin-top:0}.eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.09em;color:var(--blue);margin-bottom:10px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.metric{display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:22px;border-radius:var(--radius);text-decoration:none;color:var(--ink)}.metric span{font-size:.9rem;color:var(--muted)}.metric strong{display:block;font-size:2rem;margin-top:8px;font-variant-numeric:tabular-nums}.metric small{font-size:.9rem;font-weight:500}button,.button{border:1px solid var(--blue);background:var(--blue);color:#fff;padding:11px 18px;border-radius:8px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;min-height:46px}button:hover,.button:hover{filter:brightness(.92)}.secondary{background:#fff;color:var(--blue)}.danger{background:var(--red);border-color:var(--red)}label{display:block;font-size:.95rem;font-weight:600;margin-bottom:6px}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #aabac6;border-radius:7px;font:inherit;color:var(--ink);background:#fff;min-height:46px}input:disabled{background:#edf1f4}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #75b9df;outline-offset:2px}.filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:24px 0}.filters label{margin:0}.filters a{padding-bottom:12px}.export{margin-left:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.95rem}th{text-align:left;font-weight:650}thead{background:#eef3f7;color:var(--muted)}th,td{padding:15px 13px;border-bottom:1px solid var(--line)}tbody tr:last-child td,tbody tr:last-child th{border-bottom:none}.number{text-align:right;font-variant-numeric:tabular-nums}.strong{font-weight:750}td small{display:block;color:var(--muted);font-size:.8rem}.badge{display:inline-block;padding:5px 11px;border-radius:30px;font-size:.9rem;font-weight:650;white-space:nowrap}.attente{background:#fff0cc;color:#7a5000}.confirme{background:#e1f3e9;color:#1e6442}.ecart{background:#ffe5e3;color:#96332c}.annule{background:#edf0f3;color:#516270}.muted{color:var(--muted);font-size:.9rem}.section-title,.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px}.pagination{margin-top:20px}.empty{text-align:center;padding:40px 20px;white-space:normal}.empty p{color:var(--muted);margin:8px 0}.form-panel{max-width:720px;margin:20px auto}.form-panel form p{margin-bottom:22px}.helptext{display:block;color:var(--muted);font-size:.85rem;margin-top:5px}.errorlist,.error{color:var(--red);background:#fff0ef;padding:12px 24px;border-radius:8px}.notice{padding:14px 18px;border:1px solid #8ac1a8;background:#edf9f2;border-radius:8px;margin-bottom:24px}.actions{display:flex;align-items:center;gap:20px}.login{max-width:470px;margin:5vh auto}.login button{width:100%}.login .muted{margin:24px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}dt{color:var(--muted);font-size:.9rem}dd{margin:0 0 18px;overflow-wrap:anywhere}.amount{font-size:1.7rem;font-weight:750}.timeline{list-style:none;padding:0}.timeline li{border-left:3px solid var(--line);padding:8px 20px 20px}.timeline span{display:block;font-size:.85rem;color:var(--muted)}.timeline p{margin:8px 0;overflow-wrap:anywhere}.cancel{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.cancel summary{color:var(--red);cursor:pointer}.cancel p{margin-top:14px}.back{display:inline-block;margin-bottom:20px}footer{max-width:1288px;margin:auto;padding:20px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between}@media(max-width:800px){header{flex-wrap:wrap;gap:16px;padding:16px}nav{order:3;flex-basis:100%;gap:18px;overflow-x:auto}.account{margin-left:auto}main{padding:24px 16px}.metrics{grid-template-columns:1fr;gap:10px}.metric{padding:16px}.metric strong{font-size:1.6rem}.heading{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr;gap:0}.panel{padding:18px}.filters>*{flex:1 1 auto}.export{margin-left:0}footer{gap:12px;flex-wrap:wrap}}@media print{header,footer,.filters,.back,button,.button,.pagination,.account,.cancel{display:none!important}body{background:#fff;color:#000;font-size:10pt}main{padding:0;max-width:none}.panel{border:none;padding:0;break-inside:avoid}.metrics{display:none}.table-wrap{overflow:visible}table{white-space:normal;font-size:9pt}th,td{padding:7px}.badge{border:1px solid #aaa}.heading{display:block}.detail-grid{display:block}}