#finance-reconciliation{box-sizing:border-box;width:min(1040px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;background:#121823;color:#edf3fa;border:1px solid #415069;border-radius:18px;font:15px/1.5 system-ui,sans-serif;overflow:auto}
#finance-reconciliation::backdrop{background:#04070ac9}#finance-reconciliation *{box-sizing:border-box}#finance-reconciliation header{display:flex;align-items:start;gap:16px;justify-content:space-between}#finance-reconciliation h2{font-size:23px;margin:0}#finance-reconciliation h3{font-size:18px;margin:24px 0 12px}#finance-reconciliation p{margin:7px 0}#finance-reconciliation small,.fr-note{color:#bdc9da}#finance-reconciliation button,#finance-reconciliation input,#finance-reconciliation select{font:inherit;color:inherit;background:#202c3d;border:1px solid #516077;border-radius:9px;min-height:44px;padding:9px 12px;max-width:100%}#finance-reconciliation button{cursor:pointer}#finance-reconciliation button:hover{background:#2a3b50}#finance-reconciliation :focus-visible{outline:3px solid #7fcdb8;outline-offset:2px}#finance-reconciliation :disabled{opacity:.6;cursor:wait}#finance-reconciliation label{display:grid;gap:6px;min-width:0}#finance-reconciliation .fr-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:15px 0}#finance-reconciliation .fr-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}#finance-reconciliation .fr-fields input{width:100%}#finance-reconciliation article{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr) minmax(0,1.4fr);gap:16px;padding:18px 0;border-bottom:1px solid #415069;overflow-wrap:anywhere}#finance-reconciliation #fr-status{color:#8ee3d1;min-height:24px}#finance-reconciliation a{color:#8ee3d1}#finance-reconciliation #fr-form:not(:empty){padding:0 16px 12px;border:1px solid #657891;border-radius:12px}
@media(max-width:600px){#finance-reconciliation{padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}#finance-reconciliation h2{font-size:20px}#finance-reconciliation .fr-fields,#finance-reconciliation article{grid-template-columns:1fr}#finance-reconciliation article{gap:8px}#finance-reconciliation .fr-actions>label{width:100%}#finance-reconciliation input,#finance-reconciliation select{width:100%}#finance-reconciliation header p{font-size:13px}}