:root{font:15px/1.5 system-ui,sans-serif;color:#182c43;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:1260px;margin:auto;padding:36px 28px}.badge{font-size:11px;font-weight:750;letter-spacing:2px;color:#157c73}h1{font-size:36px;letter-spacing:-1px;margin:10px 0}header p,footer{color:#617185}h2{font-size:18px;margin:0 0 18px}.toolbar{display:flex;align-items:end;gap:16px;background:white;border:1px solid #dce4ed;border-radius:14px;padding:20px;margin-top:28px}label{display:grid;gap:6px;color:#617185;font-size:12px}label:has(input){flex:1}input,select,button{font:inherit;border-radius:8px;padding:10px 13px;border:1px solid #ced8e3;min-height:44px}input,select{background:white;color:#182c43;width:100%}button{background:#087e78;color:white;border-color:transparent;cursor:pointer;font-weight:650}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eef2f7;color:#233b54}.workspace{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.2fr);gap:22px}.workspace>section{background:white;border:1px solid #dce4ed;border-radius:14px;padding:22px;min-height:350px}.section-head{display:flex;justify-content:space-between}.card{padding:16px;border:1px solid #e0e7ef;border-radius:10px;margin:10px 0}.invoice{width:100%;background:white;color:#182c43;text-align:left;font-weight:400}.invoice.selected{border-color:#087e78;background:#effaf8}.title{display:block;font-weight:700;margin-bottom:5px}.meta{font-size:12px;color:#617185}.pill{display:inline-block;background:#e7f5f1;color:#147669;padding:3px 8px;border-radius:5px;font-size:11px;margin:7px 4px 10px 0}.empty{color:#617185;padding:22px 0}#status{min-height:24px}#status.error{color:#a53030}footer{font-size:12px;margin-top:24px}dialog{border:1px solid #dce4ed;border-radius:16px;max-width:470px;padding:28px}dialog::backdrop{background:#102b4466}.actions{display:flex;justify-content:end;gap:10px;margin-top:20px}:focus-visible{outline:3px solid #63b8f5;outline-offset:3px}@media(max-width:760px){main{padding:22px 14px}.toolbar{flex-wrap:wrap}.toolbar label{flex:1;min-width:160px}.workspace{grid-template-columns:1fr}h1{font-size:30px}}