.ffx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ffx-field{display:grid;gap:7px;margin:0 0 14px}.ffx-field label{font-weight:800;color:#173f3e}.ffx-input,.ffx-select{width:100%;border:1px solid #d7e6e2;border-radius:12px;padding:12px 14px;background:#fff;color:#173f3e;font:inherit}.ffx-file{display:block;width:100%;padding:14px;border:1px dashed #9fcfc7;border-radius:14px;background:#f8fcfb}.ffx-btn{border:0;border-radius:12px;padding:12px 16px;background:#0b8f82;color:#fff;font:inherit;font-weight:900;cursor:pointer}.ffx-btn:disabled{opacity:.55;cursor:not-allowed}.ffx-output{display:none;margin-top:16px;padding:16px;border:1px solid #d7e6e2;border-radius:14px;background:#fff}.ffx-output.show{display:block}.ffx-output h3{margin:0 0 10px}.ffx-metric{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-top:1px solid #e5efec}.ffx-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:12px;border:1px solid #e5efec;margin-top:12px}.ffx-barcode-wrap{overflow:auto;background:#fff;border:1px solid #e5efec;border-radius:14px;padding:16px;margin-top:14px;text-align:center}.ffx-actions{display:flex;gap:10px;flex-wrap:wrap}.ffx-link{display:inline-flex;align-items:center;text-decoration:none;padding:10px 14px;border-radius:10px;background:#e8f6f2;color:#08756b;font-weight:800}.ffx-note{font-size:13px;color:#6b817d}.ffx-error{color:#a63f3f}@media(max-width:720px){.ffx-grid{grid-template-columns:1fr}}