:root{--green:#166534;--pale:#f0fdf4;--ink:#16221b;--muted:#66756b;--line:#dce8df;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:#f7faf7;color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:70px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.brand{display:flex;gap:10px;align-items:center;margin-right:auto}.brand>span{color:white;background:var(--green);border-radius:11px;width:35px;height:35px;display:grid;place-content:center;font-size:21px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px;margin-top:2px}button{border:0;border-radius:8px;padding:10px 14px;background:var(--green);color:white;font:inherit;font-weight:650;cursor:pointer}button.outline{background:white;color:var(--green);border:1px solid #b4cdb9}.danger{color:var(--red)!important;border-color:#e8b5ae!important}main{max-width:1280px;margin:auto;display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 70px)}aside{background:#fff;border-right:1px solid var(--line);padding:24px 16px}.summary{padding:18px;background:var(--pale);border-radius:12px}.summary small,.summary span{display:block;color:var(--muted)}.summary strong{font-size:27px;display:block;margin:5px 0}.summary span{font-size:12px}h2{font-size:16px;margin:24px 8px 10px}.invoice{width:100%;text-align:left;color:var(--ink);background:white;padding:12px;border-radius:9px;margin:2px 0}.invoice.active{background:var(--pale);outline:1px solid #b4d4bc}.invoice-top{display:flex;justify-content:space-between;font-weight:700}.invoice small{display:block;color:var(--muted);margin-top:4px}.status{font-size:11px;padding:3px 6px;border-radius:10px;background:#eef2f0;color:#526158}.status.Payée{background:#dcfce7;color:#166534}.status.En-retard{background:#fee4e2;color:#b42318}#editor{padding:30px;max-width:950px;margin:auto;width:100%}.empty{place-self:center;text-align:center;color:var(--muted)}.empty div{font-size:52px;color:var(--green)}.empty h1{color:var(--ink)}.editor-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.editor-head label{font-size:12px;color:var(--muted);display:grid;gap:4px}.editor-head input{font-size:22px;font-weight:700;width:180px}.actions{display:flex;gap:8px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px}.fields{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:16px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input,select,textarea{font:inherit;color:var(--ink);border:1px solid #bfd0c2;border-radius:7px;padding:9px;background:white;width:100%}textarea{resize:vertical}.table-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.table-title h2{margin:0}.line-head,.line{display:grid;grid-template-columns:minmax(170px,1fr) 65px 105px 70px 70px 95px 28px;gap:8px;align-items:center}.line-head{color:var(--muted);font-size:12px;padding:0 2px 7px}.line{padding:8px 0;border-top:1px solid #edf2ee}.line input{padding:7px}.line output{text-align:right;font-variant-numeric:tabular-nums}.remove{background:transparent;color:#9caaa0;font-size:24px;padding:0}.bottom-grid{display:grid;grid-template-columns:1fr 300px;gap:18px}.totals{background:white;border:1px solid var(--line);border-radius:12px;padding:14px 20px;height:max-content}.totals>div{display:flex;justify-content:space-between;padding:9px 0}.totals .grand{border-top:1px solid var(--line);font-size:19px;color:var(--green)}dialog{border:0;background:transparent;padding:0}dialog::backdrop{background:#17231a88}.dialog-card{background:white;width:min(440px,calc(100vw - 32px));border-radius:14px;padding:24px;display:grid;gap:14px}.dialog-card h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@media(max-width:720px){header{height:62px;padding:0 12px}.brand small,.outline{display:none}main{display:block}aside{border:0;padding:12px 12px 4px;overflow:hidden}.summary{display:none}aside h2{margin:2px 5px 8px}.invoice-list{display:flex;overflow:auto;gap:7px}.invoice{min-width:190px;border:1px solid var(--line)}#editor{padding:15px}.editor-head{align-items:start;gap:10px}.actions{flex-wrap:wrap;justify-content:end}.fields,.bottom-grid{grid-template-columns:1fr}.line-head{display:none}.line{grid-template-columns:1fr 1fr 1fr}.line .description{grid-column:span 3}.line output{text-align:left}.card{padding:15px}.empty{margin:110px 20px}.table-title{align-items:start;gap:8px}.table-title button{font-size:13px;padding:8px}}@media print{header,aside,.actions,.table-title button,.remove{display:none!important}body{background:#fff}main{display:block}#editor{padding:0;max-width:none}.card,.totals{border:0;padding:0}.bottom-grid{grid-template-columns:1fr 300px}.line{grid-template-columns:minmax(170px,1fr) 65px 105px 70px 70px 95px!important}.line .description{grid-column:auto}.line-head{display:grid}.fields{grid-template-columns:2fr repeat(3,1fr)}}